原创 Vue 項目優化——生成打包報告
生成打包報告 命令行形式生成打包報告 vue-cli-service build --report 通過vue-cli的命令選項可以生成打包報告 --report選項可以生成report.html 以幫助分析報告內
2020-06-16 09:40:25
原创 JS 和JQ之間的關聯，轉換，區別等
一、JS和jQuery加載模式的對比 運行時機： window.onload: 頁面中DOM元素加載完畢，且圖片或者其他外部文件等都加載完畢才執行。 $(document).ready: 頁面中DOM元素加載完畢就執行，但
2020-06-11 13:11:24
1
原创 JS 數組方法——every/some/filter/map/reduce
一.棧方法 棧是一種後進先出的數據結構，也就是最新添加的項最早被移除。而棧中項的插入（入棧）和移除（出棧），只發生在一個位置——棧的頂部。 1.push() push()方法可以接收任意數量的參數，把它們逐個添加到數組末尾。 該方
2020-06-11 13:11:24
原创 JS DOM簡介及其節點
一、DOM簡介 DOM（Document Object Model）即文檔對象模型，針對 HTML 和 XML 文檔的 API（應用程序接口）。DOM 描繪了一個層次化的節點樹，允許開發人員添加、移除和修改頁面的某一部分。 DOM
2020-06-11 13:11:24
原创 JQ 常見誤區
一、attr 和 prop attr 和 prop 用法幾乎一樣。官方推薦在操作屬性節點時，具有true 和 false 兩個屬性的屬性節點，如checked，selected 或 disabled 使用prop()，其他的使用a
2020-06-11 13:11:24
原创 什麼是事件流？IE 與火狐的事件機制有什麼區別？ 如何阻止冒泡？
1.事件流描述的是從頁面中接受事件的順序，分爲冒泡流和捕獲流； 2.事件冒泡是指事件從最具體的元素接收，然後逐級向上傳播，直到不具體的節點（通常指文檔節點）；而事件捕獲相反，它是從不具體的節點開始，逐步到最具體的節點； 3.IE的
2020-06-11 13:11:23
原创 JS DOM節點屬性設置、值的獲取——幾種不同的方法及各自的利弊
1.節點屬性的設置 對象.屬性名=值; 對象[屬性名]=值; obj.setAttribute(pro,value) 2.節點屬性值的獲取： 對象.屬性名 對象[屬性名] obj.getAttribute(pro) 注意：前兩
2020-06-11 13:11:23
原创 JS String對象及其方法
1.String對象 不等於 string String 對象用於處理文本（字符串） 每一個字符串均爲 String對象的一個實例。 String 類定義了大量操作字符串的方法，例如從字符串中提取字符或子串，或者檢索字符或子
2020-06-11 13:11:23
原创 JS 事件大全及詳解
事件詳解： 事件不會自己執行，需要觸發(即事件被觸發之後纔可執行) 1.事件三要素： - 事件對象 - 事件名稱 - 事件處理函數 2.常見事件寫法： 1.嵌入式(傳統事件綁定) 優點：簡單易懂 缺點：將JavaScript
2020-06-11 13:11:23
原创 JS Fetch API詳解，XHR、Fetch和jQuery實現ajax的不同之處
Why Fetch 在開發過程中,我們向服務端發送請求,一般會使用三種方式, XMLHttpRequest(XHR)，Fetch ，jQuery實現的AJAX。 其中, XMLHttpRequest(XHR)和Fe
2020-06-11 13:11:23
原创 JS void阻止a鏈接跳轉，Selectors API和JSON詳解
一、void void運算符，優先級較高（比關係運算符，邏輯運算符，賦值運算符 都高） 用法： void express express（表達式） void (express) 返回值：undefined
2020-06-11 13:11:23
原创 CSS 控制段落只顯示1行/2行
顯示1行的方法 text-overflow:ellipsis;//顯示爲省略號 可以用clip,不顯示省略號，將溢出部分裁掉 white-space:nowrap;//文字不換行 overflow:hidden 顯示2行的方法
2020-06-11 13:11:13
原创 Vue 項目優化——移除console
開發階段，我們往往會編寫大量的 console 語句用於測試。但是項目上線時，需要統一對這些console進行移除，所以需要專門的插件來刪除掉console。 移除console需要用到插件 babel-plugin-tran
2020-06-11 13:11:13
原创 Vue 項目優化——使用nprogress添加進度條
NProgress 一、具體步驟 安裝依賴 npm install --save nprogress 在main.js中導入 js、css 在main.js攔截器中配置, 展示/隱藏進度條 二、關鍵代碼 //
2020-06-11 13:11:13
原创 VUE 移動端適配——px2rem 和 postcss-pxtorem
關於VUE移動端適配rem 博主總結了兩種高效的方法： 此方案是藉助兩個插件，將px進行轉化爲rem。 lib-flexible 用於設置 rem 基準值。由淘寶手機前端開發團隊編寫的。 postcss-pxtorem 是一
2020-06-11 13:11:13