原创 怎麼編寫一個chrome插件

怎麼編寫一個chrome插件 總覺得chrome插件這種東西很高端,很遙不可及。當然複雜的chrome插件開發起來確實比較困難,但是我們可以從一個簡單的chrome插件demo慢慢入手,瞭解一下chrome插件到底是什麼神祕力量

原创 cookie,sessionStorage,localStorage機制

cookie,sessionStorage,localStorage機制 介紹 一、Cookie操作 使用插件js-cookie:https://www.jianshu.com/p/6e1bacd35f59 原本cookie操作

原创 獲取及計算可滾動元素高度:區分clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop

獲取元素高度 一、基礎:理清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop區別 圖文可見:https://blog.csdn.net/qq_35430000

原创 chrome控制檯調試總結

一、Chrome開發者工具面板整體介紹 1、右上工具欄   面板上包含了Elements面板、Console面板、Sources面板、Network面板、Timeline面板、Profiles面板、Application面板、Secur

原创 瀏覽器的渲染機制-入門詳細圖解

瀏覽器的渲染機制瀏覽器多進程到JS單線程,將JS引擎的運行機制系統的梳理一遍,瞭解整個知識體系,能夠幫助我們更好的進行前端開發。參考網址:https://juejin.im/post/5a6547d0f265da3e283a1df

原创 chrome開發者工具---頁面性能分析

  大體筆記:這裏只羅列出了之前沒有特別熟練的知識點和對平時開發有幫助的點。具體的可以查看網站: https://www.html.cn/doc/chrome-devtools/console/expressions/   第一部分:一些

原创 node.js入門學習-官方文檔知識點梳理

node.js入門學習-官方文檔知識點梳理 寫在前面的話: 官方文檔列出了所有的模塊和API用法,這裏標出了我個人任務初學來說重要的幾個,以下對各個模塊的用法做了一些小結,主要用於快速瞭解每個模塊是做什麼的,具體使用建議大家在學習

原创 input設置了type爲number,但是還能輸入e等符號,怎麼處理?

在vue項目中我們發現,給input標籤設置了type=number之後,輸入框還是可以輸入±以及e的情況,這是由於這些符號都屬於數字範圍,e指的是指數。如果項目有特殊需求,禁止輸入這些符號,我們可以怎麼做呢 第一個想到的方法

原创 從package-lock看npm版本鎖定相關知識

前言 隨着前端模塊化開發的流行,項目中基本都會使用node和npm來下載和管理各個依賴模塊。在項目的根目錄中,package.json、package-lock.json就是描述模塊信息的文件。下文將圍繞基礎知識、兩者關聯、風險與

原创 js編寫四種基礎排序(冒泡排序、選擇排序、插入排序、快速排序)

講到算法,不可避免的會提到排序算法;在排序算法中,冒泡排序、選擇排序和插入排序等是最常被問到的幾種基本的排序算法。下面用js來實現這幾個簡單的排序。 1、冒泡排序 概念 從序列的最右邊開始比較相鄰兩個數字的大小,再根據結果交換

原创 多個輸入框聯動校驗:怎麼讓一個輸入框改動,觸發另一個校驗?

在項目的表單輸入中,可能會遇到這種情況,我們需要限制一個最大最小值的範圍。如 文本可範圍:最小值:【】- 最大值:【】 這兩個分別綁定了兩個字段,擁有自己的校驗方式,當最小值大於最大值時,兩個都會報錯。怎麼讓我們修改其中一

原创 vue項目中使用vuex的getter方法,數據更新但沒有觸發頁面重新渲染

vue項目中使用了vuex的getter方法獲取數據,數據更新後頁面沒有渲染 問題描述 在vue的一個項目中遇到這樣一個問題:項目使用vuex進行狀態管理,在一個頁面中,包含兩個組件AB.在A組件中,通過接口請求拿到數據A,並存儲

原创 基於el-upload實現上傳下載excel文件

基於el-upload組件實現上傳下載excel文件 在vue項目中,使用了element組件,要基於其中的下載組件el-upload實現上傳和下載excel的功能,發現element官網上的說明說的很不清楚,找了很多資料和實踐後

原创 正則校驗:去除帶整數和小數的數字前後多餘的0和多餘小數點

對於用戶輸入的 0003.4000這種數字,其實我們需要的就是3.4,多餘的0不僅視覺上不好看,在存儲時也很不方便。怎麼讓我們在用戶完成輸入後,清除掉這些無用的0數字呢? 此外,對於輸入了2.3.3多個小數點這種錯誤字符,v

原创 Charles抓包測試

抓包的原理: https://blog.csdn.net/qq_25643011/article/details/79946247 在一個局域網中,正常的上網流程是這樣的,在手機上訪問網絡的數據會發送到局域網網關,然後通過網關發送到互聯網