原创 vue 雙向數據綁定 v-model 和 .sync 修飾符就是一個語法糖

正言 vue 是單向數據流，一般從父組件傳到子組件的數據只允許在父組件裏進行修改，子組件裏只允許讀取數據而不能進行數據修改，這樣可以避免數據混亂，減少維護上帶來的問題。不過 vue 官方也提供了兩種方法來實現父子組件間的雙向數據通

2020-06-21 20:38:20

原创 vue js日期時間格式化

前言 使用vue開發中，後臺傳過來的數據含有時間日期的通常前端都要做進一步做處理或者格式化，常用的是使用filter來過濾數據，換一種思路，前端拿到的時間日期數據一般是一串數字的時間戳，或者是一個字符串的時間日期，所以我們可以在

2020-06-21 20:38:20

原创 git 基礎命令的使用

前言 將 git 基礎用到的命令記錄下來。 一、把文件添加到緩存區 git add readme.txt 二、把文件提交到倉庫，緩存區的內容提交到單前分支 git commit -m '提交內容的描述' -m 後面帶的是本

2020-06-21 20:38:20

原创 vue+Element-ui實現前端讀取 excel 表格數據轉換爲 JSON 數據進行展示

前言 vue Element Ui 通過 el-upload 來讀取表格文件，藉助 XLSX（安裝： npm i XLSX -S） 來實現讀取到的表格轉爲 JSON 數據格式，然後展示在 el-table 中。 <templa

2020-06-21 20:38:20 34

原创 前端 js 讀取上傳文件 - FileReader

前言 前端通過 標籤可以進行文件的讀取，例如讀取上傳圖片文件信息等，再對其進行進一步的操作。這時可以用到 FileReader 接口來進行文件數據的處理。 FileReader 的方法 abort() - 可用於中止讀取 r

2020-06-21 20:38:20 1

原创 nuxt.config,js 配置 scss（less），實現全局樣式，全局變量，全局混合

前言 nuxt 學習之路 - nuxt.config.js 配置篇，進行 scss 配置，實現全局樣式，全局變量，全局混合（以 scss 爲例， LESS 和 Stylus的配置方式相同） 一、配置全局 scss，每個頁面都引入

2020-06-21 20:38:20 5

原创 vue cli3 element-ui懶加載 按需加載ui組件

前言 vue cli3.x + UI框架 開發時，經常實際只用到的 UI框架 提供的幾個組件，而每次我們是全部引入，這會照成程序需要消耗更多的資源，尤其是在移動端（例如使用 mint ui）,在性能上會有更大的影響，照成不好的用戶

2020-06-21 20:38:20

原创 nuxt.config,js 配置 Element-ui 懶加載，實現ui框架按需加載，優化 vendors 大小

前言 nuxt 學習之路 - nuxt.config.js 配置篇。通過實現框架懶加載來實現優化項目打包體積大小。（本篇使用 element-ui 爲例，使用插件 babel-plugin-component）。 一、未優化前

2020-06-21 20:38:20 16

原创 typescript的基礎知識

正言 typescript（簡稱 ts） 是 javascrtipt 的類型超集，它可以編譯成 javascript ，並且運行於任何瀏覽器上，是由 Microsoft 開發的並且開源於 Github 上。 我們可以用平常寫 js

2020-02-23 03:42:54

原创 new Date() 在 ios上的兼容

前言 new Date() 在 ios 中存在兼容問題。在 ios 中使用 new Date(‘2019-12-02 10:00:00’) 會出現 Invalid Date 的報錯，所以使用 new Date(‘2019-12-0

2020-02-23 03:42:54

原创 js正則表達式語法

一、方括號 [] 用法 let a = ‘abcd’ let a2 = ‘532405’ // [ab] 匹配方括號裏任意字符 console.log( a.match(/[ab]/g) ) // [‘a’, ‘b’] conso

2019-10-26 03:29:39