開發(fā)微信公眾號h5頁面，使用微信的東西。需要處理2點。1、網(wǎng)頁授權(quán)拿的code，調(diào)用后端同學(xué)的接口，把code提交給后端，返回openId，進行業(yè)務(wù)處理。2、使用JS-SDK...
發(fā)簡信
IP屬地：浙江
-
微信公眾號開發(fā)網(wǎng)頁授權(quán)和微信JS-SDK wx.config權(quán)限驗證
-
前端性能優(yōu)化-更多流行優(yōu)化技術(shù)
一、拯救移動端圖標(biāo) —— SVG 常見的字體方案經(jīng)歷了三種：PNG、Iconfont、SVG。 （一）PNG 先說說PNG，是比較早的方案了。PNG 屬于一種圖片格式，顏色豐...
-
前端性能優(yōu)化-傳輸加載優(yōu)化
一、啟用壓縮Gzip Nginx開啟Gzip壓縮功能， 可以使網(wǎng)站的css、js 、xml、html 文件在傳輸時進行壓縮，提高訪問速度, 進而優(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請求數(shù)量減少請求資源大小 2.HTML壓縮使用在線工具進行壓縮使用html-minifier等npm工具 3.CSS壓...
-
前端性能優(yōu)化-代碼優(yōu)化一、JS開銷和如何縮短解析時間 JS開銷相比其他資源開銷大的很多，js開銷有加載，加載完成后需要編譯解析、最后是執(zhí)行。 如何縮短解析時間？1.code splitting代碼...
-
前端性能優(yōu)化-渲染優(yōu)化一、瀏覽器渲染原理和關(guān)鍵渲染路徑 瀏覽器渲染原理：讀取html，css文本，構(gòu)建DOM樹。（DOM ，CSSOM）- DOMtree關(guān)鍵渲染路徑：javascript（觸發(fā)視...
-
前端性能優(yōu)化-開篇前端性能優(yōu)化問題是每個前端需要掌握的技術(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其中一個重要的概念，它提供了一種抽象，讓我們可以使用獨立可復(fù)用的小組件來構(gòu)建大型應(yīng)用，任意類型的應(yīng)用界面都可以抽象為一個組件樹。 一、四個核心組成 1、...
-
JavaScript 運行機制 Event Loop 宏任務(wù) 微任務(wù)一、為什么JavaScript是單線程？ JavaScript語言的一大特點就是單線程，也就是說，同一個時間只能做一件事。那么，為什么JavaScript不能有多個線程呢？這...
-
js 跨域 CORS
CORS是一個W3C標(biāo)準(zhǔn)，全稱是"跨域資源共享"（Cross-origin resource sharing）。 它允許瀏覽器向跨源服務(wù)器，發(fā)出XMLHttpRequest[...
-
HTTP瀏覽器緩存機制詳解一、概述 瀏覽器的緩存機制也就是我們說的HTTP緩存機制，其機制是根據(jù)HTTP報文的緩存標(biāo)識進行的，所以在分析瀏覽器緩存機制之前，我們先使用圖文簡單介紹一下HTTP報文，HT...
-
JS中冒泡,選擇,快速,插入等等...十大排序動圖大全
1. 冒泡排序 重復(fù)地走訪過要排序的數(shù)列，一次比較兩個元素，如果他們的順序錯誤就把他們交換過來。走訪數(shù)列的工作是重復(fù)地進行直到?jīng)]有再需要交換，也就是說該數(shù)列已經(jīng)排序完成。 算...
-
js數(shù)組扁平化
扁平化 數(shù)組的扁平化，就是將一個嵌套多層的數(shù)組 array (嵌套可以是任何層數(shù))轉(zhuǎn)換為只有一層的數(shù)組。 遞歸 es6 ...擴展運算符 ES2019 的新功能 flat()...
-
js new的模擬實現(xiàn)
new new 運算符創(chuàng)建一個用戶定義的對象類型的實例或具有構(gòu)造函數(shù)的內(nèi)置對象類型之一 1、用new Object() 的方式新建了一個對象 obj2、取出第一個參數(shù)，就是我...
-
js的call和apply方法實現(xiàn)
call 介紹 call() 方法在使用一個指定的 this 值和若干個指定的參數(shù)值的前提下調(diào)用某個函數(shù)或方法例子 先看一段代碼 這個時候 this 就指向了 foo. 思路...
-
js的bind方法實現(xiàn)
bind方法介紹 bind() 方法會創(chuàng)建一個新函數(shù)。當(dāng)這個新函數(shù)被調(diào)用時，bind() 的第一個參數(shù)將作為它運行時的 this，之后的一序列參數(shù)將會在傳遞的實參前傳入作為它...
-
van-calendar default-date 默認選中日期
組件 van-calendarProps1、min-date 可選擇的最小日期 Date 當(dāng)前日期 如果不設(shè)置默認是當(dāng)前月，當(dāng)你設(shè)置默認時期，是之前的時...