在angular环境下使用ng-model给select绑定一个变量在selec的值改变的时候会出现控制器内无法$watch该变量，解决方案就是使用 ng-change 在模板中把model变量回传到控制器

有时候经常需要删除字符串前后的空格在网上找了个代码replace(/(^\s*)|(\s*$)/g, "")发现在ie8下如果目标的字符串中的空格是用html实体表示的话删除空格就会失败乖乖用$.trim代替

rtl其实就是Right To Left的意思现在的前端的布局框架除了支持传统的从左向右的布局还支持RTL language和RTL Layout

有的时候在编写$destroy的时候会绑定很多事件，在指令作用域销毁之后要移除这些事件，可以使用以下代码实现$scope.$on("$destroy",()=>{ documentClickListener.delete(sb)})

有时候我们需要把使用angular拆分字符串，使用一个字符串作为ng-repeat的参数比如这样ng-repeat="ss in vo.name"不过当这个字符串里面有相同的字符的时候就会引发报错，原来angular在循环的时候如果循环的对象是一个字符串默认是使用字符作为key的如果字符串里面有

很多时候我们需要把页面滚动到指定控件的位置，比如校验表单是时候发现某项输入错误，需要把页面滚动到该项目的位置，一般网上看到的办法有使用jQuery的offset获得控件的位置，再操作滚动条把页面滚动到控件位置，其实通过研究jquery.validate的源码可以发现使用jQuery的focu

app.directive("levelMenu",()=>{ return { require:"levelMenu", restrict:"E", scope:{ list:"=", select:"="        }, template:require("./LevelMenu.html")(), replace: true, co

angular Controller js代码压缩了之后会出现无法使用的情况，原因是angular Controller 使用回调函数的参数名作为依赖注入的依据，在代码压缩过程中函数的参数名会被压缩，所以导致angular依赖注入失败，还好angular早考虑到了这点app.controller("login-form",[&q

现在部分浏览器已经允许生产环境下使用es6，不过在使用es6开发的过程中发现UglifyJs无法压缩es6代码，不得不在使用UglifyJs压缩之前把es6转换成es5在webpack配置文件加载器中加入{ test: /\.js$/, loader: 'jsx-loader?harmony'},这样打包出来的js就是符合es5规范的允

按照教程配置了webpack的模块热拔插功能，效果如上图所示要点：1、必须先安装webpack-dev-server2、启动dev-sever的时候加入参数webpack-dev-server ./index.js --hot --inline3、从dev-server 伺服器调用打包后的文件，因为开启模块热拔插功能之后webpack不会再打包文件到本