原创 全ES6class語法 用觀察者設計模式和發佈訂閱設計模式分別實現Vue核心原理 【實踐】

博文說明! 1.博客內容純粹個人理解及其實踐,僅供參考,如有錯誤之處歡迎指正。 2.博客內容關注點: 此文主要關注對 面向對象設計、ES6的class語法、相關架構模式和設計模式的理解及其實踐,不再關注對數據代理、模板解析、數據綁

原创 webpack 開發環境打包【實踐】

下一篇博客:開發環境優化 實踐後加深的理解 1.webpack把前端的所有資源文件都視爲模塊並進行處理。 2.webpack指令運行在node平臺,這才使得它具有訪問和操作本地文件資源的能力。 3.webpack有很好的靈活性與

原创 對RSA非對稱加密的理解

公鑰加密,私鑰解密 優點:能夠保證信息的接收者是預期的 邏輯: 信息發佈者:獲得對應公鑰,加密明文得到密文,併發布。 信息接收者:接收密文,使用私鑰解密得到明文。 私鑰加密,公鑰解密 優點:能夠保證信息的發送者是預期的 邏輯:

原创 函數節流、函數防抖【實踐】

實踐後加深的理解 函數節流 什麼是函數節流? 需要頻繁觸發的函數,在規定時間內(絕對時間差),只讓第一次生效,後面的不生效。 有什麼特點?(函數執行後,lastTime才被重新賦值) 一個時間差內被續觸發,一定會執行一次。

原创 JS事件輪循機制、宏任務、微任務【實踐】

實踐理解 以下僅爲個人理解,僅供參考! js事件輪循機制 1.js是單線程(主線程),所有js代碼都在主線程執行。 2.主線程的同步代碼執行完成後,就會讀取其它任務隊列中的任務(優先微任務隊列),不斷重複這個過程就叫做js的事件

原创 JS模塊彙總工具 rollup【實踐】

博客內容僅是個人實踐理解,僅供參考,如有錯誤,敬請指正,更多內容和詳情請訪問官方文檔 實踐理解 一:對rollup的認識? 1.rollup將多個小的模塊彙總合併成一個或多個大的模塊。 2.rollup可多種模塊化形式輸入,彙總後

原创 JS靜態類型檢查 Flow【實踐】

博客內容,僅爲個人理解實踐,如有錯誤,敬請指正。 實踐理解 一:什麼是flow? flow是JavaScript的靜態類型檢查工具,它定義了一套語法(主要體現在 約束JavaScript 原有類型,借鑑Java 類型)並在預編譯

原创 v-model裏使用過濾器

點擊查看filter文檔 文檔所述過濾器只能用在v-bind指令和{{}}表達式中,v-model中使用過濾器是一種思維誤區。 因爲v-model裏實現數據顯示和存儲格式的轉換應該是雙向的。如下例: computed: {

原创 計算屬性傳參問題

1.問題解決 routeChildren: function (route) { return route.children.filter(function (child) { return

原创 taylorchen709/vue-admin 更新

老項目的GitHub地址: https://github.com/taylorchen709/vue-admin 更新後的GitHub地址: https://github.com/iamjwe/vue-admin clone後先保

原创 對設計模式的認識(以面向對象的思維方式)

剛考完Java設計模式,趁熱打鐵留下篇博客方便以後查閱和理解。 課程書籍是《Java設計模式》,劉偉編著。 面向對象設計原則 面向對象設計原則爲支持可維護性複用而誕生,這些原則蘊含在很多設計模式中,它們是從許多設計方案中總結出的指

原创 修改elemet-ui組件的內部樣式

實例:修改el-dialog的el-dialog__body的樣式 如果我們使用了element-ui的el-dialog組件,面臨修改組件內的樣式(例如修改el-dialog__body的樣式)的需求,這是博主總結的三種思路。

原创 對scoped的理解

css的屬性選擇器 選擇器參考手冊 1.手冊中所述的屬性選擇器說明: [attribute] [target] 選擇帶有 target 屬性所有元素。 2.vue組件style標籤中使用scoped之後,生成的HTML

原创 20屆前端求職之JavaScript面向對象【實踐】

博客內容僅是個人實踐理解,經驗不足,如有錯誤,敬請指正! 面向對象的抽象表示 面向對象的抽象是指以代碼形式抽象表示現實世界中任意對象的方方面面。 一:ES5面向對象基本語法 function Animal(name) { //

原创 20屆前端求職系列之事件捕獲、事件冒泡、事件委託【實踐】

實踐後加深的理解 一:事件流 對下事件流程圖的理解 二:事件委託 事件委託原理 大量同類型事件時,可以利用事件流的傳遞過程,將事件響應邏輯綁定在所有事件目標共同的祖先節點上,同時使用事件對象.target可以獲取具體的事件目標