动漫引擎

导航

03 2017 档案

Web App Checklist
摘要:Mobile Web App checklist 目标: 高性能Mobile Web App 一、UX和UI 操作节目与边框之间留空隙: 防止操作过程中,触发系统缺省行为,有些是无法disable的。 如: 向下划过上边框会触发系统状态信息, 清除 300ms的click延时(从用户click到发出 阅读全文

posted @ 2017-03-17 07:50 动漫引擎 阅读(255) 评论(0) 推荐(0)

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

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

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

posted @ 2017-03-10 08:25 动漫引擎 阅读(139) 评论(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 动漫引擎 阅读(172) 评论(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 动漫引擎 阅读(176) 评论(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 动漫引擎 阅读(216) 评论(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 动漫引擎 阅读(404) 评论(0) 推荐(0)

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

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

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

posted @ 2017-03-09 08:19 动漫引擎 阅读(279) 评论(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 动漫引擎 阅读(256) 评论(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 动漫引擎 阅读(132) 评论(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 动漫引擎 阅读(376) 评论(0) 推荐(0)

Best Practice AngularJS
摘要:angularjs 阅读全文

posted @ 2017-03-09 03:12 动漫引擎 阅读(168) 评论(0) 推荐(0)

网页的缓存Cache与控制
摘要:什么是缓存 Cache? 缓存位于客户端与服务器之间, 或者服务器与服务器之间。它决定是否保存所获资源的副本,以及如何使用副本,何时更新副本,这里所说的资源包括页面的HTML, 图片,文件等等。 使用缓存主要有2大理由: 减少响应延迟,让页面显示更快:因为缓存比源服务器离客户端更近, 如果直接从缓存 阅读全文

posted @ 2017-03-06 23:39 动漫引擎 阅读(557) 评论(0) 推荐(0)

前端工程师的简易后台工具
摘要:前端工程师的简易后台工具 一个简易的后台,可以极大地方便前端的开发调试 1. 下载并安装NodeJS (建议用4.4.5版本, 它的配件比较稳定)(它会附带安装npm), 地址: https://nodejs.org/zh-cn/ 检查版本: $Node -v 4.4.5 更新npm到4.2.0 $ 阅读全文

posted @ 2017-03-03 07:42 动漫引擎 阅读(276) 评论(0) 推荐(0)