原创 前端進階---單元測試入門
什麼是單元測試？ 對軟件中最小可測單元進行測試（如：一個方法function） 引入單元測試的原因？（一般是大的項目時） - 分模塊開發，方便的定位到哪個單元出了問題 - 保證代碼質量 - 驅動開發（測試驅動開發） TD
2020-02-23 07:13:32
原创 文檔：Web前端開發規範
文章目錄引言HTML規範命名規範註釋規範JS規範代碼規範工具CSS規範Vue開發規範參考 引言 公司項目在前期開發時忙於趕工期而忽略了對團隊開發規範的制定，以至於成員在各項目中流動時接手的時間拉長，開發風格也各有不同，維護起來相
2020-02-23 07:13:32
原创 React-Native入門教程（一）：環境搭建及Hello World
文章目錄一、關於React Native二、環境搭建2.1 安裝依賴2.2 Android開發環境三、初始化一個新項目四、使用Android Studio跑起來 一、關於React Native 1. 什麼是React Nativ
2020-02-23 07:13:32
原创 團隊Git實踐方案-Git工作流
在團隊協作中，好好地應用 Git可以爲團隊開發帶來更高的效率收益， 也能保證整個工作流的完整推進。本文通過參考多篇優秀的Git實踐文章總結而成，旨在爲使用GIT標準分支開發流程的開發團隊新人提供一份參考指南 一、一些好的習慣
2020-02-23 07:13:32
原创 小程序項目開發經驗總結
1. 小程序授權 問題：新版小程序使用getUserInfo不再主動調出授權彈窗了，需要小程序主動引導用戶申請授權，使用<button open-type="getUserInfo">授個權</button>按鈕申請授權,參考微信
2019-09-05 02:38:34
原创 《CSS揭祕》解決方案DEMO
《CSS揭祕》一書揭示了 47 個鮮爲人知的 CSS 技巧，主要內容包括背景與邊框、形狀、 視覺效果、字體排印、用戶體驗、結構與佈局、過渡與動畫等。本書將帶領讀者循序漸進地探尋更優雅的解決方案，攻克每天都會遇到的各種網頁樣式難題
2019-07-11 03:49:40
1
原创 Nginx入門教程
簡介 Nginx是一個輕量級的HTTP服務框架 優點： 支持海量高併發 內存消耗少 免費使用可以商業化 配置文件簡單 Linux下運維環境搭建 教程默認在Linux操作系統中安裝使用，此交使用的是CentOS 7.4 yum -y
2019-02-01 19:59:43
原创 Nuxt服務端部署（CentOS7+nginx+pm2)
簡介 Nuxt：對標Next的一款適用於Vue的服務端渲染（SSR）應用框架 pm2: Node進程守護，方便當服務掛掉時重啓以及生成日誌 Nginx: 一個輕量級的HTTP服務框架（大部分服務都在用） 一、環境準備 部署Nuxt
2019-02-01 19:59:43
原创 node+express請求代理：http-proxy-middleware模塊
前言 現在很多用node作爲代理服務器處理一些接口請求，node管理靜態資源，而數據API的請求則轉發出去。這樣也可以解決跨域的問題。 http-proxy-middleware 官方文檔：http-proxy-middleware
2019-01-09 19:35:17
1
原创 eslint報錯Expected linebreaks to be 'LF' but found 'CRLF'
問題場景 多平臺開發的時候（特別是一個在OS系統一個在windows系統中開發時。。。），有時候剛pull了代碼，結果eslint報錯 Expected linebreaks to be 'LF' but found 'CRLF'，這
2018-12-28 21:23:25
2
原创 同一臺電腦上使用多個github賬號在多個倉庫中開發
應用場景：我有一個私人的github賬號平時用於個人開發和學習，而公司開發有一個單獨的github賬號用於開發公司項目。這兩個賬號我都需要同時在同一臺PC上用到。 主要步驟： 生成公鑰 在對應的github賬號管理後臺中添加對應
2018-12-26 17:26:46
原创 React高級進階指南（二）
入門React後，基本上可以寫一個小型項目了，但React還有很多高級功能及API可以上手方便開發。以下便是React進階教程說明。參考文檔-react中文文檔 目錄 高階組件HOC 深入JSX 渲染屬性 PropTypes類
2018-12-07 19:38:26
原创 React進階高級指南(一)
入門React後，基本上可以寫一個小型項目了，但React還有很多高級功能及API可以上手方便開發。以下便是React進階教程說明。 目錄 代碼拆分 錯誤處理ErrorBoundaries 上下文Context Refs 片段
2018-12-07 19:38:26
4
原创 react路由組件動態加載-優化首屏加載速度
通常情況下，使用create-react-app進行打包後，會生成最終打包文件main.js，且這個文件在項目內容變多，引用第三方插件後，但得很大(>100kb)。 通過Code Spliting進行代碼拆分，並使用動態impo
2018-12-01 00:02:46
1
原创 Webstom自定義模板以及模板變量
自定義模板 應用場景：webstorm在新建文件時，往往需要選擇文件類型，如：js,vue等。自定義模板的好處在於不用每次新建一個文件都重寫相同代碼。 以下以新建一個react模板爲例 Ctrl+alt+s打開設置 搜索或找到Fi
2018-12-01 00:02:46