原创 vue項目實現多語言功能
最近項目需要做一個國際版，多種語言切換功能。 有同事提出可以分別分開做幾個項目，然後分別打包。 但是我認爲這種方式弊大於利。 首先，弊端是難以同步管理。項目的功能80%以上都是相同的，分開幾個項目，意味着有新的需求時，在每個項目裏
2020-06-23 18:52:03
原创 vue項目利用vuedraggable實現拖拽排序
1.安裝拖拽排序工具vuedraggable yarn 或 npm 安裝 yarn add vuedraggable npm i -S vuedraggable 2.引入vuedraggable組件 script部分 im
2020-06-23 18:51:58
2
原创 nuxt.js添加環境變量，區分項目打包環境
最近由於業務需求，開發了一個nuxt.js項目。 配置打包環境變量時，發現nuxt.js的文檔過於簡單，無法做參照。 經查證了一些資料後，解決了該問題。遂整理成文檔，發佈於此，給同行一些參照。 一、添加cross-env插件 np
2020-04-10 21:58:30
1
原创 前端優化（三）：使用dll打包抽取第三方js（DllPlugin DllReferencePlugin插件）
三、抽取第三方js，使用dll打包 第一章內容：前端優化（一）：開啓nginx gzip壓縮 第二章內容：前端優化（二）：使用路由懶加載 本文繼續前兩章內容，繼續講解第三個前端優化方案：抽取第三方js。 隨着項目增長，引入的第三
2020-02-24 20:24:24
14
原创 react項目如何兼容IE
最近開發了一個react項目，領導在IE下打包，一片空白，打開許久都是如此。 便嘗試在項目中加入兼容IE的配置。 安裝core.js yarn add core-js 安裝完成後，在index.js頁面上方引入 import '
2020-02-24 20:24:24
原创 使用CSS寫三角形
html元素在寬高爲0的情況下，border四面邊呈三角形。 我們只需要在取其一面邊框，即可寫出三角形。 display: inline-block; width:0px; height:0px; border-width: 2
2020-02-24 20:24:24
原创 判斷IE瀏覽器，爲IE9或以下做提示
好不容易兼容了IE瀏覽器之後，發現IE9下亂成一團，IE8下一片空白。 因爲IE9對ES5和CSS3部分支持，所以有些功能可以正常使用，有些功能缺失或展示錯位。 爲了不讓用戶在IE9及以下版本打開網站時一臉懵逼，我們決定給用戶一個
2020-02-24 20:24:24