原创 JavaScript閉包
什麼是JS閉包？ 先看一段代碼： function a(){ var n = 0; function couter() { n++; console.log(n); } couter();
2019-04-19 19:48:44
原创 如何讓你的代碼整潔漂亮？
Robert Martin的這句話非常合適： 唯一能有效測量代碼質量的方式是每分鐘說多少個What-the-Fk 讓我深入解釋一下： 做代碼回顧的時候，我的腦海會涌現出三種不同的情緒： What-the-Fk (厭惡)— 這代碼並不需
2019-04-17 19:56:45
原创 12 個 Css 小技巧
使用 :not() 在菜單上應用/取消應用邊框 給body添加行高 所有一切都垂直居中 逗號分隔的列表 使用負的 nth-child 選擇項目 對圖標使用SVG 優化顯示文本 對純CSS滑塊使用 max-height 繼承 box-siz
2019-04-16 19:34:32
原创 瀏覽器調試小技巧
選擇DOM元素 如果熟悉jQuery，就會知道 $('.class') 和 $('#id') 選擇器有多麼重要。它們根據與之關聯的類或 ID 選擇 DOM 元素。但是當你沒有引用 jQuery時，你仍然可以在谷歌開發控制檯中進行同樣的操作。
2019-04-15 19:30:36
原创 console 讓 js 調試更簡單
Web開發最常用的就是 console.log ，雖然 console.log 佔有一席之地，但很多人並沒有意識到 console 本身除了基本 log 方法之外還有很多其他方法。 適當使用這些方法可以使調試更容易，更快速，更直觀。 con
2019-04-14 19:22:26
原创 前端必備的 Nginx 知識
1. nginx在應用程序中的作用 解決跨域 請求過濾 配置gzip 負載均衡 靜態資源服務器 nginx是一個高性能的HTTP和反向代理服務器，也是一個通用的TCP/UDP代理服務器，最初由俄羅斯人Igor Sysoev編寫。 n
2019-04-13 19:27:05
原创 理解 Css 佈局和 BFC
CSS佈局中有一些概念，一旦你理解了它們，就能真正提高你的 CSS 佈局能力。本文是關於塊格式化上下文(BFC)的。你可能從未聽說過這個術語，但是如果你曾經用CSS做過佈局，你可能知道它是什麼，理解什麼是 BFC，怎麼工作以及如何創建 BF
2019-04-12 19:25:55
原创 從 React 綁定 this，看 JS 語言發展和框架設計
在 javascript 語言中，關於 this 這個關鍵字的行爲一直以來困擾着一代又一代初級開發者。同時 this，也充分反應了 javascript 的詭異與靈活。 但是請別誤會，這篇文章並不會對 this 的特徵進行全方位講解，因爲這
2019-04-11 19:22:44
原创 橫掃 JS 面試核心考點
Javascript是前端面試的重點，本文重點梳理下Javascript中的常考知識點，然後就一些容易出現的題目進行解析。限於文章的篇幅，無法將知識點講解的面面俱到，因此只羅列了一些重難點。 變量類型 1. JS 的數據類型分類 根據 Ja
2019-04-10 19:23:42
原创 new 原理及模擬實現
定義 new 運算符創建一個用戶定義的對象類型的實例或具有構造函數的內置對象的實例。 ——（來自於MDN） 舉個栗子 function Car(color) { this.color = color; } Car.prototy
2019-04-09 19:26:20
原创 Css 實現多行文字截斷
做響應式系統設計的時候遇到需要對標題進行多行文字截取的效果，如下圖： 看似十分簡單的標題截斷效果，但是竟然沒有一個統一 CSS 屬性實現標準，需要用到一些奇淫妙計來實現，一般來說，在做這樣文字截斷效果時我們更多是希望： 兼容性好，對各大
2019-04-08 19:26:53
原创 Css 小技巧
在頁面構建中，能明顯提升頁面顯示質量的一些CSS小技巧。很多簡潔美觀的頁面表現，可以使用CSS3代碼即可實現，減少圖片的使用。 一、邊框內圓角 我們在設計例如按鈕等控件的時候，會遇到這樣的設計：只有內側有圓角，而邊框或者描邊的四個角還是保
2019-04-07 19:22:11
原创 面試官想要的 JS 基本類型
面試的時候我們經常會被問答js的數據類型。大部分情況我們會這樣回答包括： 基本類型（值類型或者原始類型）： Number、Boolean、String、NULL、Undefined以及ES6的Symbol； 引用類型：Object、Arr
2019-04-06 19:17:22
原创 Css3 Animation 動畫原則十二
吸引力 (Appeal) 吸引力是藝術作品的特質，讓我們與藝術家的想法連接起來。就像一個演員身上的魅力，是注重細節和動作相結合而打造吸引性的結果。 精心製作網頁上的動畫可以打造出吸引力，例如 Stripe 這樣的公司用了大量的動畫去增加它
2019-04-05 20:25:18
原创 Css3 Animation 動畫原則十一
紮實的描繪 (Solid drawing) 當動畫對象在三維中應該加倍注意確保它們遵循透視原則。因爲人們習慣了生活在三維世界裏，如果對象表現得與實際不符，會讓它看起來很糟糕。 如今瀏覽器對三維變換的支持已經不錯，這意味着我們可以在場景裏旋
2019-04-04 16:10:58