原创 avue常用場景記錄 《ASP.NET MVC企業級實戰》

  接手的一個項目使用的是avue這個傻瓜式的專門給後端人員用的框架,文檔不夠友好,使用起來各種蛋疼(咱專業前端基本上不使用)。爲此,專門記錄一下。當前avue版本2.8.12,如果要切換avue的版本,可以去https://cdn.jsd

原创 使用vue-contextmenujs鼠標右鍵菜單時,當高度不夠時顯示不全的問題 《ASP.NET MVC企業級實戰》

  之前是採用npm或者yarn直接裝包vue-contextmenujs的形式: npm install vue-contextmenujs -S || yarn add vue-contextmenujs   當右鍵點擊記錄時,完整

原创 vue項目中一些常用的插件 《ASP.NET MVC企業級實戰》

@riophae/vue-treeselect:帶選擇的樹組件 https://vue-treeselect.js.org/ ele-calendar:日曆組件 https://www.npmjs.com/package/ele-calen

原创 微前端開發(Vue) 《ASP.NET MVC企業級實戰》

一、微前端概述 1.  什麼是微前端?   爲了解決龐大的一整塊後端服務帶來的變更與擴展方面的限制,出現了微服務架構。然而,越來越重的前端工程也面臨同樣的問題,自然地想到了將微服務思想應用(照搬)到前端,於是有了“微前端(micro-fro

原创 《Node+MongoDB+React 項目實戰開發》已出版 《ASP.NET MVC企業級實戰》

前言   從深圳回長沙已經快4個月了,除了把車開熟練了外,並沒有啥成長和進步,(我總感覺像我這樣的左撇子開車有着天生的優勢,因爲單手操作方向盤更穩和靈活,而左撇子左手和右腳更靈活,左腳更有力氣可以踩住離合,自動擋車靈活的右腳控制油門和剎車

原创 再見,深圳~長沙,我又來啦

  輕輕地,我走了,正如我輕輕地來,我揮一揮衣袖,不帶走一行代碼....剛好八年整,沒有多一天也沒有少一天....   猶記得2013年4.1日的時候,帶着女友坐着綠皮硬臥從長沙來到了深圳,大學室友熊平去接的我們,當天的場景至今仍歷歷在目.

原创 vue中手寫table的升降序

  有些時候,我們總是無可避免的需要自己去手擼一些東西,因爲需求總是在不斷的變化。例如,最開始的需求,我們只是在首頁展示一個數據列表,此時,我們可能直接就自己手寫了一個table,後來,突然增加了一個需求,例如:需要在一些指定的列上面增加排

原创 蹉跎了歲月,竟又是一年

  今日依舊和往常一樣習慣性的上班、按部就班地工作,我似乎已經完全習慣了今年朝八晚五的節奏,突然一封題爲《關於2020年度工作總結的通知》郵件讓我一驚!2020年竟然快要過完了!我趕緊翻了翻日曆,這個月還有19天班上(公司年度旅遊要去掉1天

原创 通過一個很常用的場景來展示vue數據驅動的應用

  需求:可以動態增減組合條件來進行數據查詢。   界面運行效果如下圖所示:   界面第一次加載時,默認會顯示一個空的查詢條件,如下圖所示:      點擊“加”圖標,可以無限增加查詢條件,也可以點擊“減”圖標刪除新增的查詢條件,如下圖

原创 el-table在ajax分頁時支持單頁全選和所有頁全選

  需求:el-table中,ajax分頁的情況下,要支持單頁全選和所有頁全選功能。   運行效果如下圖所示:          說明:由於本篇主要講解全選,所以只會羅列出和其相關的核心代碼,並不會將所有的代碼一併貼出。   界面代碼:

原创 記錄vue和js操作——儘管很快實現了功能,可總感覺到不爽,特別想打人

  需求產生的原因是:後端有一些數據是從舊平臺直接遷移過來的,新平臺需要根據遷移過來的數據,自動生產新的數據格式。   操作符有如下幾種,分項、支路和數字配合操作符可以自定義組合,例如 [000000000001]+<00001>,帶[

原创 vue cli4構建基於typescript的vue組件併發布到npm

基於vue cli創建一個vue項目   首先安裝最新的vue cli腳手架,   npm install --global @vue/cli npm WARN optional SKIPPING OPTIONAL DEPENDENCY:

原创 vue cli構建 typescript項目

首先安裝最新的vue cli腳手架, npm install --global @vue/cli npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_

原创 vue cli4.0項目引入typescript

  現有的項目是採用vue cli4.0腳手架生成的,現在想要引入typescript。   1.執行安裝命令 npm install --save-dev typescript npm install --save-dev @vue/c

原创 echarts 各種特效圖

餅圖標籤展示數值 配置項: option = { title: { text: '項目時間分佈', left: 'center' }, tooltip: { tri