原创 AngularJS內幕詳解之 Directive
如果這個圖表看起來非常的費解，那麼這篇文章很適合你。 (Image credit: Angular JS documentation) (Large version) 聲明: 這篇文字是基於 AngularJS
2020-06-19 01:09:57
原创 Angular學習心得之directive——scope選項與綁定策略
大家知道，當scope選項寫爲scope:{}這種形式的時候，就已經爲指令生成了隔離作用域，現在，我們來看看綁定策略的三種形式：& 、= 、@。 首先是@，它將本地作用域和DOM中的屬性值綁定起來（且這個屬性的值必須是父級作用域中
2020-02-24 15:45:03
6
原创 AngularJS Directive 隔離 Scope 數據交互
什麼是隔離 Scope AngularJS 的 directive 默認能共享父 scope 中定義的屬性，例如在模版中直接使用父 scope 中的對象和屬性。通常使用這種直接共享的方式可以實現一些簡單的 directive 功能。當
2020-02-24 15:45:03
原创 AngularJS內幕詳解之 Scope
在AngularJS的代碼庫中呈現出了大量有趣的設計，最有趣的兩個例子是scope的工作方式和directives(指令)的表現。 有的人第一次接觸AngularJS時就被告知directives是和DOM交互，或供你隨意操作DOM
2020-02-24 15:45:03
6
原创 angularjs 實現 window.onload() $(document).ready() 的4種方法
習慣了window.onload(),$(document).ready()，現在換成別的了，還真有點不習慣了。下面說一下常用的4種情況。 1，html中直接寫 <script src="lib/angular/angular.mi
2020-02-24 15:45:03
19
原创 AngularJS 關於ng-model和ng-bind還有{{}}
ng-bind是從$scope -> view的單向綁定ng-modle是$scope <-> view的雙向綁定 在AngularJS中顯示模型中的數據有兩種方式： <p>{{text}}</p> 另一種是使用基於屬性的指令，
2020-02-24 15:45:03
2
原创 純CSS畫的基本圖形（矩形、圓形、三角形、多邊形、愛心、八卦等）
圖形包括基本的矩形、圓形、橢圓、三角形、多邊形，也包括稍微複雜一點的愛心、鑽石、陰陽八卦等。當然有一些需要用到CSS3的屬性，所以在你打開這篇文章的時候，我希望你用的是firefox或者chrome，當然IE也能看一部分的。那好，下面
2020-02-24 15:45:03
原创 網頁設計中常用的19個Web安全字體
1, Arial 微軟公司的網頁核心字體之一，最常用的sans serif字體，當字號很小時不容易閱讀。但是，大寫的“I”和小寫的“l”是無法區別的，你可以考慮用Tahoma字體來替代。 （蘋果系統沒有這種字體，但有一種對應於Ar
2020-02-24 15:45:03
原创 angularjs的自定義directive指令的綁定策略scope:”@”、”=”、”&”
通常我們知道指令默認是可以跟外界通信的. 比如: <div ng-controller="mytest"> <test></test> </div> t
2020-02-24 15:45:03
原创 javascript事件機制詳解（涉及移動兼容）
前言 這篇博客有點長，如果你是高手請您讀一讀，能對其中的一些誤點提出來，以免我誤人子弟，並且幫助我提高 如果你是javascript菜鳥，建議您好好讀一讀，真的理解下來會有不一樣的收穫 在下才疏學淺，文中難免會有不同程
2020-02-24 15:45:03
原创 AngularJs 指令directive之controller，link，compile
關於自定義指令的命名，你可以隨便怎麼起名字都行，官方是推薦用[命名空間-指令名稱]這樣的方式，像ng-controller。不過你可千萬不要用 ng-前綴了，防止與系統自帶的指令重名。另外一個需知道的地方，指令命名時用駝峯規則，使用
2020-02-24 15:45:03
原创 Angularjs兼容低版本IE
注：AngularJS1.3已經不支持IE8（包括IE8）以下的瀏覽器。更多信息請查看 我們的Blog 。AngularJS 1.2將繼續支持IE8，但核心團隊不會花時間去解決IE8或更早的IE瀏覽器問題。 本文是介紹針對IE瀏覽
2020-02-24 15:45:03
原创 關於AngularJs數據遞歸呈現的實現的幾種方式
在實踐中，常常會有數據結構一致但深度不確定的數據。而通常情況下，對數據的處理會用到遞歸的方式。例如網站的無限級分類的展現，分類數據結構： 複製 var cate = [ { cateId: 1, cate
2020-02-24 15:45:03
原创 移動頁面點擊穿透問題解決方案
一.click與300ms延遲 移動瀏覽器提供一個特殊的功能：雙擊（double tap）放大 300ms的延遲就來自這裏，用戶碰觸頁面之後，需要等待一段時間來判斷是不是雙擊（double tap）動作，而不是立即響應單擊（cl
2020-02-24 15:45:03
原创 點擊穿透
What? -> Events!Why?How to fix? 說在前面的話：點擊穿透這種現象算是移動H5開發比較經典的問題，也常用來做面試題。藉此現象談談移動事件。 What 現象描述： 頁面中存在上下兩個層，上層元素具有表單，鏈
2020-02-24 15:45:03
10