-
@·制作簡單的彈窗組件 瀏覽器原生組建-彈窗--問題--: 1.阻塞進程 2.不同瀏覽器樣式不同 3.樣式不可定制。 require引入jquery 的寫法 require.config( paths:{ moudleName :'moudlefiles.js' } );查看全部
-
<script src="js/require.js" data-main="js/main"></script> 注意data-main后是跟名字 沒有后綴 require.js 是組件模塊加載入口,通過它串聯并動態加載頁面所需要的所有組件,可以和jquery,node.js等很好的合作。查看全部
-
@ ·組件的依賴關系 問題: 1)需手動處理組件間的依賴關系。 2)加載項太多,破壞頁面的整潔度。 模塊化和require.js查看全部
-
@ CSS命名空間和JS匿名空間 css通過加前綴形成命名空間 JS通過匿名空間隔開私有公有 閉包查看全部
-
瀏覽器底層 --問題 -- 1.JS核心語法層面薄弱 2.JS原生API不好用 (ajax , cookie ,) 3.瀏覽器兼容問題 框架core為解決這幾個問題而生 框架組件層: input text checkbox radio select 未提供的主鍵 日歷等 應用層由前端工程師完成。 組件分類: 框架組件、定制組件、獨立組件查看全部
-
JS分層 DOM / BOM / STYLE 樣式 /Canvas 2D / WebGL / SVG查看全部
-
@--阿當大話西游之WEB組件--1-1 組件種類和JS分層 不同層的職責和API查看全部
-
return this 返回對象查看全部
-
1.renderUI 生成boundingBox ($(<div>..</div>)), 2.bindUI(), 關聯事件(event Handler) 3.syncUI(),重新layout css position or size. 4.destructor() 后處理查看全部
-
Window.prototype = $.extend({},new widget.Widget(),{ }); http://api.jquery.com/jquery.extend/查看全部
-
define(function(){ function Widget(){this.handlers = {};} Widget.prototype = { on:function(type,handler){..}, fire:function(type, data){..} } });查看全部
-
連綴語法 return this;查看全部
-
綁定事件 (Overload On, Fire),然后使用fire遍歷事件數組并調用 On : function(event, handler){} fire : function(event, data){}查看全部
-
CSS權重 http://www.w3cplus.com/css/css-specificity-things-you-should-know.html http://www.adobe.com/cn/devnet/dreamweaver/articles/css_specificity.html 權重決定了哪一條規則會被瀏覽器應用在元素上。 權重的不同,是你所期望的效果,沒有通過css規則在元素上生效的主要原因。 權重的級別劃分時包含了所有的css選擇器 如果兩個選擇器作用在同一元素上,則權重高者生效。 權重的級別根據選擇器被劃分為四個分類:行內樣式,id,類與屬性,以及元素。 你可以通過CSS權重之爭進一步了解CSS權重。 你也可以通過CSS Specificity for Poker Players進一步了解CSS權重。 如果兩個選擇器權重值相同,則最后定義的規則被計算到權重中(后面定度的CSS規則權重要更大,會取代前面的CSS規則) 如果兩個選擇器權重值不同,則權重大的規則被計算到權重中 如果一條規則包含了更高權重的選擇器,那么這個規則權重更高 最后定義的規則會覆蓋所有跟前面沖突的規則 內聯樣式表含有比別的規則更高的權重 Id選擇器的權重比屬性選擇器更高 你可以使用id來增大權重 類選擇器比任意數量的元素選擇器都高 通配符選擇器跟繼承來的樣式,他們的權重以 0,0,0,0來計算 你可以用css權重計算器來計算權重。查看全部
-
不同層職責的API查看全部
舉報
0/150
提交
取消