原创 正則表達式入門（js版）

什麼是正則表達式 正則表達式 Regular Expression (構造函數 RegExp) 用於字符串匹配規則 要麼匹配字符，要麼匹配位置 如何新建正則表達式 字面量 /[ab]/gim const reg = /[\w\*\

2021-12-10 13:21:33 1

原创 js 計算精度問題

一 js 計算精讀出現的問題枚舉 二 js 浮點計算 精度出現精讀問題的原因 二 js 浮點運算解決方案 （保留多少位數小數，末尾實現四捨五入） 方法一： 自定義函數 function toFixed(n, d) { i

2021-03-23 13:21:30

原创 前端利用formData格式進行數據上傳，前端formData 傳值 和 json傳值的區別？

contentType 常見的格式 text/plain ：純文本格式 application/json： JSON數據格式 application/x-www-form-urlencoded 中默認的encType，form

2020-12-25 13:21:30

原创 利用 post請求 下載文件

一 傳統的下載文件方式 - 通過get請求，模擬a標籤，利用瀏覽器下載特性 const downFile = （ ）=> { const link = document.createElement('a'); link.t

2020-12-25 13:21:30

原创 React 實戰詳解 - 從react小白到大白

使用create-react-app 腳手架 一 通過create-react-app腳手架 搭建項目 首先全局安裝 create-react-app 腳手架： yarn add -g create-react-app 通過create-

2020-12-25 13:21:30 1

原创 Git 倉庫中保存 word文檔

git 默認只會git diff 文本文件，不能對doc、docx 文件格式進行diff，所以需要用到特殊的工具將doc、docx格式的word文件轉換爲文本格式。 這兒用到的工具是pandoc 一 安裝 pandoc pandoc下載地址

2020-12-13 13:02:14 4

原创 js 手寫 map 函數

一 map 函數（copyMap） map函數接收兩個參數 1 迭代器函數 ，該函數有三個參數 數組項的值 數組項下標 數組對象本身 2 迭代器函數的this指向 （注：當傳了該值，迭代器函數不能爲箭頭函數了。原因是箭頭函數沒有this

2020-12-05 13:02:04

原创 react 中 Link 標籤 重新打開一個新的瀏覽器窗口

a標籤的target屬性 _self ：默認。在相同的框架中打開被鏈接文檔。 _blank: 新開一個窗口打開文檔 _parent : 在父框架集中打開被鏈接文檔。 _top:在整個窗口中打開被鏈接文檔。 a標籤 react-router-

2020-12-01 13:02:05

原创 前端 實現 opensearch功能 （umi項目中如何實現）

一 什麼是 opensearch ？ 第一步： 用百度舉例：先輸入百度的域名 第二步： 按Tab鍵 第三步： 輸入值就能進行搜索了 二 一般項目使用opensearch 很簡單 1.第一步，新建一個xml文件 <OpenSearchDe

2020-12-01 13:02:05

原创 umi 框架 如何配置 自定義 插件 和 loader

一 準備工作 umi 爲 react 的一個封裝比較nice的腳手架。優點當然就是 安裝方便，開箱即用，集成了諸多好用功能，詳見 官網。 當然 缺點就是 無法暴露原始的webpack.config.json 文件，只能按照官方文檔上特定的方

2020-11-21 13:02:05

原创 webpack 自定義 loader ？

loader的本質 - 函數 module.exports = function (content, source , meta){ this.callback(null,content,source,meta);// 同步lo

2020-11-20 13:02:01

原创 webpack 是什麼 ？

什麼是webpack ？ webpack 是一種前端構建工具，前端靜態資源打包工具。 webpack 是以入口文件開始遞歸便利所有依賴，生成一個靜態依賴圖 - chunk文件。 再通過不同的loader對 文件進行編譯處理，最終生成一個bu

2020-11-20 13:02:01

原创 webpack 基礎篇 ？

一 webpack 配置五大重要概念？ 1.entry：入口文件 2.output:出口文件 3.loader：翻譯官 4.plugin：插件 5.mode："development','production' 二 webpack 常用的l

2020-11-20 13:02:01

原创 webpack 自定義 plugin ？

plugin 的本質 類 （構造函數） 1 重要概念 tapable 類 const { SyncHook, // 同步 執行 SyncBailHook, // 同步執行，但是一旦有返回值，就執行退出，不再繼續執行其他 AsyncPara

2020-11-20 13:02:01

原创 react-create-app 中 webapck配置 解析

一 調出隱藏的webpack配置文件 npm run eject 發射出配置文件之後會出現兩個文件夾，一個是config文件夾，一個是scripts文件夾。 二 script 文件夾下 start.js 首先關注script文件夾的st

2020-11-18 13:02:04 1