web-for-the-life的精彩笔记
  • [置]关于jQuery UI 使用心得及技巧

    1、jQuery UI 为我所用下面以Tabs和Accordion插件来看看如何在项目中使用jQuery UI。其他插件的详尽使用文档及演示在这里可以学习到,只不过是英文的。1.1Tabs  Tabs 形式的插件在网页及桌面应用程序中都使用得相当广泛,可以用作菜单,也可做为一小部分内容的选项卡。首先,要使用jQuery UI,首先要把jQuery及jQuery UI
  • jQuery数据缓存方案详解:$.data()的使用

    我们经常使用隐藏控件或者是js全局变量来临时存储数据,全局变量容易导致命名污染,隐藏控件导致经常读写dom浪费性能。jQuery提供了自己的数据缓存方案,能够达到和隐藏控件、全局变量相同的效果,但是jQuery实现方式更优雅。为了更好地使用jQuery数据缓存方案,我们需要掌握$.data()、$.cache、$.expando、$.hasData()、$.
  • 148个资源让你成为CSS专家(下)

    教程与技巧  初学者CSS指南 — 给初识CSS者的完整指南。  开始CSS实战 — 一个非常基础的CSS实战指南。  如何处理CSS大背景 — 处理CSS大背景的教程。  可扩张性强的CSS背景 — 关于创建高度自定义和自适应网站的教程。  用CSS做各种事情: 50多个富有创意的列子和教程 — 收藏了50多个创建独特CSS布局的
  • 3种 web 会话管理的方式

    原文出处:流云诸葛 http是无状态的,一次请求结束,连接断开,下次服务器再收到请求,它就不知道这个请求是哪个用户发过来的。当然它知道是哪个客户端地址发过来的,但是对于我们的应用来说,我们是靠用户来管理,而不是靠客户端。所以对我们的应用而言,它是需要有状态管理的,以便服务端能够准确的知道http请求
  • 30分钟掌握ES6/ES2015核心内容(下)

    在30分钟掌握ES6/ES2015核心内容(上)我们讲解了es6最常用的一些语法:  let, const, class, extends, super, arrow functions, template string, destructuring, default, rest arguments  俗话说打铁要趁热,今天我们继续讲es6其他几个非常有用的新特性。  import export  这两个家伙对应的就是es6自
  • vuejs写一个百度(localstorage+条数限制)

    没用vuejs的组件,因为我现在还接受不了html写在js里面的恶心代码。。。。主要是感受一下纯数据驱动。。。对了支持键盘操作 问题解决,用一个自定义对象,通过这个对象存储所有的搜索数据就行了,对了localStroge只能存字符串。。。有点坑,要自己转化效果图:代码如下:<!DOCTYPEhtml> <html> <head>
  • HTML5移动音乐播放器(启蒙篇)

    这段时间公司一直在做一个PC的教育类单页应用,庞大复杂,涉及非常多H5的知识,音频就是其中的一部分。前些天偷台风的闲暇时写了一个移动端音乐播放器,作为练手项目(存放在Coding)。 在线地址:请猛击这里源码:请猛击这里注意:使用PC浏览最好打开移动设备模式,使用移动设备浏览需要关闭无痕浏览模式(否则无法使用本
  • 引人瞩目的 CSS 变量(CSS Variable)

    这是一个令人激动的革新。CSS 变量,顾名思义,也就是由网页的作者或用户定义的实体,用来指定文档中的特定变量。更准确的说法,应该称之为 CSS 自定义属性 ,不过下文为了好理解都称之为 CSS 变量。一直以来我们都知道,CSS 中是没有变量而言的,要使用 CSS 变量,只能借助 SASS 或者 LESS 这类预编译器。但是新的草案发布
  • js无限轮播的小技巧

    $(function(){ varvcon=$(".v_cont"); varoffset=($(".v_contli").width())*-1; /*======右按钮======*/ $(".you").click(function(){ vcon.stop().animate({marginLeft:offset},"slow",function(){ varfirstItem=$(".v_contulli").first(); vcon.find(".
  • 整理了关于事件基础知识

    /* 阻止事件冒泡 */ varevent=ev||window.event; if(event.stopPropagation){ event.stopPropagation();//非IE阻止事件传播 }else{ event.cancelBubble=true;//IE阻止事件冒泡 } /* 阻止默认事件 */ varevent2=ev||window.event; if(event2.preventDefault){ event2.preventDefault();//非IE阻止默认事件 }e