原创 Chrome Console使用技巧
打開瀏覽器，按F12，選擇console標籤頁；出現瀏覽器控制檯。 在Chrome下爲了演示JS， 有時候我們需要將改變console的字體大小，將console的字體放大。方法是改變chrome自定義文件Custom.css的樣式，路
2018-09-13 03:40:56
60
原创 關於前端線上故障
先說明一點，對於故障的認識： 任何事情都是團隊的事情，不是一個人能承擔的。 僅僅是個人意識靠不住，需要團隊合作來保證。 事故預防處理 注重流程：先部署到測試環境，驗證後，部署到線上；交叉測試 代碼質量控制：code review；相
2018-09-13 03:40:56
原创 關於字體大小適配：根文檔使用px，組件使用rem，文本元素使用em
rem是一個非常酷的CSS3屬性，它相對於根元素<html>的字體大小適配。舉一個非常簡單的場景，要根據3種屏幕大小適配字體： 通常這麼實現： /* Document level adjustments */ html { fon
2018-09-13 03:40:56
1
原创 又到一週 週報時
先說個段子： 公司有個技術牛人，某產品專員向他提單，牛人一看內容很扯，質問“你覺得這個需求有價值嗎？” 對方誠懇回答：“沒價值，但是我總得寫週報啊。” 牛人想了一分鐘，回答說好吧我幫你做，因爲我也得寫週報啊。 週報越寫越流水賬，怎麼
2018-09-13 03:40:56
原创 前端模塊化
前端模塊化解決什麼問題？ 有了模塊，我就可以很方便的使用別人的代碼，想要什麼功能，就用加載什麼模塊。但是，這樣做需要有一個前提，那就是大家必須以同樣的方式編寫模塊，否則就亂套了。所以組內需要有一套統一的模塊規範。 如何實現模塊？ 1
2018-09-13 03:40:55
原创 怎樣低成本的實現網頁在移動端的適配
問題：同一個網頁，在web端顯示良好，在移動端訪問可讀性非常差。 目的：One page for all devices。網頁在不同的設備打開，在不同的分辨率下打開時可讀可用。網頁能夠兼容多個終端——而不是爲每個終端做一個特定的版本。
2018-09-13 03:40:55
1
原创 IIFE詳解
介紹IIFE; IIFE的性能; 使用IIFE的好處; IIFE最佳實踐; jQuery優化; 在Bootstrap源碼(具體請看《Bootstrap源碼解析》)和其他jQuery插件經常看到如下的寫法： +function ($
2018-09-13 03:40:55
原创 IIFE
介紹IIFE IIFE的性能 使用IIFE的好處 IIFE最佳實踐 jQuery優化 在Bootstrap源碼(具體請看《Bootstrap源碼解析》)和其他jQuery插件經常看到如下的寫法： +function ($) {
2018-09-13 03:40:55
原创 工具類產品的可用性度量方法
信息型產品代表是淘寶網，淘寶網的可用性度量可以通過這麼幾個指標：PV（Page View）、UV（User View）、轉化率。簡單來說，評判一個設計的好壞就是它所產生的商業價值。 工具類平臺不同，屬於功能型產品，用戶羣比較固定，訪問量
2018-09-13 03:40:55
原创 前端用研關注點
前端特別需要關注： 1. 用戶身份 (web\無線，TL\測試，系統長期用戶\系統新手、技術能力) 2. 交互視覺是否是用戶喜歡的 3. 界面分類排版合理 4. 頁面功能、規則、流程描述清晰易懂 ，是否有看不懂的地方 5. 改版內容
2018-09-13 03:40:55
原创 如何測試Javascript代碼的垃圾回收
一個小技巧。首先打開最新版的chrome瀏覽器。 chrome能測試Javascript的內存堆（分配給js對象的內存）的狀況，需要輸入一段代碼啓動它： chrome --enable-memory-info 接着，創建一個
2018-09-13 03:40:55
原创 長途旅行出行準備清單
覈對出行準備清單： 1、遮陽傘、草帽、太陽鏡、防曬霜 2、毛巾、牙刷、水乳液洗面奶面膜、花露水、(創可貼、口罩)、眼罩/U型枕、萬能頭巾、多備幾個塑料袋、紙巾 3、換洗衣5套，睡衣。注意早晚溫差，備外套。 4、牛肉乾、巧克力、口香糖
2018-09-13 03:40:55
原创 輕鬆理解JS中的 this
this的8種使用場景 // 1. Basic this function foo() { return this; } foo(); // 2. (function(){ return this; })() (func
2018-09-13 03:40:54
原创 PhantomJS
這裏下載，如果下載不了到這個備份下載v1.9.7 配置環境變量 D:\Program Files\phantomjs-1.9.7-windows;
2018-09-13 03:40:54
原创 K前端架構
先了解一個概念“軟件架構” 軟件架構：軟件系統的架構將系統描述爲計算組件及組件之間的交互。（Mary Shaw） 前端架構：和前端相關的軟件架構。 前端架構 = 前端組件 + 組件之間的交互。 K的前端架構 K前端要解
2018-09-13 03:40:54