原创 「翻譯」逐步替換Sass
本文來自心譚博客·「譯文」逐步替換Sass，最新文章請見導航頁，歡迎交流✿✿ヽ(°▽°)ノ✿ 翻譯說明 這是一篇介紹現代 css 核心特性的文章，並且藉助 sass 進行橫向對比，充分體現了 css 作爲一門設計語言的快速發展以及新特性爲我
2019-06-19 15:05:14
原创 基於ServerLess的極簡網頁計數器：源碼分析與實踐
這幾天基於支持HTML5無感認證的ServerLess平臺開發了一款博客、門戶網站等web平臺常用的PV統計工具：page-counter 。主要用到的技術是js+webpack。 回首看來，解決了以下幾個比較有意思的問題： 如何設計代
2019-05-18 22:15:00
4
原创 NodeJS實現簡易區塊鏈
之前由於課程要求，基於Nodejs做了一個實現簡易區塊鏈。要求非常簡單，結構體記錄區塊結構，順便能向鏈中插入新的區塊即可。 但是如果要支持多用戶使用，就需要考慮“可信度”的問題。那麼按照區塊鏈要求，鏈上的數據不能被篡改，除非算力超過除了攻擊
2019-05-03 14:05:04
原创 微信網頁登錄邏輯與實現
現在的網站開發，都繞不開微信登錄（畢竟微信已經成爲國民工具）。雖然文檔已經寫得很詳細，但是對於沒有經驗的開發者還是容易踩坑。 所以，專門記錄一下微信網頁認證的交互邏輯，也方便自己日後回查： 加載微信網頁sdk 繪製登陸二維碼：新tab頁面
2019-04-29 13:55:00
4
原创 HTML5原生拖放事件的學習與實踐
前言 之前學習了HTML5的拖放事件，開發中也用到了拖拽組件。爲了釐清整體的邏輯，專門做了一個小例子。 具體實現的效果也很簡單：元素可以在容器中任意拖動，元素被移入容器的時候，還會有相關樣式的改變已達到更好的展示效果。 例子基本運用了拖放事
2019-04-22 16:08:22
原创 《前端面試手記》之ES6重難點整理
👇 內容速覽 👇 let和const Set和Map Generator和yield Promise、async/await介紹 Proxy代理器 ... 🔍查看全部教程 / 閱讀原文🔍 let和const ES6新增了let和cons
2019-04-19 20:15:12
2
原创 📚JavaScript設計模式實踐：18份筆記、例子和源碼📚
背景介紹 之前在閱讀《JavaScript設計模式和開發實踐》這本書的時候，收貨頗豐，學習了設計模式在很多場景下的應用。 但也是因爲書上場景過多，所以當記不清某一種設計模式的時候，翻書溫習複雜案例的成本是相對較高的。有時候，只需要一段經典、
2019-04-11 14:45:09
2
原创 《前端面試手記》之JavaScript基礎知識梳理(下)
👇 內容速覽 👇 實現ES5繼承的4種方法 原型和原型鏈 作用域和作用域鏈 Event Loop 執行上下文 閉包的理解和分析 🔍查看全部教程 / 閱讀原文🔍 ES5繼承 題目：ES5中常用繼承方法。 方法一：綁定構造函數 缺點：不能繼
2019-04-03 13:05:02
原创 《前端面試手記》之JavaScript基礎知識梳理(上)
👇 內容速覽 👇 普通函數和箭頭函數的this 原始數據類型及其判斷和轉化方法 深淺拷貝及實現 JS事件模型 常見的高階函數 🔍查看全部教程 / 閱讀原文🔍 普通函數和箭頭函數的this 還是一道經典題目，下面的這段代碼的輸出是什麼？
2019-03-31 17:25:03
4
原创 《前端面試手記》之談談promise/async/await的執行順序
👇 內容速覽 👇 題目和答案 輸出解釋 再談談async/await 最新的v8和谷歌瀏覽器的正確輸出 🔍查看全部教程 / 閱讀原文🔍 1. 題目和答案 故事還是要從下面這道面試題說起：請問下面這段代碼的輸出是什麼？ console.l
2019-03-22 23:55:00
原创 《前端面試手記》之常考的源碼實現
👇 內容速覽 👇 手動實現call/apply/bind 實現一個完美的深拷貝函數 基於ES5/ES6實現雙向綁定 instanceof原理與實現 🔍查看全部教程 / 閱讀原文🔍 手動擼個call/apply/bind 實現call
2019-03-20 23:35:08
原创 設計模式手冊之狀態模式
1. 什麼是“狀態模式”？ 狀態模式：對象行爲是基於狀態來改變的。 內部的狀態轉化，導致了行爲表現形式不同。所以，用戶在外面看起來，好像是修改了行爲。 Webpack4系列教程(17篇) + 設計模式手冊(16篇)：GitHub地址 博客主
2019-03-11 14:20:35
1
原创 每天一個設計模式之裝飾者模式
作者按：《每天一個設計模式》旨在初步領會設計模式的精髓，目前採用javascript和python兩種語言實現。誠然，每種設計模式都有多種實現方式，但此小冊只記錄最直截了當的實現方式 :) 原文地址是：《每天一個設計模式之裝飾者模式》 歡迎
2019-01-23 20:05:06
2
原创 每天一個設計模式之責任鏈模式
作者按：《每天一個設計模式》旨在初步領會設計模式的精髓，目前採用javascript和python兩種語言實現。誠然，每種設計模式都有多種實現方式，但此小冊只記錄最直截了當的實現方式 :) 0. 項目地址 責任鏈模式·代碼 《每天一個設計
2019-01-07 12:22:43
1
原创 每天一個設計模式之享元模式
作者按：《每天一個設計模式》旨在初步領會設計模式的精髓，目前採用javascript和python兩種語言實現。誠然，每種設計模式都有多種實現方式，但此小冊只記錄最直截了當的實現方式 :) 個人技術博客-godbmw.com 歡迎來玩! 每
2018-12-20 12:44:59