原创 按照圖片數組順序隊列加載圖片（加載完一張再加載下一張）
有一個數組： const imgs = [‘url1’,‘url2’,‘url3’,…]; 請實現效果： 請按照圖片數組順序隊列加載圖片（注：加載完一張再加載下一張） const images = ['url1','url2','
2020-07-06 07:16:45
原创 基於 Docker 的 SSR 持續開發集成環境實踐
在選擇使用SSR之前，需要考慮以下事項！ SSR需要可以運行Node.js的服務器，學習成本相對較高。 對於服務器而言，比僅提供靜態文件，必須處理更高負載，考慮頁面緩存等問題。 一套代碼兩個執行環境。beforeCreate 和
2020-07-06 07:16:45
1
原创 npm link使用
應用場景： 兩個項目文件，一個是需要被調試的項目，一個是封裝的組件項目。這裏要做的是把組件項目設爲全局，然後在調試項目裏link再進行調試。 做法： 打開組件文件，拖到命令行裏面複製路徑（也有別的方式，但命令行絕對是最快最準
2020-07-06 07:16:35
原创 使用h5的video標籤優化Web的GIF
<video autoplay loop muted playsinline poster="original.jpg"> <source type="video/webm" src="original.webm">
2020-05-22 23:11:17
原创 前端架構設計瞭解
讀書《vue企業開發實戰》 前端開發爲什麼要進行架構設計呢？使用原始的方式進行開發有什麼問題呢？首先看一下原始開發存在的以下問題。 ➢ 難以維護 ➢ 加載緩慢 ➢ 體驗差 ➢ 重複編碼 ➢ 擴展困難 ➢ 前後端耦合度高 分層
2020-05-18 14:53:23
原创 運行一個node.js程序——剪刀石頭布（二）
繼續上一篇文章的代碼升級。利用commenjs來改造： index.js文件夾部分的代碼： var playerAction = process.argv[process.argv.length - 1]; const gam
2020-05-10 12:08:28
原创 node—CommonJS規範
安裝node環境後，建立文件夾目錄結構如下： lib.js代碼如下： console.log("hahhahhah"); exports.hello = "world"; // 指定被引用的js的輸出 (掛載一個字符串) /
2020-05-08 16:12:05
原创 三級聯動的級聯回調
PM的需求是點擊用戶的×，刪除當前用戶名下所有的庫和表。即進行一個級聯回調的操作。如下圖： 主要做法就是利用map的k v鍵值對的方式。 map鍵值對的知識點： var m = new Map(); m.set("e
2020-05-04 15:12:44
原创 js：循環遍歷數組，替換數組中的字段名
新數組名 = 舊數組名.map(iterator => { return { 新字段名1: iterator.舊字段名1 新字段名2: iterator.舊字段名2 } }) 例子：
2020-05-04 15:12:44
原创 api——get/post
我這都是啥時候沒發出去的草稿了喲。 /** * 根據模塊id獲取評論 */ export function getCommentByModuleId(module, moduleId) { return request(
2020-05-04 15:12:44
原创 運行一個node.js程序——剪刀石頭布
// 把用戶的行爲記錄在一個變量裏面 var playerAction = process.argv[process.argv.length - 1]; // 取到用戶的一個行爲 console.log(playerAction
2020-05-03 01:26:44
原创 兩行代碼在多個數組取出同屬性元素並去重
首先看一下後端返回數據的格式： 這裏要取出數組裏面所有的user並進行去重操作。 代碼： getAllUser() .then((res) => { const newArr = res.data.map(data
2020-04-29 16:40:38
原创 Vue el-checkbox 複選框 樣式修改
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
2020-04-29 16:40:38
2
原创 element中利用tooltip實現文字超出寬度懸浮顯示
實現代碼： <el-tooltip :content="data.label" :disabled="data.label.length>22?false:true" placement="top"> <span
2020-04-29 16:40:38