原创 用錢生錢，從掌握金錢的規律開始

“如果你沒找到一個當你睡覺時還能掙錢的方法，你將工作到死。” ——巴菲特 上圖是北京早上 8 點鐘擠地鐵上班的人們。不知圖上有沒有你的縮寫。 前言 金錢是有規律的，只要掌握了一定的規律，雖說不能一夜暴富，但是把掌握的規律用於生活

2019-04-09 09:14:54 17

原创 Vue + TypeScript + Element 搭建簡潔時尚的博客網站及踩坑記

前言 本文講解如何在 Vue 項目中使用 TypeScript 來搭建並開發項目，並在此過程中踩過的坑 。 TypeScript 具有類型系統，且是 JavaScript 的超集，TypeScript 在 2018年 勢頭迅猛，可謂

2019-04-01 02:04:12 9

原创 Vue + TypeScript + Element 項目實戰及踩坑記

前言 本文講解如何在 Vue 項目中使用 TypeScript 來搭建並開發項目，並在此過程中踩過的坑 。 TypeScript 具有類型系統，且是 JavaScript 的超集，TypeScript 在 2018年 勢頭迅猛，可謂遍地

2019-03-31 20:55:06 41

原创 如何自學前端與web前端知識體系梳理

什麼是前端工程師？ 總而言之前端工程師就是運用HTML/CSS/JavaScript等Web技術，在工作中配合設計師實現用戶界面，和後端工程師進行數據對接，完成Web應用開發的職位。 建立學習大綱 必學內容 基礎： HTML

2019-03-31 17:50:40

原创 一次網站的性能優化之路 -- 天下武功，唯快不破

首屏作爲直面用戶的第一屏，其重要性不言而喻，如何加快加載的速度是非常重要的一課。 本文講解的是：筆者對自己搭建的個人博客網站的速度優化的經歷。 效果體驗地址： http://biaochenxuying.cn 1. 用戶期待的速度體驗 2

2019-03-17 22:45:01 1

原创 github 授權登錄教程與如何設計第三方授權登錄的用戶表

需求：在網站上想評論一篇文章，而評論文章是要用戶註冊與登錄的，那麼怎麼免去這麻煩的步驟呢？答案是通過第三方授權登錄。本文講解的就是 github 授權登錄的教程。 效果體驗地址： http://biaochenxuying.cn 1. g

2019-03-03 21:43:38 1

原创 原生 js 實現一個有動畫效果的進度條插件 progress

效果圖： 項目地址：https://github.com/biaochenxuying/progress 效果體驗地址： https://biaochenxuying.github.io/progress/index.html 1. 原理

2019-02-26 22:02:43 1

原创 原生 js 實現一個前端路由 router

效果圖： 項目地址：https://github.com/biaochenxuying/route 效果體驗地址： 1. 滑動效果： https://biaochenxuying.github.io/route/index.html 2.

2019-01-29 17:05:18 2

原创 js 實現上下改變父 div 的高度，左右上下動態分割孩子的寬高

1. 需求 實現父 div 裏面 左右，上下動態分割 div，並上下改變父 div 的高度，並且寬和高都是按百分比（如圖） 。 2. 實現原理 2.1 父佈局 <div class='hj-wrap'> <div cla

2018-12-26 21:34:37 2

原创 前端工程師的 2018 年總結

1. 前言 時間過得很快，2018 年已經接近尾聲了。離開大學校園已經一年半，正式工作也一年半了。 2018 年，我的本命年，今年 24 歲，離 “而立之年” —— 30 歲， 又近了一步。今年對我而言，是人生的一個重要節點。今年是我覺得

2018-12-19 19:23:31

原创 服務器小白的我,是如何成功將 node+mongodb 項目部署在服務器上並進行性能優化的

前言 本文講解的是：做爲前端開發人員，對服務器的瞭解還是小白的我，是如何一步步將 node+mongodb 項目部署在阿里雲 centos 7.3 的服務器上，並進行性能優化，達到頁面 1 秒內看到 loading ，3 秒內看到首屏內容

2018-11-26 12:44:05 2

原创 服務器小白的我,是如何將 node+mongodb 項目部署在服務器上並進行性能優化的

前言 本文講解的是：做爲前端開發人員，對服務器的瞭解還是小白的我，是如何一步步將 node+mongodb 項目部署在阿里雲 centos 7.3 的服務器上，並進行性能優化，達到頁面 1 秒內看到 loading ，3 秒內看到首

2018-11-26 04:45:02

原创 react + Ant Design + 支持 markdown 的 blog-react 項目文檔說明

前言 此 blog 項目是基於 react 全家桶 + Ant Design 的，項目已經開源，項目地址在 github 上。 1. 效果 完整效果請看：http://biaochenxuying.cn/main.html 2.

2018-11-26 04:45:02

原创 後端小白的我，是如何成功搭建 express+mongodb 的簡潔博客網站後端的

前言 blog-node 是採用了主流的前後端分離思想的，主裏只講 後端。 blog-node 項目是 node + express + mongodb 的進行開發的，項目已經開源，項目地址在 github 上。 效果請看 http://

2018-11-25 20:24:23 1

原创 項目文檔說明：react + Ant Design 的 blog-react-admin

前言 此 blog-react-admin 項目是基於 螞蟻金服開源的 ant design pro 之上，用 react 全家桶 + Ant Design 的進行再次開發的，項目已經開源，項目地址在 github 上。 效果預覽 ht

2018-11-23 14:05:21 6