1. 分析 前端統(tǒng)計(jì)的范圍（基本統(tǒng)計(jì)，更詳細(xì)的需要根據(jù)自己項(xiàng)目的需求進(jìn)行添加） 訪問量PV 自定義事件 (如統(tǒng)計(jì)一個(gè)按鈕被點(diǎn)擊了多少次) 網(wǎng)頁(yè)性能 錯(cuò)誤信息 統(tǒng)計(jì)數(shù)據(jù)的流程 ...
發(fā)簡(jiǎn)信
IP屬地：山西
-
前端統(tǒng)計(jì)SDK (設(shè)計(jì)思路分析-初步代碼實(shí)現(xiàn)) -
獲取詳細(xì)數(shù)據(jù)類型 getType 四行代碼搞定
之前項(xiàng)目中獲取數(shù)據(jù)類型的getType是用的typeof結(jié)合instanceof來(lái)做的，首先這樣做是可以的，但并不是一個(gè)好辦法，因?yàn)槭謩?dòng)枚舉是不靠譜的，不具備完整性。第一，有...
-
統(tǒng)一監(jiān)聽Vue組件報(bào)錯(cuò)方案
1. window.onerror 可以監(jiān)聽當(dāng)前頁(yè)面所有的 JS 報(bào)錯(cuò)，jQuery時(shí)代經(jīng)常用。注意，全局只綁定一次即可。不要放在多次渲染的組件中，這樣容易綁定多次。一般在A...
-
遍歷一個(gè)數(shù)組，用for和forEach哪個(gè)更快
最近在刷leetcode，從而產(chǎn)生這個(gè)疑問，從算法時(shí)間復(fù)雜度上面來(lái)說，兩者都是o(n)，但是通過實(shí)際運(yùn)行代碼的情況來(lái)說，兩者還是有區(qū)別的。 代碼測(cè)試創(chuàng)建一個(gè)長(zhǎng)度為100萬(wàn)條的...
-
HTTP跨域時(shí)為何要發(fā)送options請(qǐng)求？1. 什么是跨域？ 瀏覽器同源策略，默認(rèn)限制跨域請(qǐng)求 同源策略一般限制 Ajax 網(wǎng)絡(luò)請(qǐng)求， 不能跨域請(qǐng)求 sever 但是不會(huì)限制 加載第三方資源 1.1 ...
-
-
為什么0.1+0.2!==0.3? 通熟易懂的解釋及怎么解決
計(jì)算機(jī)使用二進(jìn)制存儲(chǔ)數(shù)據(jù)整數(shù)用二進(jìn)制沒有誤差，如 9 在計(jì)算機(jī)中表示為 1001而有的小數(shù)無(wú)法用二進(jìn)制表示，如0.2用二進(jìn)制表示為1.10011001100....無(wú)限循環(huán)下...
-
小程序?qū)崿F(xiàn)數(shù)據(jù)共享方案之hy-event-store
最近刷到一個(gè)很強(qiáng)的庫(kù)hy-event-store 刷了遍里面的源碼 邏輯性和設(shè)計(jì)性非常強(qiáng) 后面有時(shí)間會(huì)針對(duì)它寫一份博客 下面是該庫(kù)的常用使用方法(可以在vue、react、小...
-
微信小程序自定義導(dǎo)航欄組件一、前提 1.1 全局配置navigationStyle 調(diào)式基礎(chǔ)庫(kù) >= 1.9.0 微信客戶端 >= 6.6.0 1.2 單頁(yè)面配置navigationStyle 調(diào)式基...
-
前端必備插件之網(wǎng)頁(yè)生成UI源文件 及 網(wǎng)頁(yè)爬取至本地一、網(wǎng)頁(yè)生成UI源文件 下載Figma使用里面的Builder.io插件 Figma中文版 for mac [https://yancymin.notion.site/Fig...
-
-
小程序中slot插槽使用默認(rèn)值方案前提：在很多場(chǎng)景下我們希望自定義組件有較好的擴(kuò)展性，在不傳入slot的情況下默認(rèn)展示默認(rèn)的結(jié)構(gòu)與樣式，但小程序中的slot沒有像vue中的slot一樣提供默認(rèn)值，這時(shí)候我們可...
-
小程序“WXS”及數(shù)字格式化、時(shí)間格式化。(wxs中使用正則踩坑)一、什么是WXS？ 1.1 WXS(WeiXin Script) 是小程序的一套腳本語(yǔ)言，結(jié)合 WXML，可以構(gòu)建出頁(yè)面的結(jié)構(gòu)。 官方：WXS 與 JavaScript 是不...
-
小程序，七千多字知識(shí)點(diǎn)總結(jié)1. 什么是小程序？ 小程序是一種"不需要下載安裝"即可使用的應(yīng)用，它實(shí)現(xiàn)了"觸手可及"的夢(mèng)想。使用起來(lái)方便快捷、用完即走 1.1 目前常見的小程序 微信小程序 支付寶小程序...
-
使用echarts自身數(shù)據(jù)地圖下鉆至省代碼直接復(fù)制然后導(dǎo)入echarts包即可運(yùn)行，模擬數(shù)據(jù)在data里面，代碼中有注釋。 一、需求及思路 1.1 實(shí)現(xiàn)地圖下鉆 獲取全國(guó)及省份文件路徑 provinces:key...
-
地圖定位線點(diǎn)實(shí)現(xiàn)思路<echarts><無(wú)代碼>需求 實(shí)現(xiàn)點(diǎn)擊地圖上的省份及撒的坐標(biāo)點(diǎn)通過“折線”連接某個(gè)信息框 實(shí)現(xiàn) 獲取鼠標(biāo)坐標(biāo)：echart點(diǎn)擊事件里event參數(shù)里面 可以拿到鼠標(biāo)基于當(dāng)前地圖盒子的x，y<offs...
-
vue3.x 源碼學(xué)習(xí) (vuejs/core)一、在git上下載項(xiàng)目 git鏈接[https://github.com/vuejs/core] 第一種方式：直接終端下載 第二種方式：Download ZIP ：一般情況下...
-
CSS架構(gòu)及Scss簡(jiǎn)單入門github項(xiàng)目地址[https://github.com/LanHai1/mogujie] 一、架構(gòu)的重要性 前期編程不重視 后期重構(gòu)累禿頭 二、為什么要做CSS架構(gòu) 日益...
-
CSS架構(gòu)Acss層基礎(chǔ)常用屬性選擇器之Scss封裝
css架構(gòu)正在整理會(huì)盡快發(fā)簡(jiǎn)書～ white-space.scss font-size.scss font-color.scss ellipsis.scss border-r...
-
Sass函數(shù)功能匯總
Sass自備了一系列的函數(shù)功能，大部分能通過普通的css語(yǔ)句直接調(diào)用。這篇文章會(huì)詳細(xì)介紹Sass的字符串函數(shù)、數(shù)字函數(shù)、列表函數(shù)、Introspection函數(shù)、三元函數(shù)等等...