原创 移動端實現拼團
記錄拼團組件的開發歷程， 需求分析： 拼團時間段內，展示可拼團的人數，距離本期拼團結束的倒計時。 非拼團時間，展示不可拼團頁面，並且提示下一個拼團開始時間。 拼團成功，拿到推送的數據，展示抽獎中頁面3s，抽獎結果5s；再次判斷是否在拼團時
2020-06-24 12:21:27
原创 問卷調查：自定義表單設計vue
由於公司業務需求，做自定義滿意度問卷調查，在線上找插件不盡如人意（插入文件多，ui不好改）；自家業務比較簡單；種種原因，於是花一點時間開發簡單的表單設計頁面。 於此記錄開發過程 首先看看預覽效果，傳送地址： http://fanfan18
2020-06-16 08:10:20
17
原创 【問題日記】KindEditor編輯器 與 vue腳手架
1. 運行安裝命令 ： npm install kindeditor 2. 在main.js 中一定要import css 否則看不到工具欄： import Vue from 'vue' import App from './A
2020-06-16 08:10:20
5
原创 vue-i18n 國際化 異步加載語言包
使用vue-i18n做多語言網站 安裝 npm install vue-i18n --save 示例爲中英雙語，新建目錄問lang 目錄下新建文件en.js cn.js 目錄結構 i18n index.js lang
2020-06-16 08:10:20
30
原创 前端項目版本號位置, vue打包添加版本號
場景 前端開發需要確認已發佈，測試是否成功發佈本次項目代碼。 解決方案 在HTML中寫一段特殊標記即可（即版本號），那麼這個版本號應該放在哪裏呢？ 在sessionStorage，或者localStorage中添加一項記錄，這確實可以達到
2020-05-23 04:41:16
59
原创 【開發記錄】H5移動端適配rem
關於移動端的頁面，使用rem解決適配問題，按比例與設計稿保持一致。 前言 設計稿爲750px，開發標準爲iphone6/7/8/X，實際開發寬度爲375px；開發中除跟節點外所有size皆使用rem單位。 編輯器： 【VScode】前
2020-02-20 17:03:24
原创 echarts.js 動態生成多個圖表 使用vue封裝組件
組件只做了簡單的傳值處理，記錄開發思路及echarts簡單使用。 這裏默認所有圖表樣式一致，都爲柱狀圖，如需其他類型，可查閱echarts官網文檔，再動態傳值即可。 vue 使用組件 ------在外層用v-for 循環，傳不同值進ch
2019-07-09 13:55:29
11
原创 數組中自定義的key 如何取值
如圖取值： Object.keys(this.options).forEach(k => { console.log(k) //取到了key console.log(that.options[k]) // 取到
2019-07-06 13:54:52
原创 自定義表單設計vue【問卷調查】
由於公司業務需求，做自定義滿意度問卷調查，在線上找插件不盡如人意（插入文件多，ui不好改）；自家業務比較簡單；種種原因，於是花一點時間開發簡單的表單設計頁面。 於此記錄開發過程 首先看看預覽效果，傳送地址： http://fanfan18
2019-06-27 14:01:52
87
原创 vue 打包相對路徑
vue 開發完成後，需要build打包成靜態文件，出現路徑問題的解決辦法 1.修改生產環境引用相對路徑，打開build/webpack.prod.conf.js output:增加publicPath:'./' 或者在config文件夾
2019-06-19 13:57:39
原创 【問題日記】KindEditor編輯器
1.初始化配置---插入圖片 uploadJson:上傳路徑 fileManagerJson:預覽路徑（圖片空間） //配置好可以瀏覽上傳圖片記錄，圖片顯示不了需要後臺修改爲絕對路徑；圖片空間很好用，可複用選擇圖片； //編輯器
2019-06-15 14:02:44
1
原创 小程序按需引入 構建npm 安裝第三方包
構建npm： 用終端打開小程序的文件夾，npm init 初始化倉庫，可以看到package.json文件； 以vant weapp 爲例。執行npm i vant-weapp -S --production 安裝第三方包； 在開發者工具
2019-04-04 13:56:19
原创 數據請求 Fetch
先看一下 Fetch 原生支持率： Fetch 常見坑 Fetch 請求默認是不帶 cookie 的，需要設置 fetch(url, {credentials: 'include'}) 服務器返回 400，500 錯誤碼時並不會
2019-03-27 13:53:33
原创 【數組常用操作】es6去重
es6去重 set結構數組去重： const arr = ['a','bb','22','a','haha','haha','22']; let unique = new Set(arr); console.log(Array.fr
2019-03-27 13:53:33
原创 【小程序問題日記】避免多次觸發事件
場景：小程序點擊鏈接沒有反應，小程序的頁面跳轉並不是很快，快速連續點擊“鏈接”N下會跳出N個頁面。 解決辦法：使用限制按鈕或控件的點擊間隔的方式處理。將這個方法放到公共的代碼裏面比如util，然後在使用時直接調用。 util.js寫狀態管
2018-12-11 00:38:12