动漫引擎

导航

2017年3月10日

H5的本地存储技术及其与Cookie的比较

摘要: 第一部分: H5的本地存储技术 HTML5 提供了两种在客户端存储数据的新方法。先看下面的例子: 例1:var mySelection = {name:"car", amount:2};localStorage.mySelection = JSON.stringify(mySelection);co 阅读全文

posted @ 2017-03-10 13:39 动漫引擎 阅读(593) 评论(0) 推荐(0) 编辑

用singleton单例模式实现一个模块

摘要: 对于具有唯一性的模块(例如,购物车项目中的物品数据,各个页面都要使用它,而且是唯一的数据),用singleton模式。 var mySingleton = (function() { var privateVar = ''; var instance = { publicMethod1 : publ 阅读全文

posted @ 2017-03-10 08:25 动漫引擎 阅读(126) 评论(0) 推荐(0) 编辑

JavaScript类继承, 用什么方法好

摘要: JavaScript类继承, 用什么方法好 一个实例: 基类Car: function Car(color, year) { this.name = "car"; this.color = color; this.year = year; } var p = Car.prototype; p.get 阅读全文

posted @ 2017-03-10 08:24 动漫引擎 阅读(153) 评论(0) 推荐(0) 编辑

JavaScript Best Practices (w3cschool)

摘要: JavaScript Best Practices (w3cschool) Local Variables: · 总是在前面集中定义变量,(包括 for 的i).(strict mode) · 并且赋值, 避免 undefined的变量 · 视numbers, strings, or boolean 阅读全文

posted @ 2017-03-10 08:23 动漫引擎 阅读(133) 评论(0) 推荐(0) 编辑

JS面试Q&A(续):Javascript数组排序, 默认是字符串Unicode排序, 不适合数字

摘要: Q:下面代码段的执行后data里面的数据是什么?为什么? var data= [40,1,5,200] data.sort(); A: data的内容是[1, 200, 40, 5] 因为,Javascript数组排序, 默认是字符串Unicode排序。 如果要按照数值升序排列成: [1,5,40, 阅读全文

posted @ 2017-03-10 08:23 动漫引擎 阅读(201) 评论(0) 推荐(0) 编辑

CSS的4种定位方式比较

摘要: CSS有四种定位(Positioning)方法:Static,Relative, Absolute和Fixed 元素flow, overlap 相对参照物: 能否用offset( top, left, bottom, right)参数 是否移出 normal flow 是否可以 overlap 备注 阅读全文

posted @ 2017-03-10 04:36 动漫引擎 阅读(384) 评论(0) 推荐(0) 编辑

自适应页面设计: Viewport控制, media query和相对单位

摘要: viewport,视口,就是对用户的可见部分, 大小因设备而不同。H5引入。 * 没有它: 整体缩放 ( 老网页是固定的大小,浏览器在手机上只是简单地缩放整个页面,所以用户体验很差) * 有了它: 浏览器会重新排版。而且, 屏幕大小就是Chrome仿真器提示的size。 所以, mobile页面必须 阅读全文

posted @ 2017-03-10 01:45 动漫引擎 阅读(314) 评论(0) 推荐(0) 编辑