開(kāi)發(fā)微信公眾號(hào)h5頁(yè)面白热，使用微信的東西构拳。需要處理2點(diǎn)。1、網(wǎng)頁(yè)授權(quán)拿的code，調(diào)用后端同學(xué)的接口峰搪，把code提交給后端，返回openId凯旭，進(jìn)行業(yè)務(wù)處理。2使套、使用JS-SDK...
發(fā)簡(jiǎn)信
IP屬地：湖南
-
微信公眾號(hào)開(kāi)發(fā)網(wǎng)頁(yè)授權(quán)和微信JS-SDK wx.config權(quán)限驗(yàn)證
-
前端性能優(yōu)化-更多流行優(yōu)化技術(shù)
一罐呼、拯救移動(dòng)端圖標(biāo) —— SVG 常見(jiàn)的字體方案經(jīng)歷了三種：PNG、Iconfont侦高、SVG嫉柴。 （一）PNG 先說(shuō)說(shuō)PNG，是比較早的方案了奉呛。PNG 屬于一種圖片格式计螺，顏色豐...
-
前端性能優(yōu)化-傳輸加載優(yōu)化
一、啟用壓縮Gzip Nginx開(kāi)啟Gzip壓縮功能瞧壮， 可以使網(wǎng)站的css登馒、js 、xml咆槽、html 文件在傳輸時(shí)進(jìn)行壓縮陈轿，提高訪問(wèn)速度, 進(jìn)而優(yōu)化Nginx性能! Web網(wǎng)...
-
前端性能優(yōu)化-webpack構(gòu)建優(yōu)化
一、webpack的優(yōu)化配置 1秦忿、Tree-shaking 移除 JavaScript 上下文中的未引用代碼(dead-code)基于ES6 import exportpac...
-
前端性能優(yōu)化-資源優(yōu)化一麦射、資源的壓縮與合并 1.為什么要壓縮和合并減少http請(qǐng)求數(shù)量減少請(qǐng)求資源大小 2.HTML壓縮使用在線工具進(jìn)行壓縮使用html-minifier等npm工具 3.CSS壓...
-
前端性能優(yōu)化-代碼優(yōu)化一、JS開(kāi)銷和如何縮短解析時(shí)間 JS開(kāi)銷相比其他資源開(kāi)銷大的很多灯谣，js開(kāi)銷有加載潜秋，加載完成后需要編譯解析、最后是執(zhí)行胎许。 如何縮短解析時(shí)間峻呛？1.code splitting代碼...
-
前端性能優(yōu)化-渲染優(yōu)化一、瀏覽器渲染原理和關(guān)鍵渲染路徑 瀏覽器渲染原理：讀取html呐萨，css文本杀饵，構(gòu)建DOM樹(shù)。（DOM 谬擦，CSSOM）- DOMtree關(guān)鍵渲染路徑：javascript（觸發(fā)視...
-
前端性能優(yōu)化-開(kāi)篇前端性能優(yōu)化問(wèn)題是每個(gè)前端需要掌握的技術(shù)切距。這篇文章從渲染優(yōu)化、代碼優(yōu)化惨远、資源優(yōu)化谜悟、構(gòu)建優(yōu)化话肖、傳輸加載優(yōu)化、更多流行優(yōu)化技術(shù)6大角度講解前端性能優(yōu)化葡幸。再講之前最筒，我們先了解一下性...
-
vue自定義組件總結(jié)
組件系統(tǒng)是Vue.js其中一個(gè)重要的概念，它提供了一種抽象蔚叨，讓我們可以使用獨(dú)立可復(fù)用的小組件來(lái)構(gòu)建大型應(yīng)用床蜘，任意類型的應(yīng)用界面都可以抽象為一個(gè)組件樹(shù)。 一蔑水、四個(gè)核心組成 1邢锯、...
-
JavaScript 運(yùn)行機(jī)制 Event Loop 宏任務(wù) 微任務(wù)一、為什么JavaScript是單線程搀别？ JavaScript語(yǔ)言的一大特點(diǎn)就是單線程丹擎，也就是說(shuō)，同一個(gè)時(shí)間只能做一件事歇父。那么蒂培，為什么JavaScript不能有多個(gè)線程呢？這...
-
js 跨域 CORS
CORS是一個(gè)W3C標(biāo)準(zhǔn)单刁，全稱是"跨域資源共享"（Cross-origin resource sharing）灸异。 它允許瀏覽器向跨源服務(wù)器，發(fā)出XMLHttpRequest[...
-
HTTP瀏覽器緩存機(jī)制詳解一羔飞、概述 瀏覽器的緩存機(jī)制也就是我們說(shuō)的HTTP緩存機(jī)制肺樟，其機(jī)制是根據(jù)HTTP報(bào)文的緩存標(biāo)識(shí)進(jìn)行的，所以在分析瀏覽器緩存機(jī)制之前逻淌，我們先使用圖文簡(jiǎn)單介紹一下HTTP報(bào)文么伯，HT...
-
JS中冒泡,選擇,快速,插入等等...十大排序動(dòng)圖大全
1. 冒泡排序 重復(fù)地走訪過(guò)要排序的數(shù)列，一次比較兩個(gè)元素卡儒，如果他們的順序錯(cuò)誤就把他們交換過(guò)來(lái)田柔。走訪數(shù)列的工作是重復(fù)地進(jìn)行直到?jīng)]有再需要交換，也就是說(shuō)該數(shù)列已經(jīng)排序完成骨望。 算...
-
js數(shù)組扁平化
扁平化 數(shù)組的扁平化硬爆，就是將一個(gè)嵌套多層的數(shù)組 array (嵌套可以是任何層數(shù))轉(zhuǎn)換為只有一層的數(shù)組。 遞歸 es6 ...擴(kuò)展運(yùn)算符 ES2019 的新功能 flat()...
-
js new的模擬實(shí)現(xiàn)
new new 運(yùn)算符創(chuàng)建一個(gè)用戶定義的對(duì)象類型的實(shí)例或具有構(gòu)造函數(shù)的內(nèi)置對(duì)象類型之一 1擎鸠、用new Object() 的方式新建了一個(gè)對(duì)象 obj2缀磕、取出第一個(gè)參數(shù)，就是我...
-
js的call和apply方法實(shí)現(xiàn)
call 介紹 call() 方法在使用一個(gè)指定的 this 值和若干個(gè)指定的參數(shù)值的前提下調(diào)用某個(gè)函數(shù)或方法例子 先看一段代碼 這個(gè)時(shí)候 this 就指向了 foo. 思路...
-
js的bind方法實(shí)現(xiàn)
bind方法介紹 bind() 方法會(huì)創(chuàng)建一個(gè)新函數(shù)。當(dāng)這個(gè)新函數(shù)被調(diào)用時(shí)袜蚕，bind() 的第一個(gè)參數(shù)將作為它運(yùn)行時(shí)的 this糟把，之后的一序列參數(shù)將會(huì)在傳遞的實(shí)參前傳入作為它...
-
van-calendar default-date 默認(rèn)選中日期
組件 van-calendarProps1、min-date 可選擇的最小日期 Date 當(dāng)前日期 如果不設(shè)置默認(rèn)是當(dāng)前月牲剃，當(dāng)你設(shè)置默認(rèn)時(shí)期遣疯，是之前的時(shí)...