不断成长的我

移动端最高频耗内存的的操作  莫属 touchmove 与scroll事件  两者需要 微观的 优化；这里 我们 讲述 touchmove；touchmove 事件发生很频繁，会比屏幕刷新率快，导致无效的渲染和重绘；帧数 –显示设备通常的刷新率通常是50~60Hz –1000ms / 60 ≈ 16.6ms（1毫秒的优化意味着 6%的性能提升）浏览器对每一帧

Angualr 组件间通信约定： 遵循Angular官方的说法，下文中的AngularJS代指1.x版本，Angular代指Angular2及以后的升级版本。采用Angular（或者任意MV＊）的前端框架开发单页应用（SPA）时，我们都可能会遇见如下的场景： A组件和B组件之前需要相互通信，或是A路由状态需要知道B路由状态的信息等等业务需求。 这个时候就需要设计到采用一套合理的通信方案来解决数据

AngularJS指令中的compile与link函数解析通常大家在使用ng中的指令的时候,用的链接函数最多的是link属性,下面这篇文章将告诉大家complie,pre-link,post-link的用法与区别.原文地址angularjs里的指令非常神奇,允许你创建非常语义化以及高度重用的组件,可以理解为web components的先驱者.网上已经有很多介绍

AngularJS 指令学习笔记AngularJS怎样处理指令其实是依赖于指令定义时返回的对象属性的，所以要想深入理解如何定义一个指令，首相需要理解指令定义时各个参数的含义。完整的AngularJS指令参数angular.module('app', []) .directive('demoDirective', function (){ // 依据官方规范，指令的定义时应该严格遵循驼峰式命名

BEM(Block–Element-Modifier)是什么？BEM是由Yandex公司推出的一套CSS命名规范，官方是这么描述它的：BEM — Block Element Modifier is a methodology that helps you to create reusable components and code sharing in front-end development--

为Angular内置$http服务添加拦截器在Angular框架中,创建团队为使用者进行了Ajax请求的封装,并通过http服务暴露出相关的接口.Angular在其官方文档中指出,http服务暴露出相关的接口.Angular在其官方文档中指出,http服务底层针对Web常见的安全攻击做出了相应的对策,也就是说使用http服务封装的Ajax为使用者提供了更为安全的保障.作为一个框架,保证框架的可用性,

Promise/A+规范是什么Promise表示一个异步操作的最终结果。与Promise最主要的交互方法是通过将函数传入它的then方法从而获取得Promise最终的值或Promise最终最拒绝（reject）的原因。具体详细的讲解请移步： - wikipedia上的介绍 -官方介绍网址简单的实现代码'use strict';Promise = () => {};var isPromise =

布局，就是浏览器计算DOM元素的几何信息的过程：元素大小和在页面中的位置。每个元素都有一个显式或隐式的大小信息，决定于其CSS属性的设置、或是元素本身内容的大小、抑或是其父元素的大小。在Blink/WebKit内核的浏览器和IE中，这个过程称为布局。在基于Gecko的浏览器（比如Firefox）中，这个过程称为Reflow。虽然称呼不一样，但二者在本质上是一样的。布局通常是在整个文档范围内

AngularJS RootScope  源码分析预备知识：Provider 中的 $get 属性说起这个$get属性,是每个系统provider都有的,主要是先保存要实例化的函数体，等待instanceinjector.invoke的时候来调用，因为$get的代码比较多，所以先上要讲的那部分,大家可以注意到了，在$get上面有一个digestTtl方法this.diges

AngularJS $location学习笔记一、$lacation能做什么?　　$location服务分析浏览器地址栏中的URL（基于window.location），让我们可以在应用中较为方便地使用URL里面的东东。在地址栏中更改URL，会响应到$location服务中，而在$location中修改URL，也会响应到地址栏中。 1. $locationProvider： 1.

Angularjs ui-router - 组件：$state / $stateProvider：管理状态定义、当前状态和状态转换。包含触发状态转换的事件和回调函数，异步解决目标状态的任何依赖项，更新$location到当前状态。由于状态包含关联的 url，通过$urlRouterProvider生成一个路由规则来执行转换的状态。ui-view指示器：渲染状

一、什么是Scope？scope[http://code.angularjs.org/1.0.2/docs/api/ng.rootScope.Scope]是一个指向应用model的object。它也是expression（http://www.cnblogs.com/lcllao/archive/2012/09/16/2687162.html）的执行上下文。scope被放置于一个类似应用的DOM结构

路由(route)，几乎所有的MVC(VM)框架都应该具有的特性，因为它是前端构建单页面应用(SPA)必不可少的组成部分。那么，对于angular而言，它自然也有内置的路由模块：叫做ngRoute。不过，大家很少用它，因为它的功能太有限，往往不能满足开发需求！！于是，一个基于ngRoute开发的第三方路由模块，叫做ui.router，受到了大家的“追捧”。

采用Webpack构建Angular应用程序以及AoT支持Angular支持多种代码打包方式，例如：官网示列使用的System.js，还有特别好使的Rollup，目前火的不行的Webpack，还有略显过时的Browserify等等。不过打包工具就是一个工具而已，并没有什么好坏之分，只是不同的应用场景是不适合而已。作为一个从Angular发布就一直使用至今的玩家，今天记录一下如何使用Webpack