原创 如何實現一個腳手架進階版(Vue-cli v2.9學習篇)

前言在之前一篇博客介紹了關於Node腳手架的一些基礎的知識,這篇博客是在之前的基礎上針對在Node中開發腳手架中遇到的問題,如:終端樣式、交互問題文件處理問題通過對Vue-cli 2.9.2的源碼進行分析,解決相關問題。如果沒有看過之前一篇

原创 如何實現一個簡單的Node.js腳手架

原因在工作中,需要開發一個腳手架,用於給相關用戶提供相關的開發便利性。適合人羣對前端、Node操作有一定的瞭解,同時向瞭解腳手架開發過程或者需要自己實現一個腳手架的開發者。目標開發一個簡單的腳手架,能夠提供給用戶進行安裝。能夠輸出相關提示。

原创 如何在JavaScript中實現一個Long型——Long.js源碼學習與分析

背景由於在項目中使用到了WebSocket的自定義二進制協議,需要將二進制轉爲後端服務中定義的Long型。而在JavaScript中的Number類型由於自身原因,並不能完全表示Long型的數字,因此需要我們通過其他的方式來對Long型值進

原创 《麥肯錫 問題分析與解決技巧》——閱讀筆記(共16章)

簡介原因《麥肯錫 問題分析與解決技巧》是一本關於問題分析與如何解決問題的書籍,在閱讀過程中收穫不少,因此留下讀書筆記方便其他人來進行學習。書籍信息書名: 麥肯錫 問題分析與解決技巧英文名稱:Problem Analysis and Solv

原创 提高開發效率之VS Code基礎配置篇

背景之前一直是隻用WebStorm作爲IDE來編寫代碼,但是由於:手中的這臺Mac接了兩個顯示器以後,使用WebStorm會有卡頓。WebStorm需要付費(雖然可以通過某方法和諧)。所以需要尋找一個新的編輯器或者IDE來進行邊寫代碼。爲什

原创 should.js源碼分析與學習

背景爲了研究與學習某些測試框架的工作原理,同時也爲了完成培訓中實現一個簡單的測試框架的原因,我對should.js的代碼進行了學習與分析,現在與大家來進行交流下。目錄extassertion.jsassertion-error.jsconf

原创 動態生成DOM元素的高度及行數獲取與計算方法

背景在開發IM的項目過程中,經常會有出現一些需要計算DOM高度,然後超出若干行隱藏等需求。很多時候,需要計算高度的DOM元素都是動態生成的,我們無法在數據渲染前獲取到它的高度。但是,如果我們需要獲取到這段在內存中未渲染的動態文本,也能夠通過

原创 eventEmitter3源碼分析與學習

背景事件監聽在前端的開發過程中是一個很常見的情況。DOM上的事件監聽方式,讓我們看到了通過事件的方式來進行具體的業務邏輯的處理的便捷。在具體的一些業務場景中,第三方的自定義事件能夠在層級較多,函數調用困難以及需要多個地方響應的時候有着其獨特

原创 IndexedDB使用與出坑指南

概述本文通過對IndexedDB的使用方法和使用場景進行相關介紹,對常見的問題進行解答。同時,因爲MDN中的相關文檔缺乏相關邏輯性,所以不容易理解。本文將通過項目中常見的數據存儲和操作需求來進行內容組織。讀者能夠通過本文學會在項目中正確的使

原创 CSS transition delay簡介與進階應用

背景在日常的項目開發中,我們會很經常的遇見如下的需求:在瀏覽器頁面中,當鼠標移動到某個部分後,另一個部分在延遲若干時間後出現在鼠標移除該區域後,另一部分也在延遲若干時間後消失我相信這是一個很常見的一個需求,有很多種方式能夠實現,但是,其實現

原创 基於React與Redux的留言牆的實現

背景由於某事業羣需要留言牆用於年會,同時需要調用大象公衆號服務器接口,所以在今年年初開發了留言牆用於活動現場交流。設計本次留言牆分爲兩部分。一部分爲活動展示部分,另一部分爲後臺審批部分。活動展示部分爲匿名留言牆形式(後改爲實名制),需要根據

原创 Markdown語法簡介

目的對Markdown的語法進行最基礎簡單的介紹,能夠滿足在各個方面的基本使用。說明markdown語法目前有兩種,我會選擇一種我在實踐過程中認爲比較簡單的標記來進行簡單介紹。如果需要進行查閱,可以直接閱讀末尾總結部分。markdown也支

原创 [翻譯]WebSocket協議第三章——WebSocket URIs

概述本文爲WebSocket協議的第三章,本文翻譯的主要內容爲WebSocket連接的相關URI地址介紹。WebSocket URIs(第三章協議正文)這個規範使用在RFC5234中的ABNF語法以及URI規範中的RFC3986的術語和AB

原创 [翻譯]WebSocket協議第一章——Introduction

概述本文爲WebSocket協議的第一章,本文翻譯的主要內容爲針對整個WebSocket進行一個簡單而又全面的介紹。通過這篇文章我們能夠對WebSocket有一個整體的大致瞭解。1 介紹本章爲協議正文內容的第一章(Introduction)

原创 如何實現一個HTTP請求庫——axios源碼閱讀與分析

概述在前端開發過程中,我們經常會遇到需要發送異步請求的情況。而使用一個功能齊全,接口完善的HTTP請求庫,能夠在很大程度上減少我們的開發成本,提高我們的開發效率。axios是一個在近些年來非常火的一個HTTP請求庫,目前在GitHub中已經