實(shí)際開發(fā)過程中饰豺，前端一般需要依賴數(shù)據(jù)模型來組織頁面與組件中的交互流程 薛躬，而數(shù)模型又依賴著后端提供的 API 接口课蔬。在后端還沒能提供接口進(jìn)行聯(lián)調(diào)時柠掂，我們可以使用Mock工具來模...
發(fā)簡信
IP屬地：上海
-
前端使用mock工具模擬接口聯(lián)調(diào) -
Vue項(xiàng)目不通過左側(cè)菜單新建tab頁簽洁墙，且頁簽名稱可動態(tài)更改
項(xiàng)目需求：點(diǎn)擊查詢列表操作欄按鈕時癌别，新建tab頁簽（可移除）歼争，tab頁簽的名稱須根據(jù)操作欄按鈕名稱對應(yīng)顯示。如：點(diǎn)擊“查看”時考抄，新建頁簽名稱為“查看”细疚，點(diǎn)擊“審核”時，新建頁...
-
Vue項(xiàng)目el-tree樹形組件顯示部門和部門下的人員項(xiàng)目需求：樹形加載各部門及所屬員工座泳，勾選員工惠昔，安排培訓(xùn)幕与；部門下無員工的，不可勾選镇防。 效果圖： 后臺返回數(shù)據(jù)源啦鸣，舉例： 實(shí)現(xiàn)邏輯： 1.從數(shù)據(jù)源上看，部門是deptId和d...
-
聊天內(nèi)容識別超鏈接和文本
最近做聊天室項(xiàng)目来氧，要求對話或自己發(fā)的一句話中識別文本和超鏈接诫给，鏈接可點(diǎn)擊跳轉(zhuǎn)。 思路： ①正則表達(dá)式匹配http或者h(yuǎn)ttps; ②若匹配成功則利用replace方法...
-
Vue實(shí)戰(zhàn)之生成隨機(jī)驗(yàn)證碼近期正在學(xué)習(xí)Vue啦扬，做項(xiàng)目時遇到此功能中狂，故做此記錄，供大家參考交流扑毡。 效果展示 安裝插件 下載identify插件胃榕，輸入如下命令： 創(chuàng)建組件 在components目錄新建一...
-
Vue項(xiàng)目實(shí)現(xiàn)文字/元素復(fù)制、剪切功能
項(xiàng)目需求：為增強(qiáng)用戶體驗(yàn)感瞄摊，點(diǎn)擊“復(fù)制”按鈕時勋又，可實(shí)現(xiàn)復(fù)制指定的文字或者元素到粘貼板上； 在input换帜、textarea標(biāo)簽時可實(shí)現(xiàn)剪切功能楔壤。 使用插件：c...
-
這就是所有代碼啦
audio標(biāo)簽自定義樣式修改
目前前端頁面不僅僅要求功能實(shí)現(xiàn)，還要講究更多的美感惯驼。例如html5原生的audio標(biāo)簽蹲嚣，加上controls屬性，基本可以滿足所需功能祟牲。但是無奈目前的樣式太丑了隙畜，身為開發(fā)人員...
-
哈哈，coding需要男神的鼓勵??
audio標(biāo)簽自定義樣式修改
目前前端頁面不僅僅要求功能實(shí)現(xiàn)疲眷，還要講究更多的美感禾蚕。例如html5原生的audio標(biāo)簽您朽，加上controls屬性狂丝，基本可以滿足所需功能。但是無奈目前的樣式太丑了哗总，身為開發(fā)人員...
-
Layui日期范圍選擇框+Echarts圖表-獲取選擇所有日期這幾天做項(xiàng)目遇到個需求：默認(rèn)情況下echarts柱狀圖x軸數(shù)據(jù)為今天(不含)至前7天的所有日期(年月日几颜，/格式顯示)；在選擇查詢條件日期后x軸數(shù)據(jù)改為日期范圍選擇框所選的所有...
-
audio標(biāo)簽自定義樣式修改目前前端頁面不僅僅要求功能實(shí)現(xiàn)讯屈，還要講究更多的美感蛋哭。例如html5原生的audio標(biāo)簽，加上controls屬性涮母，基本可以滿足所需功能谆趾。但是無奈目前的樣式太丑了躁愿，身為開發(fā)人員...
-
Vue項(xiàng)目npm install時報錯Error今天使用vue init webpack demo創(chuàng)建一個新項(xiàng)目后使用npm install時報錯“npm ERR! Unexpected end of JSON input...
-
使用vue自制二維碼之前收藏了一篇制作二維碼的文章，今天得空自己實(shí)現(xiàn)下跷叉。實(shí)現(xiàn)步驟如下： 一逸雹、在已有的vue環(huán)境下安裝vue-qr： npm install vue-qr --save ...
-
Vue項(xiàng)目中安裝及使用lodash
官網(wǎng)介紹：Lodash是一個一致性、模塊化云挟、高性能的 JavaScript 實(shí)用工具庫梆砸。 通俗來說，Lodash 通過降低 array园欣、number帖世、objects、stri...
-
layui導(dǎo)航欄下拉菜單無法正常顯示
習(xí)慣了Boostrap的樣式使用風(fēng)格沸枯，第一次在vue項(xiàng)目中使用layui時狮暑，多少有些不適應(yīng)。這一點(diǎn)在導(dǎo)航欄二級菜單時尤其明顯o(╥﹏╥)o辉饱。 實(shí)際上搬男，我寫出來的只有一排文字，...
-
使用React制作簡易財務(wù)報表1.創(chuàng)建項(xiàng)目 2.cd到該文件夾 3.運(yùn)行（開發(fā)模式） 如果再起一個服務(wù)器褐奴，可能會出現(xiàn)端口號不會自動排的現(xiàn)象，針對這種情況于毙，可以在package.json中自行設(shè)置端口號敦冬，如...
-
ES6封裝數(shù)據(jù)庫操作模塊使用ES6的方式來封裝一個數(shù)據(jù)庫操作模塊，目的是更快唯沮、更小脖旱、更方便 本文重點(diǎn)考察在優(yōu)化數(shù)據(jù)庫查詢效率，一方便是優(yōu)化連接數(shù)據(jù)庫的時間介蛉，另一方便是優(yōu)化實(shí)例化對象所花費(fèi)的時間萌庆。 1...
-
MongoDB的安裝與使用（詳細(xì)）抽時間自己整理了一下之前用word寫的筆記，擔(dān)心哪天會丟失币旧，所以還是上傳一下保險践险，嘻嘻。本文詳細(xì)講解MongoDB從安裝到使用的每一步，錯誤的地方懇請各位大佬指正>_< 1....
