原创 web前端pdf導出
做一個項目需要實現瀏覽器端pdf的導出功能，在此記錄一下整個實現過程以及遇到的一些坑：） 當然，解決這個問題有以下幾個步驟： 確定要導出的dom元素 將dom元素轉化成canvas( 使用html2canvas庫) 將canva
2020-07-06 02:29:22
1
原创 字符代碼工具函數
在項目開發中經常需要進行數據字典的轉化，例如下拉框，或者table中後端返回的代碼需要前端轉爲文字。我們可以定義數據字典的格式如下： // code.js 文件 export default { 'taskStatus': {
2020-07-06 02:29:22
4
原创 《node.js設計模式》學習筆記——同步異步調用問題
避免Zalgo Zalgo: 一種 JavaScript 開發人員虛構的瘋狂惡魔，取名 Zalgo，用來描述 JavaScript 中同步 / 異步的混亂。Zalgo是一個互聯網傳說，會導致世界錯亂，死亡和毀滅的一個不詳實體。 有
2020-06-23 13:40:03
1
原创 通過react-app-rewired 重寫配置，訪問非根目錄
在項目根目錄下創建config-overrides.js文件 const { override, fixBabelImports } = require('customize-cra'); const path = require
2020-05-23 09:40:47
原创 前端常用工具庫函數
// 獲取url前綴 const getUrlPrefix = () => { const { NODE_ENV } = process.env if (NODE_ENV === 'development') {
2020-05-23 09:40:47
原创 H5頁面對接React Native App
H5頁面開發筆記 本次開發一個H5頁面，H5頁面用的框架是ant design mobile，對接的是react native 開發的App 程序，其中遇到了一點坑，在此記錄一下。 移動端調試神器vconsole // 安裝vco
2020-05-23 09:40:47
原创 vue-cli 調試配置
vue-cli-service 調試配置vue-cli 調試配置項目準備配置launch.jsonvue-cli-service 調試配置準備項目配置launch.json配置package.json 在這裏，我們使用開發工具vs
2020-03-11 13:02:44
原创 Vue源碼學習筆記——組件掛載及創建
準備工作 備註：案例中使用的vue版本全部爲2.6.10 git clone https://github.com/vuejs/vue.git npm install 進入package.json，在script中增加"dev:
2019-09-06 06:47:17
原创 【轉載】《JAVA與模式》之原型模式
在閻宏博士的《JAVA與模式》一書中開頭是這樣描述原型（Prototype）模式的： 原型模式屬於對象的創建模式。通過給出一個原型對象來指明所有創建的對象的類型，然後用複製這個原型對象的辦法創建出更多同類型的對象。這就是選型模式的用意
2018-08-23 04:56:16
3
原创 【轉載】《JAVA與模式》之建造模式
在閻宏博士的《JAVA與模式》一書中開頭是這樣描述建造（Builder）模式的： 建造模式是對象的創建模式。建造模式可以將一個產品的內部表象（internal representation）與產品的生產過程分割開來，從而可以使一個建造
2018-08-23 04:55:34
2
原创 【轉載】《JAVA與模式》之抽象工廠模式
場景問題 舉個生活中常見的例子——組裝電腦，我們在組裝電腦的時候，通常需要選擇一系列的配件，比如CPU、硬盤、內存、主板、電源、機箱等。爲討論使用簡單點，只考慮選擇CPU和主板的問題。 事實上，在選擇CPU的時候，面臨一系列的問題
2018-08-23 04:46:09
2
原创 【轉載】《JAVA與模式》之單例模式
在閻宏博士的《JAVA與模式》一書中開頭是這樣描述單例模式的： 作爲對象的創建模式，單例模式確保某一個類只有一個實例，而且自行實例化並向整個系統提供這個實例。這個類稱爲單例類。 單例模式的結構 單例模式的特點： 單例類只能有一
2018-08-23 04:46:09
3
原创 vue unit及e2e問題記錄
爲了快速上手vue項目，一般我們會使用腳手架vue-cli幫助我們創建項目模板。 vue init webpack my-project // 創建 my-project項目 npm install // 下載依賴包 npm
2018-08-23 04:46:09
12
原创 webpack js壓縮插件
Webpack主要是用來處理模塊化開發，所以對於文件壓縮等等一些操作，需要通過插件來完成。 Webpack內置了一些插件，例如js壓縮插件，我們使用的時候，直接配置plugins屬性即可使用。 webpack中內置的js壓縮插件，存放在w
2018-08-23 04:46:09
1