夏日凉白开

摘要： 当把接口中的数据以某种格式放置在前端页面上时，通常情况下我们使用字符串的拼接。如果数据量大的时候，不妨使用模板引擎 http://aui.github.io/art-template/zh-cn/ 使用方法： 1、下载template-web.js文件、 2、引入该js文件 3、创建模板，注意模板内 阅读全文

摘要： 最近接触到异步加载，于是学习了下Ajax的一点基础，在此做一个总结 Ajax:不是一种编程语言，是一种实现局部刷新的技术。 特点：1、提升用户体验，2、不需要插件 3、提高web程序的性能 4、减轻服务器和带宽的负担。 重点：利用XMLHttpRequest对象发送请求 .open("method" 阅读全文

摘要： 绑定事件 jQuery中事件绑定有4中方式,bind方法和delegate内部是调用的on方法来绑定，推荐使用on() 1、对象.事件类型(事件处理函数) $("#btn").click(function(){}); 2、对象.bind("事件类型",事件处理函数) $("#btn").bind(" 阅读全文

摘要： element.style.left/top等系列无法获取到外部样式表中的属性，（暂时理解为只能获取到行内样式），所以需要用到其他的属性 offset系列:获取元素的宽,高,left,top, offsetParent offsetWidth:元素的宽,有边框 offsetHeight:元素的高,有 阅读全文

摘要： 思路：将某元素移动到指定位置 需传入2个参数。一个是要移动的元素element，另一个是指定的位置target。 获取元素的当前位置current，设置一个每次移动的距离step，设置定时器，通过多次循环移动，到达目标位置。根据当前位置和目标位置的距离判断是否需要执行循环 以本文为例，点击按钮1，d 阅读全文

摘要： 常用的定时器： 1、永久性定时器（每间隔一段时间执行一次function，会永久执行，直到clearInterval() 被调用或窗口被关闭。该方法返回的是定时器的id） 清除定时器 （需要一个参数 定时器的id）： 2、一次性定时器（在指定时间后执行function，只执行一次，但是也需要清除定时 阅读全文

摘要： 创建对象的3种方法： 1、调用系统的构造函数来构造对象（实例化对象） 第一种创建方式拓展(工厂模式创建对象，利用函数把对象封装起来，可以一次创建多个对象) 2、自定义构造函数创建对象。函数和构造函数的区别：可理解为看函数名的首字母是不是大写 3、字面量的方式创建对象 缺点：一次性的对象 注意事项 对 阅读全文

摘要： 为元素绑定事件有3种方式： 1、最常见的绑定方式： 2、非IE浏览器 element.addEventListener(type,fn,false) （布尔值 true表示捕获，false表示冒泡，一般用false）： 3、IE浏览器下的事件绑定 element.attachEvent("on"+t 阅读全文