適配器模式：將一個(gè)類(lèi)（對(duì)象）的接口（方法或者屬性）轉(zhuǎn)化成另外一個(gè)接口，以滿足用戶使用，使類(lèi)（對(duì)象）之間的不兼容問(wèn)題通過(guò)適配器得以解決。 需求1：作品的活動(dòng)頁(yè)面使用的是公司內(nèi)部...
IP屬地：廣東
-
適配器模式
-
React v16.8.6生命周期constructor() static getDerivedStateFromProps(props, state) :object|null #初次渲染和后續(xù)更新都會(huì)調(diào)用...
-
使用gzip，提升訪問(wèn)頁(yè)面速度
簡(jiǎn)單說(shuō)一下對(duì)gzip的理解： 客戶端訪問(wèn)資源時(shí)，服務(wù)端先對(duì)資源進(jìn)行壓縮，再返回 客戶端自動(dòng)解壓，無(wú)需另行處理 第一點(diǎn)要注意的是，客戶端每次訪問(wèn)資源時(shí)，服務(wù)端都會(huì)對(duì)資源進(jìn)行壓縮...
-
使用StoryBook——更好地管理我們的UI組件安裝vue腳手架： Node.js>=8.9沒(méi)有vue-cli3的先安裝一下： 安裝完后查看版本： 創(chuàng)建項(xiàng)目： 選擇相對(duì)應(yīng)的配置，等待項(xiàng)目創(chuàng)建完畢。 安裝storybook，...
-
代理模式
代理模式：由于一個(gè)對(duì)象不能直接引用另一個(gè)對(duì)象，所以需要通過(guò)代理對(duì)象在這兩個(gè)對(duì)象之間起到中介的作用。 需求1：用戶上傳圖片的請(qǐng)求路徑與網(wǎng)站不是同一個(gè)服務(wù)器（域），導(dǎo)致跨域問(wèn)題。...
-
裝飾者模式
裝飾者模式：在不改變對(duì)象的基礎(chǔ)上，通過(guò)對(duì)齊進(jìn)行包裝擴(kuò)展（添加屬性或者方法）使原有對(duì)象可以滿足用戶的梗復(fù)雜需求。 裝飾者模式是對(duì)原有功能的一中增強(qiáng)與擴(kuò)展，不需要了解原有功能的基...
-
橋接模式
橋接模式：在系統(tǒng)沿著多個(gè)維度變化的同時(shí)，又不增加其復(fù)雜度并已達(dá)到解耦。 有時(shí)候頁(yè)面中的一些小小的細(xì)節(jié)改變常常因邏輯相似導(dǎo)致大片臃腫的代碼，讓頁(yè)面苦澀不堪。 需求1：頁(yè)面上不的...
-
單頁(yè)面應(yīng)用SEO方案
最近希望在現(xiàn)有SPA網(wǎng)站的基礎(chǔ)上，對(duì)網(wǎng)站進(jìn)行SEO優(yōu)化，所以列出了幾種方案。 一、Rendertron Rendertron是一款headless Chrome渲染解決方案，...
-
安裝部署rendertron教程
環(huán)境工具要求：node >=7，npm，git，pm2 使用git clone rendertron的源代碼，本地編譯代碼 1.克隆源代碼，進(jìn)入源代碼根目錄，下載相關(guān)依賴(lài)包 ...