原创 解決vue項目雙擊路由導航報錯 "Navigating to current location (XXX) is not allowed"

雙擊或者連續點擊路由導航的時候,發現報錯: "Navigating to current location (XXX) is not allowed" 原因是:在路由裏面添加了相同的路由 解決方案是: 我們可以重寫路由的push

原创 table 合併單元格內容

最近使用element ui做的一個表格,現在又加了一個新需求,就是要求可以合併單元格. 從後臺拿到的數據格式如下: data= [ { "number": 4, "dataTypeName": "

原创 FreeMarker生成H5模板數字帶有逗號

項目描述:這是有服務端生成的一個H5模板,支持跳轉. 後端返回的數據格式如下: [ { matchId:‘10001’, roomId:20001, name:‘哈哈哈’, } ] 然後FreeMarker的H5模板裏面,代碼如下

原创 node 自定義靜態文件存儲器

創建一個文件夾myweb,我們的程序能夠自動爲裏面的文件,圖片,css,js加上路由.實現一個小小的阿帕奇. 基本思想就是一句話: 用戶輸入什麼url,我就真的用fs去讀那個文件 代碼如下: var http=require("

原创 vue3 生產環境去掉console.log

在開發項目時,爲了便於調試,我們一般會輸出很多console.log,但是在生產環境中我們是要去掉這些的. 但是如果手動刪除,就有點麻煩了,而且如果以後再開發調試的時候,還得重寫再寫console.log 不過好在webpack提

原创 App內嵌H5活動頁面攜帶用戶token

此文章僅記錄自己在app端做的一個活動所遇到的各種問題, 幫助大家避免入坑. 背景:後端使用framemark動態生成html模板.我寫好的以ftl爲後綴名結尾的framemark文件給後臺,後臺打成jar包,並集合後端自己的代

原创 express 熱更新

node裏面的express框架,每次修改代碼之後,都需要重新npm start才能看到改動之後的效果,感覺非常麻煩 爲了實現不用重新啓動也能看到改動後的效果,這裏引入nodemon模塊實現熱更新. 1.全局安裝 npm in

原创 移動端登錄後,攜帶token請求其他頁面接口提示token驗證失敗

最近做移動端的h5,登錄之後攜帶token跳到列表頁面,請求列表接口,但是後端卻一直報錯,提示token校驗失敗. 最後發現後端接到的sessionId和token不一致導致的,查看資料經過無數奮戰才知道,原來是跨域要想帶上coo

原创 babel-plugin-import 插件的使用

babel-plugin-import是一款babel插件,在編譯過程中將import的寫法自動轉換成按需引入的方式. 今天在使用react 的組件庫ant-ui時候,想要引入babel-plugin-import插件實現按需加載

原创 對象類型數組 自定義排序

我們可以對任何對象類型的數組排序,比如,對象Person有名字和年齡屬性,我們希望根據年齡排序,那麼我們可以這麼寫: const friends=[ {name:'john',age:30}, {name:"lily",age

原创 Echarts 圖表大小自適應瀏覽器窗口縮放

最近使用element-ui做的後臺管理要求嵌入圖表功能,其實element-ui嵌入圖表很簡單,但是問題來了. 開發場景是:頁面上有多個圖表,當我調整瀏覽器窗口大小的時候,發現圖表並不會根據瀏覽器窗口大小而進行調整,這完全不符合

原创 element table 分頁選中記憶功能

想要實現table checkbox 分頁選中記憶功能,網上看了很多,總是有一些小問題. 自己寫了一個demo,供大家參考. 思路是:把選中的數據用二維數組記錄下來,二位數組的key是頁碼,value是當前頁碼選中數據的id集合.

原创 element-ui upload 多文件單接口上傳

最近在使用element-ui upload 上傳多個文件的時候發現element-ui的批量上傳是每個文件都請求一次接口,但是我們項目的需求是多個文件只請求一次接口.細思良久,經過一番奮戰,終於實現了這個需求. 下面直接上代碼

原创 vue 的修飾符之 .lazy .number .trim

今天看別人的代碼時候,偶然發現別人寫的代碼裏input標籤的寫法是v-model.lazy,初見政協發頓時有點蒙圈,本着不會就百度的原則查了一下,原來這是vue的修飾符. 下面簡單記錄一下,方便大家以後使用. 在輸入框中,v-m

原创 express 注意事項

這是使用express的時候遇到的需要注意的地方,現在都寫在代碼裏 var express=require("express"); var app=express(); app.get("/",function (req,res)