创建自定义angularJS指令（五）- link函数
基础独立作用域独立作用域和函数参数transclude与restrictlink函数使用控制器CreatingaUniqueValueDirectiveusing$asyncValidators敬请期待...
分类2016年下的文章
【译】创建自定义angularJS指令（四）- transclude与restrict
基础独立作用域独立作用域和函数参数transclude与restrictlink函数使用控制器CreatingaUniqueValueDirectiveusing$asyncValidators在这个系列的第三节中，我们介绍了怎样定义函数独立作用域属性并且传递参数给函数。这一节我将讲解关于指令的包含（transclude）与限制（restrict）。restrict（约束）指令在HTML里可以被定义为元素、属性、CSS类或者注释。那么你将如何限制你的自定义指令可以使用哪种方式？为了限制一个指令可以如何以及在哪里被使用，你可以用restrict属性来定义，它可以接收以下值：E——元素指令可以作为一个独立的元素使用，...
【译】创建自定义angularJS指令（三）- 独立作用域和函数参数
基础独立作用域独立作用域和函数参数transclude与restrictlink函数使用控制器CreatingaUniqueValueDirectiveusing$asyncValidators文章的第二部分我们介绍了独立作用域以及独立作用域如何被用来使指令更易于重用。关于独立作用域的很大一部分都是本地作用域属性以及如何使用如@、=以及&来处理数据绑定和委托。使用这些属性你可以传递数据到AngularJS的指令中，以及从指令中输出数据。如果你对这方面还不了解的话可以先阅读上一篇关于独立作用域的文章。这一节将着重讲下指令本地作用域属性中的函数部分，&的具体用法。独立作用域和函数参数通过使用本地作用域...
淘宝架构发展
2003年4月7日，马云，在杭州，成立了一个神秘的组织。他叫来十位员工，要他们签了一份协议，这份协议要求他们立刻离开阿里巴巴，去做一个神秘的项目。这个项目要求绝对保密，老马戏称“连说梦话被老婆听到都不行，谁要是透漏出去，我将追杀到天涯海角”。这份协议是英文版的，匆忙之间，大多数人根本来不及看懂，但出于对老马的信任，都卷起铺盖离开了阿里巴巴。他们去了一个神秘的据点——湖畔花园小区的一套未装修的房子里，房子的主人是马云。这伙人刚进去的时候，马云给他们布置了一个任务，就是在最短的时间内做出一个个人对个人（C2C）的商品交易的网站。现在出一个问题考考读者，看你适不适合做淘宝的创业团队。亲，要是让你来做，你怎么做？在说出这...
【译】创建自定义angularJS指令（二）- 独立作用域
基础独立作用域独立作用域和函数参数transclude与restrictlink函数使用控制器CreatingaUniqueValueDirectiveusing$asyncValidators在这个系列的第一篇文章中介绍了AngularJS自定义指令以及一些简单的例子，这篇文章我们去了解下AngularJS的独立作用域，以及独立作用域在创建自定义指令时有多重要。什么是独立作用域？默认情况下，指令是可以直接访问父作用域中的属性的。例如，下面的指令依靠父作用域来输出一个自定义对象的name和street属性：angular.module('directivesModule').directive('myShared...
【译】创建自定义angularJS指令（一）- 基础
基础独立作用域独立作用域和函数参数transclude与restrictlink函数使用控制器CreatingaUniqueValueDirectiveusing$asyncValidatorsAngularJS提供了很多指令可以帮助我们操作DOM、处理事件、数据绑定、绑定控制器与作用域（ngView）等等。例如ngClick、ngShow、ngHide、ngRepeat以及其它很多AngularJS核心的指令都可以帮助我们很轻松的使用这个框架。虽然内置的指令已经覆盖了大部分的使用场景，但在实际使用中为了简化操作或组件重用等我们经常需要创建自己的指令。在这个系列的文章中我将一步步带你了解AngularJS指令是如...
前端AJAX请求跨域时遇到的一些坑
这两天在做公司的PC站时因为需要使用angular的$http服务存取数据,而且接口又在另一个域名下面,不得不研究下跨域的问题.以下把这两天遇到的一些问题总结下.(都是我自己遇到的一些问题,所以可能不太全面)Access-Control-Allow-Origin的问题跨域遇到的第一个问题就是Access-Control-Allow-Origin的错误,Chrome报错Responsetopreflightrequestdoesn'tpassaccesscontrolcheck:No'Access-Control-Allow-Origin'headerispresentonthereques...
12步创建高性能Web APP
现在，WebApp日益重视用户的交互体验，了解性能优化的方式则可以有效提高用户体验。阅读和实践下面的性能优化技巧，可以帮你改善应用的流畅度、渲染时间和其他方面的性能表现。概述对WebApp进行性能优化是一份冗杂沉重的工作，这不仅是因为构建一个WebApp需要前后端协作，而且需要多方面的技术栈：数据库、后端、前端，需要运行在多种平台：iOS，安卓，Chrome，Firefox，Edge。这太复杂了！不过，还是有一些历经实践的通用方式可以用来优化WebApp的性能。在接下来的小节中，我们将逐步介绍相关的细节。一份来自Bing的研究表明，页面加载时间每增加10ms，每年就会减少$250k的收入。————RobTrace...
【分享】几个命令行小技巧
1.一步到位的Alt+点击我们经常要在命令行中输入非常类似的命令，仅做一点点修改。如果要修改的位置是开头或末尾还好，可以通过快捷键快速定位。但如果要修改的位置位于一个很长的命令的中间位置就比较讨厌了，使用Alt+左右箭头按单词跳跃也要按好多下，然后再按单个字符精确定位。解决方法：Alt+鼠标点击，一步到位！2.pbcopy和pbpaste：连接命令行管道与剪切板echo'helloworld'|pbcopyecho`pbpaste`pbcopy接收命令行中的标准输出作为剪切板的内容。pbpaste则将剪切版中的内容输出到标准输出。3.其它有用的快捷键Ctrl+A：光标移动到行首Ctrl+E：光标移动到行尾Ctrl...
Javascript运算符中的一些小技巧
记下一些关于运算符的小技巧或容易出错的地方%运算符取余运算符运算结果的正负号由第一个运算子的正负号决定，比如：-1%2//-11%-2//1所以有时候对负数取余会出现错误，使用绝对值函数可以避免错误：//会出错functionisOdd(n){returnn%2===1;}isOdd(-5)//falseisOdd(-4)//false//正确了functionisOdd(n){returnMath.abs(n%2)===1;}isOdd(-5)//trueisOdd(-4)//false+运算符+运算符与其他运算符不太一样，我们知道它可以用来连接字符串操作，是因为用+运算符的时候它通常会将其他类型的值转为字符串...