原创 深入解析 Class 的繼承

深入解析 ES6 的繼承 學習，就是不斷推翻原有知識體系，跳出去建構更龐大的體系的一個過程。期間越是覺得迷惑不解，越是說明你掌握了新的東西。 今天看到一篇文章，博主遇到了如何繼承 Date 對象的問題。博主很優秀，講了好幾個如何實

2019-07-02 18:22:34

原创 gulp實現簡單的自動化部署

gulp 實現簡單的自動化部署 平時在開發時，打包完之後需要把項目部署到測試線上，平時我們要麼用 filezilla 有圖形界面的工具拖拽上傳，要麼用 Xshell 這種無圖形界面的工具向服務器上傳文件。 但是有沒有一種直接辦法可

2019-06-24 18:06:01 4

原创 vue 腳手架如何打包優化

vue 腳手架如何打包優化 之前一篇博客講了 vue-cli 是如何構建項目的，這次講講 vue-cli 打包做了什麼優化。 vue-cli 項目構建博客地址 vue-cli 優化 這裏有壓縮代碼，代碼分割，還有利用緩存三個方面 （1

2019-05-13 20:09:33

原创 解析 vue-cli

vue-cli 用 vue-cli 直接生成一個 vue 項目很簡單方便，不過要想深入學習並掌控 vue 項目，瞭解項目是如何建構的是很必要，今天就來一邊學習一邊試着分析。 本文 vue-cli 版本 2.9.6 一、初始化目錄結構

2019-04-28 16:18:00

原创 Vue 中的 scoped 屬性詳解

Vue 中的 scoped 屬性詳解 講講 vue 中 scoped 屬性的實現原理以及由此產生的特殊情況，然後引出樣式的權重這一概念。 （一）什麼是 scoped 當 style 標籤有 scoped 屬性時，它的 CSS 只作用於

2019-04-11 18:16:39

原创 前端常見跨域

前端跨域 本文總結前端常用的跨域方案和例子，以及周邊的應用知識 （1）跨域原理 （2）域名概念 （3）本地簡單模擬跨域 （4）常見跨域方案 一、跨域原理 我們常說的跨域，是由瀏覽器同源政策的限制引起的。 同源政策： 同源策略/SOP（

2019-03-26 14:25:33

原创 call apply 原生實現

call apply 原生實現 call() 和 apply() 類似於借用，相當於 A 對象內部有了 B 對象的方法，實質是函數在運行時指定 this 值，打破瞭解析器在函數調用時創建執行環境時this綁定的規則。 call 源碼

2018-12-19 14:36:20

原创 Vue 源碼之數組更新檢測

Vue 源碼之數組更新檢測 Vue 通用 Object.defineProperty 遞歸對象屬性，添加觀察者或者觸發通知，從而實現雙向綁定的。 這次講講對於數組的變化， Vue 是如何檢測的。 數組更新檢測 Vue 包含一組觀察數組

2018-12-15 01:58:10

原创 Vue 源碼之 nextTick 解析

Vue 源碼之 nextTick 解析 最近在看 Vue 源碼，一直很好奇這個 nextTick 怎麼實現。 本文涉及微任務和宏任務，不熟悉的可以看我之前的博客：https://blog.csdn.net/u014168594/art

2018-12-13 02:30:14 1

原创 瀏覽器 Date與json 對象的兼容問題

瀏覽器 Date與json 對象的兼容問題 最近遇到了兩個瀏覽器的兼容問題，在此記錄下來。 new Date 的瀏覽器兼容 在使用某個時間選擇器插件時，判斷選擇時間小於當前時間時，在 IE11 瀏覽器下面判斷出錯，chrome 表現正

2018-11-22 11:03:42

原创 使用 fiddler 更改請求結果

使用 fiddler 更改請求結果 簡單講講如何使用 fiddler 更改返回結果 更改請求返回結果分爲兩步，第一抓取，第二設置返回結果 抓取 其實直接打開軟件，所有請求都會出現在會話面板。但是爲了只直觀，我們可以設置過濾會話。 選

2018-11-08 10:59:03

原创 宏任務與微任務

宏任務與微任務 之前寫過關於事件循環機制的文章 js 的併發模型一文，當時以爲已經講清楚所有這方面的概念了，但是最近又發現，事件循環機制還有宏任務與微任務這個概念沒有涉及，所以這裏延續之前的文章，再繼續講一講。 概念 在之前的博客裏

2018-11-04 12:35:34

原创 Object.create 和new 區別

Object.create 和new 區別 今天無意中看到一篇關於 Object.create 和 new 區別的博客，看完後覺得很不對勁。再一看評論，果然有問題。所以寫個通俗易懂的博客，也再次理清自己的思緒。我會先說原型鏈的一些概念

2018-10-12 22:10:58

原创 觀察者模式與發佈/訂閱模式

觀察者模式與發佈/訂閱模式 最近遇到觀察者模式和發佈/訂閱模式的頻率很高，就學習了一下，這裏主要總結這種設計模式的由來，詳細介紹他們以及區別。 提前聲明一下，觀察者模式出現較早，發佈/訂閱模式是觀察者模式的一種變形。 來源 觀察者模式

2018-09-30 11:14:05 2

原创 vue 學習小結（生命週期和組件傳值）

vue 學習小結（生命週期和組件傳值） 最近需要用到 vue 框架的項目，所以又去學習了 vue，這裏簡單做個小結，講一講 vue 2.0 的生命週期和組件傳值，適用於閱讀 vue 文檔後。 一、生命週期 官方流程圖： 例子： var

2018-09-03 13:35:44 1