原创 vue項目設置eslint規則校驗

安裝 npm install --save-dev eslint eslint-plugin-vue 配置 "extends": ["plugin:vue/recommended"] 解析器 vscode安裝eslint插件

原创 SSR

前後端分離後單頁面應用盛行,出現了服務端渲染的說法,其能更好的SEO 什麼是服務器端渲染 (SSR) 服務器將組件和獲取到的數據解析生成html字符串,發送給客戶端。過程同之前的php、java等的全棧開發,使用模板引擎,獲

原创 瀏覽器運行流程

參考文獻: 1、圖解瀏覽器的基本工作原理 2、前端文摘:深入解析瀏覽器的幕後工作原理

原创 css選擇器權重

css權重分爲5級 第一級:內聯樣式<div style=""></div> 權重 1000 第二級:id選擇器 #開頭 權重0100 第三級:class選擇器 權重0010 第四級:標籤選擇器、僞類權重0001 第五級:通用選

原创 vue-cli3 使用postcss-plugin-px2rem

postcss-plugin-px2rem是可以將px自動轉化爲rem的postcss插件 安裝 npm i postcss-plugin-px2rem --save -dev package.json中添加配置(組件中

原创 著名的img底部3像素問題

img標籤在HTML5和HTML4.0.1的嚴格模式渲染的時候,下面會有幾像素的空白。 原因 img標籤默認爲inline inline元素一般爲文字,小寫字母g、y底部會多出一段,距離和字體大小有關 解決方法 設爲塊級元素

原创 js與或賦值原理

或賦值 a=b||c b默認值 c默認值 a取值 true true b true false b false true c false false c 從左往右只要有一個正確後面則不執行 執行到哪

原创 git 忽略配置文件

這裏寫自定義目錄標題git的三種忽略文件方法方式對比assume-unchangedskip-worktree git的三種忽略文件方法 方式對比 方法 使用方式 適用範圍 .gitignore 根目錄創建.giti

原创 commonjs、AMD、CMD

webpack運行在node.js上,所以模塊化規範也同node.js 使用的是commonjs規範 commonjs規範內容 一個文件就是一個模塊,模塊間作用域互不影響 模塊的定義 module.exports 模塊的引用

原创 vue 視圖、計算屬性、watch數據實現綁定原理

通過數據劫持set發佈消息,通過watcher進行訂閱消息,從而觸發update 代碼1 export class Observer { ... constructor (value: any) { this.v

原创 HTML5 Web存儲-localStorage、sessionStorage

早些時候,本地存儲使用的是 cookie。但是Web 存儲需要更加的安全與快速. 這些數據不會被保存在服務器上,但是這些數據只用於用戶請求網站數據上.它也可以存儲大量的數據,而不影響網站的性能. 數據以 鍵/值 對存在, web網頁

原创 棧(堆棧)、隊列與數組、鏈表的關係與區分

數據結構:是指相互之間存在一種或多種特定關係的數據元素的集合。 數據存儲結構:它是計算機的一個概念,簡單講,就是描述數據在計算機中存儲方式的學科;常用的數據存儲 方式就兩種:順序存儲,非順序存儲! 數據結構之棧、隊列 棧也可以稱

原创 網絡協議之TCP與UDP

TCP三次握手 TCP四次揮手 參數詳解 TCP 三次 四次握手詳解 SYN:請求建立連接 ACK:確認接收到請求 FIN:請求關閉連接 seq:數據被拆成多個包 當前發送包的序列號 ack:下一個待接收包的序列號 總結 三

原创 debounce函數去抖實現

限制函數調用頻率,快速點擊時,限制其一定時間內只觸發一次事件,如ajax提交,連續點擊提交按鈕,會發送多次請求,使用去抖可以避免多次重複請求 簡介 debounce(fun, delay, immediate) 當調用函數n秒後,

原创 Javascript函數參數傳遞

js中所有函數參數傳遞都是值傳遞 堆內存和棧內存 棧內存爲自動分配的內存空間,它由系統自動釋放;堆內存則是動態分配的內存,大小不定也不會自動釋放。 js數據類型 值類型(基本類型): 字符串(String)、數字(Number)