原创 前後端開發數據大小限制
背景 編程過程中在存儲用戶數據的時候，會遇到數據存儲大小的限制。經常遇到的限制可以分爲：用戶側、服務端、數據庫三個方面，按照流程可以劃分爲5個階段，如圖所示。作爲開發人員，需要了解這些限制，避免撞牆。 第一道牆-client：瀏覽器限制 用
2019-10-15 19:55:24
原创 Node中的事件循環
Node中的事件循環 如果對前端瀏覽器的時間循環不太清楚，請看這篇文章。那麼node中的事件循環是什麼樣子呢？其實官方文檔有很清楚的解釋，本文先從node執行一個單文件說起，再講事件循環。 node的內部模塊 任何高級語言的存在都有一定的執
2019-08-25 21:35:03
原创 如何在前端代碼中，應用面向對象的編程範式？
爲什麼要面向對象？ 你需要知道的面向對象 面向對象並不是針對一種特定的語言，而是一種編程範式。但是每種語言在設計之初，都會強烈地支持某種編程範式，比如面向對象的Java，而Javascript並不是強烈地支持面向對象。 什麼時候需要面向對象
2019-08-25 15:54:59
2
原创 Javascript箭頭函數和lambda
() => {} 基本特點 es6中的箭頭函數，在實際開發中確實比較方便，通常來說會有幾個特點： 箭頭函數中的this會綁定在外部作用域 沒有arguments 如果想返回一個對象記得加()包裹 call和apply不能傳入this (
2019-08-11 16:35:08
原创 前端如何優化if/else
前端中的if/else 在編寫業務代碼的時候，經常會出現條件判斷，如果判斷條件衆多，就會出現if/else天梯，如果新的業務場景出現，就需要再添加一個if/else，這樣的代碼維護起來，簡直是災難。 if (status === 0) {
2019-08-11 14:45:04
原创 Javascript中的樹結構
前沿 前端中設計數據結構的方面不多，最常用的就是對樹結構的一些操作。從某種意義上來說，前端工作本身就是和樹結構打交道的一個工作方向。畢竟，DOM就是天然的樹結構。所以如何能夠良好地對樹結構進行操作，是前端工程師不可或缺的一項能力。
2019-06-16 22:25:09
原创 CSS欺騙
爲什麼叫這個題目呢？ 其實，自己剛開始接觸前端的時候，以爲界面就是和正常的流式佈局一樣，這裏放一個div，那裏放一個div，整個界面就搭建完成了。做過幾次項目後，好像自己想的也沒錯，就按照前面的思路，可以解決大部分的界面搭建。但是有的時候，
2019-06-09 15:54:58
原创 自適應和響應式
背景 隨着移動設備和前端技術的發展，交互頁面也在移動端使用越來越頻繁。但是移動設備屏幕的大小和分辨率並不一致，這導致了並不能按照pc端編寫頁面的方式去編寫移動端頁面。 隨着實踐地不斷進行和技術的發展，逐漸形成了下面幾個概念
2019-06-09 11:55:02
4
原创 前端業務代碼配置化
如何寫好業務代碼？ 在前端工作中有很多業務性代碼，如果書寫不規範，那麼對後期的維護將是非常致命的。 判斷配置化 業務場景 後端數據庫中經常會一個字段具備幾個不同的狀態，比如： status: 2 // 各個字段對應的含義 0: 出生 1:
2019-06-08 23:25:07
4
原创 學習html——iframe
基本概念 iframe 作爲html頁面構成的基本元素之一，具備下面的特點 行內元素，默認寬度300px，高度150px 遵循流式佈局（Flow content），位於body元素內 段落內容（Phrasing content），可以構成
2019-05-26 18:35:11
2