一、導(dǎo)讀 “異?！币辉~出自《后漢書(shū)．卷一．皇后紀(jì)上．光烈陰皇后紀(jì)》，表示非正常的，不同于平常的。在我們現(xiàn)實(shí)生活中同樣處處存在著異常，比如小縣城里的路燈年久失修...，上下班高...
IP屬地：廣東
-
淺析前端異常及降級(jí)處理
-
-
webpack中的dev-server的proxy用法
在webpack.config.js中配置 下面簡(jiǎn)單介紹一下五個(gè)經(jīng)常使用的場(chǎng)景 使用一: 請(qǐng)求到 /api/xxx 現(xiàn)在會(huì)被代理到請(qǐng)求 http://localhost:30...
-
webpack常用配置及用法
創(chuàng)建局部的webpack 創(chuàng)建package.json文件，用于管理項(xiàng)目的信息、庫(kù)依賴(lài)等npm initn 第三步：使用局部的webpack n 第四步：在package.j...
-
教你使用 Vuex，從0到1，進(jìn)階開(kāi)始
第一步，了解Vuex ??想象一個(gè)場(chǎng)景如果你的項(xiàng)目里有很多頁(yè)面（組件/視圖），頁(yè)面之間存在多級(jí)的嵌套關(guān)系，此時(shí)，這些頁(yè)面假如都需要共享一個(gè)狀態(tài)的時(shí)候，此時(shí)就會(huì)產(chǎn)生以下兩個(gè)問(wèn)題：...
-
JavaScript 數(shù)據(jù)持久化：localStorage、sessionStorage、cookie注意：存儲(chǔ)的值必須是字符串，如果存儲(chǔ)的值是對(duì)象，必須使用JSON.stringify()方法轉(zhuǎn)化成JSON字符串，然后在獲取的時(shí)候使用 JSON.parse() 方法反轉(zhuǎn)成對(duì)...
-
空頁(yè)面重定向
有個(gè)需求，通過(guò)接口獲取第三方給頁(yè)面，由于第三方的頁(yè)面隨時(shí)會(huì)變，所有不好讓APP原生寫(xiě)死，便通過(guò)h5寫(xiě)一個(gè)空白頁(yè)面，獲取到第三方頁(yè)面后跳轉(zhuǎn)。 其中碰到兩個(gè)問(wèn)題 安卓跳轉(zhuǎn)第三方頁(yè)...
-
使用 CSS overscroll-behavior: contain 來(lái)防止?jié)L動(dòng)鏈當(dāng)用戶(hù)滾動(dòng)嵌入的網(wǎng)頁(yè)（或網(wǎng)頁(yè)上的任何嵌套滾動(dòng)容器）并到達(dá)末尾時(shí)，瀏覽器將開(kāi)始滾動(dòng)外部頁(yè)面。這被稱(chēng)為滾動(dòng)鏈[https://drafts.csswg.org/css-overs...
-
小程序知識(shí)點(diǎn)匯總getApp() 方法 小程序提供了全局的 getApp() 方法，可獲取當(dāng)前小程序?qū)嵗?，一般用于在子?yè)面中獲取頂層應(yīng)用。 一 整體結(jié)構(gòu) 圖片目錄(images)、頁(yè)面目錄(...
-
JavaScript dom節(jié)點(diǎn)的增、刪、改、查
1. 創(chuàng)建 dom 節(jié)點(diǎn) 通過(guò)標(biāo)簽名稱(chēng)創(chuàng)建 dom 元素節(jié)點(diǎn) document.createElement("tagName") 創(chuàng)建文本節(jié)點(diǎn)（可以通過(guò) appendChil...
-
Object.fromEntries()
Object.fromEntries() 方法 Object.fromEntries() 把鍵值對(duì)列表轉(zhuǎn)換為一個(gè)對(duì)象，這個(gè)方法是和 Object.entries() 相對(duì)的。...
-
常用的前端JavaScript方法封裝
1、輸入一個(gè)值，返回其數(shù)據(jù)類(lèi)型** 2、數(shù)組去重 3、字符串去重 //去除連續(xù)的字符串 4、深拷貝 淺拷貝 // 深淺克隆是針對(duì)引用值 // 無(wú)法復(fù)制函數(shù) 5、reverse...
-
vue中利用.env文件存儲(chǔ)全局環(huán)境變量，以及配置vue啟動(dòng)和打包命令
1，前言 分享一下vue項(xiàng)目中利用.env文件存儲(chǔ)全局環(huán)境變量，以及利于項(xiàng)目開(kāi)發(fā)的vue啟動(dòng)以及打包命令。 2，.env文件的作用 在vue項(xiàng)目中，env是全局配置文件，可以...
-
Vue3項(xiàng)目完整開(kāi)發(fā)流程一、開(kāi)發(fā)流程思維導(dǎo)圖 二、前期準(zhǔn)備 1、安裝Nodejs 1）nodejs下載地址[https://nodejs.org/zh-cn/]，下載并安裝 2）確認(rèn)已安裝了node...
-
Vue.extend()用法
應(yīng)用場(chǎng)景： 在 vue 項(xiàng)目中，初始化的根實(shí)例后，所有頁(yè)面基本上都是通過(guò) router 來(lái)管理，組件也是通過(guò) import 來(lái)進(jìn)行局部注冊(cè)，所以組件的創(chuàng)建不需要去關(guān)注，相比 ...
-
前端基礎(chǔ)進(jìn)階（十六）：es6常用基礎(chǔ)合集在實(shí)際開(kāi)發(fā)中，ES6已經(jīng)非常普及了。掌握ES6的知識(shí)變成了一種必須。盡管我們?cè)谑褂脮r(shí)仍然需要經(jīng)過(guò)babel編譯。 ES6徹底改變了前端的編碼風(fēng)格，可以說(shuō)對(duì)于前端的影響非常巨大...
-
vue-cli項(xiàng)目如何使用vue-resource獲取本地的json數(shù)據(jù)（模擬服務(wù)端返回?cái)?shù)據(jù)）
最近使用vue-cli做了一個(gè)小小的項(xiàng)目，在項(xiàng)目中需要使用vue-resource來(lái)與后臺(tái)進(jìn)行數(shù)據(jù)交互，所以我使用了本地json數(shù)據(jù)來(lái)模仿后臺(tái)獲取數(shù)據(jù)的流程。至于vue-re...
-
Echarts圖表變形與自適應(yīng)解決方案
一、圖表變形 使用Echarts繪制圖表時(shí)，可能會(huì)遇到變形的問(wèn)題。如下圖： 其原因是Echarts在初始化實(shí)例的時(shí)候，對(duì)應(yīng)dom元素的寬高還沒(méi)有確定。解決方案也很簡(jiǎn)單：監(jiān)聽(tīng)對(duì)...
-
天問(wèn)的個(gè)人網(wǎng)站(天問(wèn)博客)，專(zhuān)注于Node.js、Vue.js、React、Svelte、Electron.js、Tauri、Vite、Nginx等大前端技術(shù)。不斷學(xué)習(xí)新技術(shù)，記錄日常開(kāi)發(fā)問(wèn)題，持續(xù)分享coding，極客開(kāi)源，共同進(jìn)步。生命不息，奮斗不止...
-
Vue3學(xué)習(xí)與實(shí)踐 · 全局異常監(jiān)控每個(gè)web項(xiàng)目上線后，難免會(huì)出現(xiàn)各種奇奇怪怪的bug，或網(wǎng)絡(luò)，或系統(tǒng)無(wú)法，或兼容適配，或測(cè)試遺漏等等原因。為了能更快的定位問(wèn)題，解決問(wèn)題，所以添加前端異常監(jiān)控至關(guān)重要。本文就...
