原创 react下繪製word申請表

背景 最近項目裏有個需求，繪製一個word表格，就類似大學的時候填寫的那種表格。 開門見山 爲了不耽誤大家時間，我先說結論，如果你的代碼拿到react環境中參差不齊了，可能是你把colspan這個屬性放到style裏面了，然而這個屬性

2019-03-19 06:19:14 10

原创 python爬取微信好友信息並根據導出的csv做數據分析

寫在前面： 之前瞭解過一點python，前兩天看了一篇文章,一件有趣的事：我用 Python 爬了爬自己的微信朋友,感覺還挺有意思的，不過文章看完了，自己敲代碼的時候還是有點坑踩進去的，所以我寫篇文章來填坑啦！順便把省份統計拿出來做個

2019-02-01 14:25:55 5

原创 react+koa+socket.io實現羣聊功能

背景 一直都想了解一下websocket，但是之前都半途而廢了，最近項目壓力不大，瞭解並整理一下其中內容。之前網上搜的教程說實話，項目有，理解起來不好理解（之前說過了，我有點笨），現在理解了，便迫不及待的分享出來。說實話，ui啊，細節

2019-01-12 14:18:33

原创 Koa+Mongoose實現增刪改查功能

背景 最近在學習node相關的知識，說到後臺就少不了數據庫等知識，綜合查閱的資料，我使用的是koa+mongodb+mongoose.在這篇文章中我會詳細介紹這個項目的搭建過程，以及開發過程中遇到的坑點以及需要注意的點，適合初學者快速

2019-01-07 17:47:01

原创 淺析Virtual DOM

說在前頭： 上文提到了瀏覽器的重繪和重排，並提到了一些優化的方式。框架的魅力就在於不知不覺的就幫你把事情做掉了，在編寫react代碼的時候我從沒有考慮過添加節點的時候將元素移出文檔流等操作。畢業之後就接觸了react，但是被問到他的特

2018-12-25 17:33:44

原创 重繪和重排

上一次說到了瀏覽器的渲染過程中，layout的重新佈局是導致性能問題的主因，那麼什麼情況下會導致這一後果，並且有什麼好的方式可以優化呢？ Let’s go. 術語介紹： 某一個或多個dom節點的變化會影響元素的集合屬性【寬&高】，這樣

2018-12-25 17:33:44

原创 瀏覽器渲染過程

前言： 渲染過程網上不少教程，但是感覺自己從頭到尾梳理一遍也是有必要的。文章儘量用簡潔易懂的形式來展現，方便自己日後複習和讀者朋友的理解。 資源: 這是廣爲流傳的瀏覽器渲染內容的過程圖。 正文： 首先說明一下，瀏覽器渲染是要從服務器

2018-12-23 14:14:11

原创 React Hooks入門

背景 近期React又出了一個新特性，由於現在還是alpha階段，所以不建議引入自己的項目進行使用，官方文檔介紹的有點過於詳細了，我這裏總結幾點關鍵的，大家一起學習。 首先一句話概括他的作用： 不用引入class，還能使用state

2018-11-30 23:57:53

原创 Taro開發微信小程序實現簡單的登錄退出功能

Taro是由凹凸實驗室打造的一套遵循 React 語法規範的多端統一開發框架，還有我發現從某度上搜索的結果首頁居然看不到Taro框架的任何信息，但是谷歌首頁就直接給出了結果，Taro使用文檔。我是準備用它來開發微信小程序的，而且公司使

2018-09-21 04:46:42 18

原创 vscode 註釋html代碼

vscode是一個非常優秀的編輯器，其中有很多出色的功能爲編程帶來巨大的便捷。但是今天我使用的時候發現了一件事，就是我在註釋代碼的時候，居然用 //來幫我註釋HTML代碼，下面看一下效果： 但是我看其他同事的電腦，他們都是可以正常生

2018-09-02 03:35:59 2

原创 react 項目使用highcharts滾動條來展示數據

在使用圖表畫圖的時候總會，由於展示的面積有限，無法將數據完全展示到圖表中，這個時候就可能考慮使用滾動條來滑動展示數據。 講一下過程，我首先找資源，找到了這個，發現很適合我的需求。 highcharts很有意思，他單獨的爲react

2018-09-02 03:35:57 18

原创 從零開始搭建一個基於React框架的博客發佈系統 （三）開發環境搭建

現在本地已經生成了博客文件，先不說部署，首先要把整個項目的環境搭建起來。 不要嫌棄篇幅過長，因爲我真的很想把每一步操作都寫出來。 我們運行初始的頁面，確保初始框架可用，避免後續發生問題找不到根源。 運行命令：yarn start，記得嗎，

2018-09-02 03:35:51

原创 koa2 : 返回Not Found

今天在寫node服務器代碼的時候，發現在瀏覽器中輸入網址之後會顯Not Found，沒有任何其他內容，而且代碼也沒有報錯，我在輸出代碼ctx.response.body之前也打印了相關信息，發現數據是成功的組織出來了，並且執行了這句話。

2018-09-02 03:35:51

原创 從零開始搭建一個基於React框架的博客發佈系統 （四）菜單欄和文章列表實現

在src目錄下新建Containers文件夾和Components文件夾，分別用來放置容器組件以及子組件。 考慮到學習成本以及項目本身就是個小體量的，所以這裏的數據使用mobx管理，有興趣的可以參考一下，MobX入門介紹,不想學習看看也能

2018-09-02 03:35:51

原创 koa : can't not set headers after they are sent

今天在開發的時候，Node服務器端報了這個錯誤，根據他的提示不難發現，我在響應之後又去執行了設置響應頭部的操作，導致了這一錯誤，下面我把代碼截圖一下，給大家做個參考： 在代碼執行一開始執行那幾個設置type以及header的操作是可

2018-09-02 03:35:51 6