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