摘要:Mobile Web App checklist 目标: 高性能Mobile Web App 一、UX和UI 操作节目与边框之间留空隙: 防止操作过程中,触发系统缺省行为,有些是无法disable的。 如: 向下划过上边框会触发系统状态信息, 清除 300ms的click延时(从用户click到发出
阅读全文
摘要:第一部分: H5的本地存储技术 HTML5 提供了两种在客户端存储数据的新方法。先看下面的例子: 例1:var mySelection = {name:"car", amount:2};localStorage.mySelection = JSON.stringify(mySelection);co
阅读全文
摘要:对于具有唯一性的模块(例如,购物车项目中的物品数据,各个页面都要使用它,而且是唯一的数据),用singleton模式。 var mySingleton = (function() { var privateVar = ''; var instance = { publicMethod1 : publ
阅读全文
摘要:JavaScript类继承, 用什么方法好 一个实例: 基类Car: function Car(color, year) { this.name = "car"; this.color = color; this.year = year; } var p = Car.prototype; p.get
阅读全文
摘要:JavaScript Best Practices (w3cschool) Local Variables: · 总是在前面集中定义变量,(包括 for 的i).(strict mode) · 并且赋值, 避免 undefined的变量 · 视numbers, strings, or boolean
阅读全文
摘要:Q:下面代码段的执行后data里面的数据是什么?为什么? var data= [40,1,5,200] data.sort(); A: data的内容是[1, 200, 40, 5] 因为,Javascript数组排序, 默认是字符串Unicode排序。 如果要按照数值升序排列成: [1,5,40,
阅读全文
摘要:CSS有四种定位(Positioning)方法:Static,Relative, Absolute和Fixed 元素flow, overlap 相对参照物: 能否用offset( top, left, bottom, right)参数 是否移出 normal flow 是否可以 overlap 备注
阅读全文
摘要:viewport,视口,就是对用户的可见部分, 大小因设备而不同。H5引入。 * 没有它: 整体缩放 ( 老网页是固定的大小,浏览器在手机上只是简单地缩放整个页面,所以用户体验很差) * 有了它: 浏览器会重新排版。而且, 屏幕大小就是Chrome仿真器提示的size。 所以, mobile页面必须
阅读全文
摘要:Q1:下面代码段的输出是什么? 为什么? (Scope) (function() { var a = b = 5; })(); console.log(b); A1: 输出是5. 在上面的立即调用函数表达式(IIFE Immediately Invoked Function Expression)中
阅读全文
摘要:1) 在Controller中定义变量myStyle var myStyle={'background-color':'blue'} $scope.myStyle = myStyle; 2) 在HTML中描述DOM元素, 用变量myStyle <span ng-style="sc.myStyle">
阅读全文
摘要:1) 缺省是 by reference, not value, ngModel, ngOptions等都一样 2) 如果要 track value 用 "track by", ngOptions will track the identity of the item not by reference
阅读全文
摘要:angular好习惯1: 用controller as 语法和$inject数组注入 1) 像普通的JS类一样实现controller,摆脱$scope 2) 用.$inject数组注入相关模块,便于minify 在HTML中: 在JS中: function NetController($scope
阅读全文
摘要:什么是缓存 Cache? 缓存位于客户端与服务器之间, 或者服务器与服务器之间。它决定是否保存所获资源的副本,以及如何使用副本,何时更新副本,这里所说的资源包括页面的HTML, 图片,文件等等。 使用缓存主要有2大理由: 减少响应延迟,让页面显示更快:因为缓存比源服务器离客户端更近, 如果直接从缓存
阅读全文
摘要:前端工程师的简易后台工具 一个简易的后台,可以极大地方便前端的开发调试 1. 下载并安装NodeJS (建议用4.4.5版本, 它的配件比较稳定)(它会附带安装npm), 地址: https://nodejs.org/zh-cn/ 检查版本: $Node -v 4.4.5 更新npm到4.2.0 $
阅读全文