原创 摸魚前端的自檢(三)v8幹了些什麼?

v8幹了些什麼? V8是被設計用來提高網頁瀏覽器內部JavaScript執行的性能,那麼如何提高性能呢?接下來我們一個個介紹它幹了些什麼。 有興趣的同學可以去我的github,裏面有我的分享的學習過程和blog. github.c

原创 Vue源碼剖析(二)響應式

響應式 網上看了好多的博客和源碼教程,感覺很多仔細的地方沒有說清,而且在一些複雜的部分加了好多的描述,所以就想自己也寫下心得, 方便自己, 方便他人,有興趣的同學可以關注我的github裏面有我之前一些博文 github/193

原创 Vue源碼剖析(三)patch和Diff算法

Patch和Diff算法 網上看了好多的博客和源碼教程,感覺很多仔細的地方沒有說清,而且在一些複雜的部分加了好多的描述,所以就想自己也寫下心得, 方便自己, 方便他人,有興趣的同學可以關注我的github裏面有我之前一些博文

原创 摸魚前端的自檢(五)深入HTTP緩存機制及原理

深入HTTP緩存機制及原理 身爲一個web開發者,必要的http緩存機制還是要去深入瞭解,因爲在這上面可以做很多的web性能優化。要想成爲一個好的架構師,這一環節必不可少。 有興趣的同學可以去我的github,裏面有我的分享的學習

原创 摸魚前端的自檢(四)瀏覽器如何防gank?

瀏覽器如何防gank? 在面試中我們常常會被問到web攻擊,如果預防和處理之類的,確保網站或者網頁應用的安全性,是每個開發人員都應該瞭解的事。這裏主要列出集中常見的web攻擊方式和防禦處理方法。 有興趣的同學可以去我的github

原创 Vue源碼剖析(五)vuex機制

Vuex機制 網上看了好多的博客和源碼教程,感覺很多仔細的地方沒有說清,而且在一些複雜的部分加了好多的描述,所以就想自己也寫下心得, 方便自己, 方便他人,有興趣的同學可以關注我的github裏面有我之前一些博文 github/

原创 摸魚前端的自檢(一)瀏覽器渲染過程剖析

瀏覽器渲染過程剖析 作爲一個前端,不瞭解瀏覽器在幹什麼,不是個合格的前端哦~ 有興趣的同學可以去我的github,裏面有我的分享的學習過程和blog. github.com/193Eric 首先先貼一張圖,網上找的~ 我們可以

原创 摸魚前端的自檢(六)你不知道的web性能優化

你不知道的web性能優化 你遇到過打開一個網站需要10秒以上的嗎,這種網頁響應非常緩慢,佔用大量的CPU和內存,瀏覽起來常常有卡頓,頁面的動畫效果也不流暢。你會有什麼反應?我猜想,大多數用戶會關閉這個頁面,改爲訪問其他網站。作爲一

原创 摸魚前端的自檢(二)深入瀏覽器和node的事件循環

瀏覽器事件循環和node事件循環 node和js都保持了單線程的特點,javascript在最初設計時設計成了單線程,爲什麼不是多線程呢?如果多個線程同時操作DOM那豈不會很混亂? 有興趣的同學可以去我的github,裏面有我的分

原创 Vue源碼剖析(四)nextTick更新機制

nextTick更新機制 網上看了好多的博客和源碼教程,感覺很多仔細的地方沒有說清,而且在一些複雜的部分加了好多的描述,所以就想自己也寫下心得, 方便自己, 方便他人,有興趣的同學可以關注我的github裏面有我之前一些博文 g

原创 Canvas應用小結

Canvas應用小結 canvas 可以畫圖分爲幾種基本類型: 線 圓 矩形 圖像 文本 顏色樣式 canvas的高級的應用就是做動畫和遊戲,主要是應用以下幾個功能: 變形(Rotate,Translate,Scalin

原创 linux系統安裝git,nodejs,mysql

linux系統安裝git,nodejs,mysql 目的:作爲一個前端,從阿里雲買了個服務器。想要有自己的博客系統。 第一步,我們要安裝git。把我們線上的代碼拉到服務器上面。 下載 這裏採用的是CentOS系統 wget h

原创 寫出高性能的js代碼

寫出高性能的js代碼 一、加載運行 javascript在瀏覽器中的性能,大概是開發者面對最重要的問題。因爲javascript的阻塞特徵,也就是在javascipt運行的過程中,其他的事情並不能被瀏覽器處理。所以javascri

原创 Vue js 的生命週期(看了就懂)

用Vue框架,熟悉它的生命週期可以讓開發更好的進行。 首先先看看官網的圖,詳細的給出了vue的生命週期: 它可以總共分爲8個階段: beforeCreate(創建前), created(創建後), beforeMount(載入前), m

原创 15分鐘學會vue項目改造成SSR

15分鐘學會vue項目改造成SSR Ps:網上看了好多服務器渲染的例子,基本都是從0開始的,用Nuxt或者vue官網推薦的ssr方案(vue-server-renderer),但是我們在開發過程中基本上是已經有了現有的項目了,我們