原创 身份證號正則驗證及提取性別出生年月出生時間
正則驗證： reg = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/; 通過身份證號獲取性別： getSe
2020-06-17 08:03:23
1
原创 base64格式圖片轉爲二進制圖片文件及new File兼容性解決
base64格式時圖片打印出來爲 data:image/bmp;base64,LASDJFLKAJDFLKASDJFL...很長一大截 轉化函數 function dataURLtoFile(dataurl, filename = '
2020-06-17 08:03:23
原创 使用echarts中國地圖上繪製散點圖（自適應寬高）
先上最終效果圖（顯示公司在中國各個城市藥店分佈圖） 我這邊使用的技術棧是react，不熟悉的可走：https://zh-hans.reactjs.org/ 首先使用npm安裝echarts cnpm install echarts -
2020-06-17 08:03:23
原创 解決前端每次發版白屏問題的新思路（修改webpack保存上一次發版文件）
在使用vue-cli腳手架構建完項目，項目完成後，需打包上線。默認打包方式則是 npm build，然後項目根目錄會生成 dist 文件夾。服務端將該文件夾替換線上即可。但是當第n（n>1）次上線後，由於在用戶端會默認緩存in
2020-06-17 07:15:58
1
原创 ie內核下createObjectURL創建url鏈接失效的
在正常的瀏覽器下（chrome，firefox等），createObjectURL可以講一個bolb文件轉化爲一個正常的資源鏈接 例如：blob:http://localhost:8081/17ac2a20-56e4-4d46-a43d-
2020-06-17 07:15:58
2
原创 通用jsbridge封裝
/** * 用法： * import jsBridge from 'fileName.js' * * 1、給 APP 端發送數據 * jsBridge.callHandler(eventName, data, callbac
2020-06-17 07:15:58
原创 使用js動態修改元素的僞元素before或after
初始樣式代碼 <div class="formBox" ref='indentDom' id='indentDom' > </div> .formBox { &:before { content: '*';
2020-06-17 07:15:58
原创 react腳手架中引入less
首先引入less less-loader cnpm install less less-loader -D 接着使用npm run eject 暴露webpack的配置文件，在config裏面找到webpack.base.js文件。
2020-05-30 13:43:45
原创 【js進階】深淺拷貝，隨機排序，遍歷循環
1. Object.assign() 官方描述：如果目標對象中的屬性具有相同的鍵，則屬性將被源中的屬性覆蓋。後來的源的屬性將類似地覆蓋早先的屬性。 簡單來說，就是該方法有兩個或或以上個參數，且參數都爲json對象格式，後面的參數裏面的屬
2020-05-30 13:43:45
原创 前端向全棧前行的第一步
寫在前頭，寫了一段時間的前端，各種前端工具技術都是用過了，已經能自己完成前端的頁面任務，不過在搭建自己的網站博客或者想做一個什麼樣的產品時總歸會感覺自己知識的侷限性，無法自己完成一個骨肉豐滿的可交互的網站的無力使我決定向全棧工程師前行。要
2020-05-30 13:43:45
原创 js時間轉化函數，時間戳轉年月日時分秒隨意搭配格式
/** * 修改時間戳 * fmt 例如：yyyy-MM-dd hh:mm:ss || yyyy-MM-dd || yyyy.MM 等等，可隨意搭配年月日時分秒 */ function getDate(val, fmt
2020-05-30 13:43:45
原创 最常用的js設計模式總結
策略模式 要解決if扎堆最好的辦法是什麼？答：策略模式 核心 將算法的使用和算法的實現分離開來。 一個基於策略模式的程序至少由兩部分組成： 第一個部分是一組策略類（可理解爲構建一個json對象），策略類封裝了具體的算法，並負責具體
2020-04-28 15:53:07
原创 給定數組裏選出隨機位數的和爲固定值sum(從n個數字中選取多個相加，結果爲m )
直接代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic
2019-09-26 22:14:41
原创 js下載處理文件格式（base64,二進制）
file.blob().then(blob => { let a = document.createElement('a'); let url = window.URL.createObjectU
2019-09-04 22:31:31
原创 解決ios圖片拍照旋轉90度問題，使用ImageCompressor圖片壓縮
在進行圖片拍照上傳功能時，由於現在手機像素越來越好，常常一張照片拍下來好幾M，在上傳時即拉長了上傳時間，用戶體驗糟糕，又增加了服務器壓力。除此之外，iphone手機豎直方向拍照還會存在圖片自動旋轉90度的問題。以爲ic插件是比較好的解決辦
2019-08-05 21:49:18