原创 通過一個很常用的場景來展示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

原创 webpack介紹—上 《Vue.js 2.x實踐指南》 已出版

6.1 webpack概念的引入   在網頁中會引用哪些常見的靜態資源? JS   .js、 .jsx 、.coffee、 .ts(TypeScript 類 C# 語言)  CSS   .css、 .less、 .sass 、.sc

原创 通過一個vue+elementUI的小實例來講解一下它們是如何使用的

  需求:點擊一個按鈕,彈出一個模態框,這個模態框有兩個tab,tab中是各種報警條件,這些報警條件是從數據庫中動態取出的,數據庫中數據變更後,這個界面也要變更,我們可以查看和編輯這些報警條件。底部“確定”按鈕點擊的時候,會同時將這兩個ta

原创 從.Net到Java學習第十篇——Spring Boot文件上傳和下載

從.Net到Java學習系列目錄 圖片上傳 Spring Boot中的文件上傳就是Spring MVC中的文件上傳,將其集成進來了。 在模板目錄創建一個新的頁面 profile/uploadPage.html <!DOCTYPE htm

原创 我想要革命想要解脫——bootstrap常見問題及解決方式

  最近一個月,恍若隔世,天天加班,昨晚終於發版了,今天才喘一口氣。有時候,即便你工作效率再怎麼高,擼碼再怎麼快也無可避免的會加班。不信的話,可以先給你定一個交付時間,然後不斷的給你加需求,就讓你一個人做,偶爾再給你來幾下變更,看你怎麼死?

原创 這個月幹啥去了?——H5+移動應用實戰開發

   又到了公司一年當中最忙的時刻了,爲了趕項目,現在居然開啓了996模式,這是我從事.net開發以來從來沒遇到過的。   一轉眼,一個月又過了,回頭一看,這個月一篇文章都沒有發,上個月忙着一個人做項目,項目忙完了還不忘發篇文章吐槽一下。從

原创 Vue2開發大全 vue2 設置網頁title的問題 vue從入門到進階:自定義指令directive

參考資料: vuex element qs.js axios.js vue promise 關於ES6的Promise的使用深入理解  vue2 設置網頁title的問題 Mint UI  webstorm2017激活  

原创 不要爲自己學歷低找藉口

  常言道:“學歷代表過去,能力代表現在,學習力代表將來”。當我們還年輕時,要看長遠一點,爲將來做打算。   驕傲使人退步,謙虛使人進步!持續學習,纔會使人不斷進步。   曾經,有一個小夥斷言:5年之內阿里巴巴將打敗慧聰網。說完後觀衆及當時

原创 vue.config.js配置優化

vue.config.js完整代碼如下: 'use strict'; // Template version: 1.3.1 // see http://vuejs-templates.github.io/webpack for docum