原创 系統設計:基於角色的權限管理設計實現

📖博客原文 :xxoo521.com《系統設計:基於角色的權限管理設計實現》 背景 內部運營系統的很多 API,涉及到外網正式環境下的用戶信息變更。出於安全考慮,在設計之初保留了所有的操作記錄,但這用於事後回查;真正要避免線上事故的發生

原创 規範git commit的提交記錄

📖博客原文 :xxoo521.com《規範git commit的提交記錄(交互式命令行)》 隨着項目體積的增加,參與到項目中的同學越來越多,每個人都有自己的打 git log 的習慣: 格式 1: add: 添加... 格式 2: [

原创 劍指offer-滑動窗口的最大值-JavaScript

題目描述:給定一個數組 nums 和滑動窗口的大小 k,請找出所有滑動窗口裏的最大值。 示例: 輸入: nums = [1,3,-1,-3,5,3,6,7], 和 k = 3 輸出: [3,3,5,5,6,7] 解釋: 滑動窗口的

原创 劍指offer-二叉樹的深度-JavaScript

題目描述:輸入一棵二叉樹的根節點,求該樹的深度。從根節點到葉節點依次經過的節點(含根、葉節點)形成樹的一條路徑,最長路徑的長度爲樹的深度。 解法 1: 遞歸 遞歸的寫法非常直觀。對於一棵二叉樹來說,它的高度等於左右子樹的高度最大值,加上 1

原创 劍指offer-數組中數字出現的次數II-JavaScript

題目描述:在一個數組 nums 中除一個數字只出現一次之外,其他數字都出現了三次。請找出那個只出現一次的數字。 這題和《LeetCode 137.只出現一次的數字 II》 一樣。 解法 1: 最直觀的哈希表 解決思路很簡單,直接遍歷一邊數組

原创 每天一個設計模式之訂閱-發佈模式

博主按:《每天一個設計模式》旨在初步領會設計模式的精髓,目前採用javascript(靠這吃飯)和python(純粹喜歡)兩種語言實現。誠然,每種設計模式都有多種實現方式,但此小冊只記錄最直截了當的實現方式 :) 0. 項目地址 每天

原创 webpack4 系列教程(七): SCSS提取和懶加載

教程所示圖片使用的是 github 倉庫圖片,網速過慢的朋友請移步>>> (原文)webpack4 系列教程(七): SCSS 提取和懶加載。 個人技術小站: https://godbmw.com 有空就來看看, 我一直都在 本節課講解

原创 Mysql無法選取非聚合列

教程所示圖片使用的是 github 倉庫圖片,網速過慢的朋友請移步>>> (原文)Mysql 無法選取非聚合列。 更多討論或者錯誤提交,也請移步。 1. 前言 最近升級博客,給文章頁面底部增加了兩個按鈕,可以直接跳轉到上一篇和下一篇。如下圖

原创 canvas離屏技術與放大鏡實現

教程所示圖片使用的是 github 倉庫圖片,網速過慢的朋友請移步>>> (原文)canvas 離屏技術與放大鏡實現。 更多討論或者錯誤提交,也請移步。 利用canvas除了可以實現濾鏡,還可以利用離屏技術放大鏡功能。 爲了方便講解,本

原创 Mysql支持emoji表情

教程所示圖片使用的是 github 倉庫圖片,網速過慢的朋友請移步>>> (原文)Mysql 支持 emoji 表情。 更多討論或者錯誤提交,也請移步。 1. 前言 最近爲博客添加了Valine評論系統,因爲它用的Leancloud的數據

原创 Mysql連接緩慢

教程所示圖片使用的是 github 倉庫圖片,網速過慢的朋友請移步>>> (原文)Mysql 連接緩慢。 更多討論或者錯誤提交,也請移步。 最近在 Node 上進行 Mysql 操作的時候,經常會報出:Handshake inactivi

原创 SSL連接並非完全問題解決

教程所示圖片使用的是 github 倉庫圖片,網速過慢的朋友請移步>>> (原文)SSL 連接並非完全安全問題解決。 更多討論或者錯誤提交,也請移步。 最近拿到了 TrustAsia 簽發的 SSL 證書,在 Nginx 的環境下上了證書

原创 webpack4 系列教程(一): 打包JS

webpack 本身就是爲了打包js所設計,作爲第一節,介紹怎麼打包js。 1. 檢驗webpack規範支持 webpack支持es6, CommonJS, AMD。 創建vendor文件夾,其中minus.js、multi.js和su

原创 webpack4 系列教程: 前言

1. 什麼是webpack? 前端目前最主流的javascript打包工具,在它的幫助下,開發者可以輕鬆地實現加密代碼、多平臺兼容。而最重要的是,它爲前端工程化提供了最好支持。vue、react等大型項目的腳手架都是利用 webpack

原创 webpack4 系列教程(四): 單頁面解決方案--代碼分割和懶加載

本節課講解webpack4打包單頁應用過程中的代碼分割和代碼懶加載。不同於多頁面應用的提取公共代碼,單頁面的代碼分割和懶加載不是通過webpack配置來實現的,而是通過webpack的寫法和內置函數實現的。 目前webpack針對此項功