摘要：
要点图推荐大家看此博文。下面阐述下前后协作。前后协作是前后分离的核心。传统模式图解: 优点: 无。 缺点：后台、前端分工耦合，效率低，难以维护。 代表：FreeMark构建页面。由前端交付静态界面后，后台拼凑成ftl模板。后台主导前后联调。前端主要负责CSS和JS功能组件。流水线模式图解... 阅读全文
摘要：
先看几种B/S交互的对比 B/S方式阻塞页面历史记录协议URL: get——自动记录 浏览器前进后退可访问http/https form: get/post完全阻塞自动记录 浏览器前进后退可访问http/https ajax: get/post同步阻塞 异步不阻塞HTML5... 阅读全文
摘要：
如果网页显式申明了支持中文的编码如 原因1网页内容本身的编码与UTF-8不兼容。是你之前用某工具编辑过网页内容，保存为另一个编码格式。 解决方案 用eclipse/webstrom/UE等,新建一个HTML文档，将代码copy过去，保存为UTF-8。 原因2 后台返回的数据与UTF-8不兼... 阅读全文
摘要：
DOM0,DOM2,DOM3事件类型图解: 范畴响应顺序(标:标准浏览器、IE9+)注意点MouseEvent标: mousedown-mouseup-click-mousedown-mouseup-click-dblclick IE8-: mousedown-mouseup-clic... 阅读全文
摘要：
原理 事件分两种。第一种浏览器事件，由浏览器抛出事件，它是人机交互的基础；第二种自定义事件，由程序员抛出事件，它是模拟事件流程。两者都是为了完成数据的传递。浏览器事件 机制 冒泡和捕获两种机制。因IE8-前只支持冒泡，所以实际运用中，只允许事件冒泡。 处理方式 IE8- 与 ... 阅读全文
摘要：
原理 万物皆为对象。假设将'莫德'（我）看成对象。莫德的属性有名字，性别，年龄等。 莫德的行为有吃饭，走路，睡觉等。莫德与他人的往来即对象间的交互。对象对应世界的一个实体。类，即管理对象的分类。如果莫德是具体的对象。男人即类。人即接口。构建方式 单例对象：JSON 普通对象：(function... 阅读全文
摘要：
原理 函数里包含函数，即闭包。 包含函数的结果是，子函数会挟持父函数的活动对象。子函数在访问一个变量时，先读自身的活动对象，是否包含此变量，没有从父函数里找，还没有，去祖函数，层层回溯，直到window，还没有就返回undefined。如图： 优点 对象、模块化的基础。缺点 增加额外的内... 阅读全文
摘要：
图解: 1.Loction: 拼接参数时，应编码decodeURIComponent/encodeURIComponent()。 2.History：pushState+replaceState+onpopstate事件适合用来做无刷新页面切换; history.length===0用来判断... 阅读全文
摘要：
猛击这里： javascript基础-DOM原理 javascript基础-BOM原理 javascript基础-语法 javascript基础-闭包 javascript基础-对象 javascript基础-事件1 javascript基础-事件2 javascrip... 阅读全文
摘要：
5 代表此属性ECMAScript 5（一般IE9+）才支持。图解：——图解： undefined,null,NaN Infinity ECMAScript 5禁止修改 每个函数都是Function的实例 函数内部属性 arguments参数伪数组 arguments.callee递归用 th... 阅读全文