Category: FRONT-END 前端

网上找到这个例子，非常简要的解释了一切： https://github.com/angular/angular.js/wiki/Understanding-Directives http://plnkr.co/edit/qrDMJBlnwdNlfBqEEXL2?p=preview

前言： 一个Dom节点的最终样式取决于应用在其上的具有最高优先级（greatest weight）的样式定义。我们知道级联样式有多重优先级 (参考W3官方定义，第6.4节)，比如： 内联Inline>ID>Class>Tag   正文： 请看代码： http://jsfiddle.net/lanshunfang/dyMxM/ 小方的jsfiddle里的这段代码清楚的显示出，通过调用 window.getComputedStyle 我们可以得出应用在某个具体元素上的最终CSS样式值。 window.getComputedStyle 在IE上变体为： node.currentStyle 请小心其使用方法 （示例）     参考： http://www.w3.org/TR/CSS21/cascade.html http://www.quirksmode.org/dom/getstyles.html http://stackoverflow.com/questions/9430659/how-to-get-all-the-applied-styles-of-an-element-by-just-giving-its-id http://stackoverflow.com/questions/2952667/find-all-css-rules-that-apply-to-an-element

Here is a directive created by Paul. It can compile dynamic loaded html template with ng-include. angular.module(‘YOURAPP’, []).directive(‘ngBindHtmlUnsafeCompile’, [“compile”, function (compile) { // work like…

概念： 阀函数是用来在指定的时间内， 只允许执行一次某函数，并且每次执行某函数时，其要确保其执行参数都是用户最后输入的。 例子： 举个例子： 裁判规定，甲1小时最多只能打乙一次，甲必须确保最新的请求得到执行。 那天，老板在清晨7点1分时让甲打乙左脸，又在清晨7点15分时让甲踢乙屁股； 甲的妻子在清晨7点半时叫甲打乙的下巴； 甲的兄弟在清晨9点时叫甲打乙的肚子。 根据规则，甲做出了如此决定： 1. 立即响应老板的第一次请求，在7点1分时打了乙的左脸（第一次打乙） 2. 一个小时后，在8点1分时，打了乙的下巴（妻子请求，放弃了老板的第二次请求，因为妻子的请求是最新的，而甲必须确保最新的请求得到执行） 3. 又一个小时后，在9点1分时，打了乙的肚子（兄弟请求）   用Javascript如何做到呢？ 1. 定义间隔执行其他函数的库函数 var excuteEscape = function(fn,fnArgument,gap){ var…

前言: 链接已重置问题已经是邪恶集权网络监督GFW 的常用方法. 之前我们知道使用HTTPS链接可以有效防止这种情况. 原理是HTTPS链接的关键字经过加密产生密文是无法有效过滤的. 可是, 笔者发现当局最近使用了更可怕的招数: 针对CSS/JS/Image等外部文件, 使用全文密文匹配进行重置链接.   攻防秘笈: 我们教会的Wordpress常年被GFW进行各种屏蔽. 原先, 要解除屏蔽, 只需要修改IP和HTTPS即可. 可是最近发现不行了. 经过检查, 发现是一个CSS文件无论如何都被 链接重置. 于是大胆推测这个疯狂的政党已经使用HTTPS密文全文匹配. 所以尝试删除那个CSS文件的文本内容, 发现Load 就成功了. 所以证明了推测的正确. 于是,…

学习了一些设计模式，写了个优化版的工厂模式，顺便把私有属性，自有的公共属性，可继承的公共属性都写在例子里了。 参考： http://www.cnblogs.com/Darren_code/archive/2011/08/31/JavascripDesignPatterns.html  http://blog.csdn.net/benbon/article/details/1871720 var Father = function() { this.age = 50; this.fatherName = ‘Peter’; this.sayYes = function() { // reuse function alert(‘yes’); }; var…

RT

http://blog.emson.co.uk/2010/04/javascript-the-good-parts-best-practices/ http://net.tutsplus.com/tutorials/javascript-ajax/24-javascript-best-practices-for-beginners/

http://www.javascriptkit.com/javatutors/loadjavascriptcss2.shtml