动漫引擎

导航

2017年3月10日

用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) 编辑

2017年3月9日

JS面试典型常见问题与解答

摘要: Q1:下面代码段的输出是什么? 为什么? (Scope) (function() { var a = b = 5; })(); console.log(b); A1: 输出是5. 在上面的立即调用函数表达式(IIFE Immediately Invoked Function Expression)中 阅读全文

posted @ 2017-03-09 08:19 动漫引擎 阅读(255) 评论(0) 推荐(0) 编辑

用ng-style修改元素的color, size等

摘要: 1) 在Controller中定义变量myStyle var myStyle={'background-color':'blue'} $scope.myStyle = myStyle; 2) 在HTML中描述DOM元素, 用变量myStyle <span ng-style="sc.myStyle"> 阅读全文

posted @ 2017-03-09 03:30 动漫引擎 阅读(240) 评论(0) 推荐(0) 编辑

ngModel缺省是by reference,

摘要: 1) 缺省是 by reference, not value, ngModel, ngOptions等都一样 2) 如果要 track value 用 "track by", ngOptions will track the identity of the item not by reference 阅读全文

posted @ 2017-03-09 03:19 动漫引擎 阅读(109) 评论(0) 推荐(0) 编辑

好习惯: 用controller as 语法和$inject数组注入

摘要: angular好习惯1: 用controller as 语法和$inject数组注入 1) 像普通的JS类一样实现controller,摆脱$scope 2) 用.$inject数组注入相关模块,便于minify 在HTML中: 在JS中: function NetController($scope 阅读全文

posted @ 2017-03-09 03:17 动漫引擎 阅读(347) 评论(0) 推荐(0) 编辑