前端代碼合集
HTML5
使用FileReader實現前端圖片預覽
取到頁面中所有的checkbox怎麼做?(不使用第三方框架)
JavaScript模版引擎小實例
數據
方法一:
方法二:
JavaScript
實現JS函數重載
JS跨瀏覽器綁定事件函數
常規實現方法
優化方法
JS單體模式
使用prototype屬性定義的對象方法
1、不使用prototype屬性定義的對象方法,是靜態方法,只能直接用類名進行調用!另外,此靜態方法中無法使用this變數來調用對象其他的屬性!
2、使用prototype屬性定義的對象方法,是非靜態方法,只有在實例化後才能使用!其方法內部可以this來引用對象自身中的其他屬性!
閉包實現結果緩存
我們開發中會碰到很多情況,設想我們有一個處理過程很耗時的函數對象,每次調用都會花費很長時間,
那麼我們就需要將計算出來的值存儲起來,當調用這個函數的時候,首先在緩存中查找,如果找不到,則進行計算,然後更新緩存並返回值,如果找到了,直接返回查找到的值即可。閉包正是可以做到這一點,因為它不會釋放外部的引用,從而函數內部的值可以得以保留。
閉包實現封裝
閉包實現類和繼承
如何判斷某變數是否為數組數據類型
Javascript繼承-借用構造函數
Javascript原型-封裝
通過閉包修正函數的上下文(瀏覽器不支持解決方案)
優化JavaScript的構造函數(new關鍵字的使用)
柯里化
對象拷貝與賦值
我們將對象賦值給了對象,從而改變的屬性,但是對象的屬性也被篡改,這是因為實際上對象獲得的只是一個內存地址,而不是真正的拷貝,所以對象被篡改。
利用方法進行對象的
深拷貝
可以避免源對象被篡改的可能。因為方法可以把任意多個的源對象自身的可枚舉屬性拷貝給目標對象,然後返回目標對象。
我們也可以使用方法進行對象的拷貝,方法可以創建一個具有指定原型對象和屬性的新對象。
CSS
居中
菜單欄下拉
JQuery
Q設置等高的列
※2018秋招前端面經總結
※前端進階之路:如何高質量完成產品需求開發
※你們覺得 vscode 的新 logo 怎麼樣?
※Chrome 調試工具的一些高階功能
※Immutable.js 可持久化數據結構以及結構分享
TAG:JavaScript |