原创 使用 socket.io 的時候，打包後臺代碼碰到的問題

前言 一般情況下，我們只會針對前端代碼，用 webpack 或者其他流行的打包工具進行打包。 因爲對於前端而言，打包有好些不言而喻的好處，比如： 代碼開發的時候更模塊化 在生產環境下，減少 http 請求，使頁面加載更快 在 b

2020-06-26 15:06:40 3

原创 Mac 下使用 homebrew && mysql 的小故事

如果你用 Mac，卻不用 homebrew，那你估計很大概率不是程序員。 homebrew 作者 Max Howell，曾經因爲不會反轉二叉搜索樹而被面試 Google 給拒了，一時間，引起廣泛的討論。 但是你用過 homebre

2020-06-23 04:28:27

原创 打造最簡潔的 typescript + react + webpack + eslint 開發環境

打造最簡潔的 typescript + react + webpack + eslint 開發環境 前言 作爲一枚前端開發者來說，與時俱進是少不了的。 近些年來的各種前端開發工具層出不窮，讓人眼花繚亂。 雖然單純的寫一個頁面，用

2020-06-22 01:59:11

原创 sequelize 連接低版本 mysql 數據庫，寫入中文報錯的問題

如果你在使用 nodejs 開發後臺，同時又需要使用 mysql 數據庫來存儲數據的話，也許會遇到過，存儲中文數據的時候，發現亂碼或者報錯了。 之前碰到過這個問題，在此記錄下解決方案。 一般來說，mysql 版本越高，兼容性越好，

2020-06-22 01:59:11 2

原创 removeEventListener “不生效”的思考

緣起 有時候，在項目中出現的問題，往往是因爲對一些基本概念理解的不太透徹，導致在使用過程中進行大量的誤用，最後導致在找 bug 的過程中搞得心力交瘁。 最近我就碰到一起由於 removeEventListener 移除“失效” 導

2020-06-20 08:47:23 1

原创 一文讓你搞懂cookie

一文讓你搞懂cookie 不知道你是否瞭解 cookie，並且掌握了它的用法。 如果你像我以前一樣，對 cookie 的概念也是略知一二，但是用起來卻一籌莫展，那麼此時此刻你是幸運的。 只要你跟隨者我這篇文章的步伐，就能讓你徹底的

2020-06-20 08:47:23

原创 cnpm 安裝全局模塊引發的思考

cnpm 安裝全局模塊引發的思考 起因 因爲工作的時候，公司提供的是 Windows 臺式機，因此一般都是在 Windows 環境下開發的。 但是最近在用 cnpm 安裝腳本的時候，忽然發現一個很有意思的問題：用 cnpm 安裝的

2020-06-20 08:47:23

原创 前端 ajax 加載緩存方案

前端 ajax 加載緩存方案 前言 前端頁面，對於用戶來說，衡量其好壞，最直觀的印象是加載速度。 如果頁面一點開即渲染好了，那麼用戶第一印象分也會高，其次纔是頁面設計的美觀度，頁面佈局的合理性等等因素。 一些常用的前端緩存 我想，

2020-06-20 07:33:00

原创 nodejs 前後端數據加密方案

nodejs 前後端數據加密方案 前言 即時沒有深入研究過密碼學，但是對於數據加密，我想應該很多同學都有所接觸吧。 雖然對於前端來說，其實數據加密的意義並不大。你代碼都給人家了，只要有技術，有耐心，破解就只是時間的問題了。 在對待

2020-06-20 07:33:00

原创 給 dom 元素添加 onresize 功能

html 元素自適應 對於我們做前端可視化的人來說，最苦惱的一個地方莫過於，客戶需要我們對產品做自適應，特別是還需要做 pc 端的自適應。 一般，面對這個需求的時候，由普通的 html 元素（不包含 canvas）構成的頁面，你

2020-06-20 07:33:00

原创 手把手教你用 excel VLOOKUP 函數來進行數據填充

前言 雖然作爲一枚程序員，但是對 excel 卻不咋會用。 處於對“別的程序員”強烈的不信任感，如果有能夠自己寫代碼來處理的任務，一般都不喜歡花時間去理解別人提供的 api。 所以以前碰到需要處理 Excel 數據的時候，多是直接

2020-06-20 06:27:56 36

原创 解決 create-react-app 生成的項目中不彈出配置就無法自定義 eslint global 變量的問題

create-react-app 是非常好用的前端 react 腳手架工具，而且還是 Facebook 官方出品的，如果沒有特殊的要求，現階段一般都推薦直接使用這個來構建項目。 但是最近碰到一個問題，折騰了我好久才找到解決方案。

2020-06-20 06:27:56

原创 react 腳手架打包不生成 sourceMap 的解決方案

react 腳手架打包不生成 sourceMap 的解決方案 前言 我相信很多前端工程師都跟我一樣，用慣了開源的項目腳手架工具以後，都不習慣自己配置 webpack 了。 經常聽同行們開玩笑說，某某某個公司要啓動一個項目，所有的人

2020-06-20 06:27:56

原创 canvas 性能優化之 putImageData 的思考

作爲一名前端數據可視化工程師來說，canvas 的使用可以說是最最基礎的基本功了。 canvas 雖然只是一個 html 的標籤，但是可以乾的事情，卻遠遠比普通的 html 標籤大得多。 canvas 是一個畫布，提供給我們繪圖的

2020-06-20 06:27:56 4

原创 echarts 圖表 pc && 移動端自適應方案

因爲公司主要做前端數據可視化項目的，因此有些項目需要有大屏展示的效果，所以一般公司的項目，設計那邊給出的設計稿都是 1920*1080 的。 數據可視化，肯定是離不開數據圖表的展示，所以有些圖表，我們在技術選型上就用了開源的 ec

2020-06-20 06:27:56