原创 一篇文章輕鬆搞懂原型對象和原型鏈

頭疼的原型對象和原型鏈 我想不少剛接觸Javascript的新手對於原型對象(prototype)和原型鏈(__proto__)的區別和含義都表示真尼瑪操蛋,下面就讓我來結合簡單的例子來讓你徹底明白什麼是原型對象,什麼是原型鏈。 pr

原创 Javascript性能優化(三) - 算法和流程控制優化

目錄 目錄 避免使用forin循環 減少迭代的工作量 減少迭代次數 基於函數的迭代 優化if-else 查表法 避免使用for/in循環 Javascript標準中,有四種類型循環:for,for/in,while,

原创 前端目錄頁的優化

目錄優化可能是一個很容易被忽略的問題,但是很多情況下會帶來很多的問題,比如卡屏,比如交互體驗差等。 目錄的常見實現方案 1.真實分頁:每次只加載一頁目錄,用戶通過一定的操作(點擊按鈕或者上拉下拉)來請求服務器並獲得新頁面的目錄內容。其缺點

原创 Vue項目實戰(四)- 組件之間的通信

友情鏈接 Vue項目實戰(一)- 從0到1的蛻變 Vue項目實戰(二)- 引入JQuery等第三方庫 Vue項目實戰(三)- 組件的註冊和使用 Vue項目實戰(四)- 組件之間的通信 組件之間的通信原理 其實組件之間的通信非

原创 Javascript性能優化(二)- 數據訪問優化

目錄 目錄 數據訪問 Scope 優化數據檢索 原型 原型鏈 緩存對象成員的值 總結 數據訪問 數據的存儲位置,關係到代碼運行時數據被檢索到的速度,JS中有四種數據存儲位置:直接量、變量、數組、對象。其中直接量可能比

原创 Javascript性能優化(一) - 基本性能優化

目錄 目錄 加載和執行 能用GET請求儘量別用POST 多使用外部JS和CSS文件 精簡JS和CSS文件 減少DOM訪問 使用智能事件處理 腳本位置 組織腳本 無阻塞腳本 總結 加載和執行 當瀏覽器解析到JS代碼時,

原创 Vue項目實戰(二)- 引入JQuery等第三方庫

友情鏈接 Vue項目實戰(一)- 從0到1的蛻變 Vue項目實戰(二)- 引入JQuery等第三方庫 Vue項目實戰(三)- 組件的註冊和使用 Vue項目實戰(四)- 組件之間的通信 1、說明 引入JQuery庫的方式有多種

原创 網頁JavaScript內存結構分析

1、網頁內存上限 任何網頁都是有內存上限的,當html、js等數據大小超過上限時,瀏覽器可能會閃退或停止響應等 2、網頁的內存結構:堆 + 棧 + 池 池:用來存放一般常量,如0-9,a-Z,”Hello”等 棧:存放定義的變量和函數

原创 新建並運行第一個Vue項目

0、環境要求 基本環境要求:node、npm 1、新建Vue項目並運行 npm install -g vue-cli //全局安裝vue-cli vue init webpack project-name //創建

原创 動手實現JQuery

1、先來自己動手簡化選擇器 把JS原生的document.getElement*這樣的獲取元素方式變成簡短的形式 //聲明一個對象,對象裏面有$和$$兩種方法 var base = { $:function(id){

原创 Vue項目實戰(一)——從0到1的蛻變

友情鏈接 Vue項目實戰(一)- 從0到1的蛻變 Vue項目實戰(二)- 引入JQuery等第三方庫 Vue項目實戰(三)- 組件的註冊和使用 Vue項目實戰(四)- 組件之間的通信 1、環境配置 創建Vue項目需要node

原创 Vue項目實戰(三)- 組件的註冊和使用

友情鏈接 Vue項目實戰(一)- 從0到1的蛻變 Vue項目實戰(二)- 引入JQuery等第三方庫 Vue項目實戰(三)- 組件的註冊和使用 Vue項目實戰(四)- 組件之間的通信 1、添加公用組件 如果一個組件每個頁面都