原创 【Vue】自定義指令(directive)、管道命令(filters)

directive、filters 指令以防暴力爲例，調用示例 v-preventReClick:wait="a.bind(this)" 管道命令常用於日期格式化，調用示例 {{ val | timeFormat }}"

2020-07-06 23:12:03 1

原创 【JS】你不知道的ES6 (一)

鏈判斷運算符 ES5 我們判斷一個深層級的對象是否有某一個 key 需要一層一層去判斷，現在我們可以通過?.的方式去獲取 // es5 // 錯誤的寫法（當某一個key不存在undefined.key就會代碼報錯） const

2020-06-26 13:50:59

原创 【JS】常用數組高階函數，告別for、while

什麼是高階函數？ 高階函數只是將函數作爲參數或返回值的函數，可以使代碼更簡潔、高效。JS內置的數組高階函數能夠滿足大部分數組操作，從此和for、while 說再見 1. map 創建一個新數組，其結果是該數組中的每個元素都調用一個提供的函

2020-06-20 05:39:00

原创 【Vue】Nuxt最佳實踐之常用庫封裝(二)

站在巨人的肩膀上，以下代碼借鑑於 cmn-utils 公共函數&請求封裝，感謝作者 LANIF-UI 的開源貢獻，有興趣的小夥伴可以參考基於React+Dva的CMS後臺管理系統 dva-boot 使用CRA(create-r

2020-06-20 05:39:00 6

原创 【Vue】Vue-cli之Mock.js 模擬數據實現及構建

Mock 數據是前端開發過程中必不可少的一環，是分離前後端開發的關鍵鏈路。通過預先跟服務器端約定好的接口，模擬請求數據甚至邏輯，能夠讓前端開發更加獨立自主，不會被服務端的開發所阻塞。 以下介紹了Mock使用的基礎語法，小夥伴們也可直接拿來

2020-06-20 05:39:00

原创 【Vue】Nuxt最佳實踐之常用庫封裝(一)

前言 有關同構渲染SSR相關的基礎知識，不再贅述，小夥伴們可自行補充，傳送門: Vue.js 服務器端渲染指南 本文主要介紹了基於Vue官方腳手架: create-nuxt-app，如何實現基礎的項目搭建過程，相關代碼已開源至gi

2020-06-20 04:29:51 39

原创 【JS】手動實現插件內部模塊化共享

實現邏輯: 1. 外層IIFE，防止全局污染。攜帶root對象, factory函數， 2. 執行factory函數，攜帶模塊庫(modules),{key: values}鍵值對 3. 定義內部模塊庫，公用加載函數__webpack_r

2020-06-20 03:13:25

原创 【CSS】css rules guidelines

CSS 規範 CSS 規範使 CSS 文件具有一致性。它們有助於擴展和維護項目。推薦的 CSS 規範如下 BEM BEM —— Block（塊）、Element（元素）、Modifier（修飾符）—— 是最流行的 CSS 規範之

2020-06-10 04:21:16

原创 【JS】三十行代碼實現洗牌效果

/** * 創建基本卡組 * * 思路 * 1. Array.from轉化基本花色字符串爲數組 * 2. 利用map進行初始化花色以及基本數字, 設置level屬性爲排序數組做準備 * 3. [].concat()平鋪數組

2020-06-09 00:40:59

原创 【Git】Git Commit Guidelines

Git Commit Guidelines Git 提交應當書寫 commit message, 開源社區最廣泛的則是 Angular Git Commit Guidelines 規範 Angular 規範要求的 commit

2020-06-09 00:40:49

原创 【React】初探 Taro，多端開發的基礎實踐（一）

Taro：多端統一開發框架，支持用 React 的開發方式編寫一次代碼，生成能運行在微信/京東/百度/支付寶/字節跳動/ QQ 小程序/快應用/H5/React Native 等的應用。 目錄 項目構建 服務層 (Serv

2020-05-23 13:28:58

原创 【JS】前端性能分析之 window.performance

Web Performance 接口允許網頁中的 JavaScript 代碼可以通過具體的函數（由 window 對象的 performance 屬性提供）測量當前網頁頁面或者 web應用的性能。它能提供高精度的時間戳，可以更

2020-05-18 20:17:15 23

原创 【Vue】Nuxt最佳實踐之常用庫封裝(三)

完結篇，嘻嘻😁，相關專欄文章戳這裏拿走 Asn.Li => Nuxt，全文 4744 字，閱讀約需要 6 分鐘～ 目錄結構 全局 Loading 自定義分享 (H5) 環境變量 打包優化、性能分析 公用樣式 結語 全局 Lo

2020-05-10 09:55:21 1

原创 【Vue】純前端實現微信 H5 鑑權

最近在做微信網頁版開發，整理出微信 H5 鑑權常見坑位，流程圖分析如下，後附簡易代碼實現 1. 獲取code 邏輯實現：通過重定向授權從地址欄拿取 code 並緩存，不可重複調用，不然會報 code used 官方傳送門 =>

2020-02-22 02:13:48