原创 程序員的“能力陷阱”
在一個讀書APP裏讀到《能力陷阱》——一種顛覆性的強烈認知，迫使我連續聽了兩遍。書中提到的幾個陷阱，對號入座後幾乎是個個踏中，反省中。這裏推薦給每一個在職場的朋友，本書應該上半年我讀到的比較重量級的一本。 摘抄一段原文： 我們很樂於去做
2019-06-06 14:20:40
2
原创 5年編程生涯，我學到最重要的6個教訓
時間如梭，不是嗎？ 我的編程之旅始於 2014 年，當時我還只是個網頁製作的 實習生。說實話，我根本不知道自己在做什麼。即使是到了現在，這種狀況依然沒有改變。不過，在這個過程中，我確實學到了很多東西。 問題來了：在編程過程中，什麼語言纔是最
2019-06-06 14:20:39
2
原创 這玩意兒我也寫得出來，爲什麼我就不是高級程序員呢？
Brian Goetz 是 Java 領域的技術大牛，同時也是《Java 併發實踐》一書的作者之一。我最喜歡的一句名言就是他講的。這句話出現在甲骨文公司以《編寫傻瓜式代碼》爲題發表的訪談當中，當時記者問到 Goetz 如何才能編寫出性能良
2019-06-06 14:20:39
7
原创 HTML5進階FileReader的使用
FileReader 對象FileReader 對象主要用來把文件讀入內存，並且讀取文件中的數據。通過構造函數創建一個 FileReader 對象。 這個文件讀取對象有以下幾種方法： 1.readAsText():讀取文本文件(可以使用T
2019-06-06 14:20:39
1
原创 選擇程序員，意味着終生學習，眼前的安逸，不過是迷惑人心的溫牀
我片面的認爲，IT技術時代，本質上來說，依然是靠技術來驅動，也許談不上改變時代，卻至少應該給時代帶來便利。而傳統行業的製造業，已經經歷了幾十年的發展，實際上已經有大量優秀的企業了。根本不是短期的投入就可以實現彎道超車的，更需要一個正規團隊，
2019-06-06 14:20:39
3
原创 前端開發入門到實戰：CSS自定義屬性+CSS Grid網格實現超級的佈局能力
最近我還注意到的一件事就是CSS自定義屬性。CSS自定義屬性的工作方式有點像SASS和其他預處理器中的變量，主要的區別在於其它方法都是在瀏覽器中編譯後生成，還是原本的CSS寫法。CSS自定義屬性是真正的動態變量，可以在樣式表中或使用java
2019-06-05 14:20:51
3
原创 前端開發入門到實戰：CSS三欄佈局的5種方法詳解
題目:假設高度已知，請寫出三欄佈局，其中左欄、右欄寬度各爲300px，中間自適應. 三欄佈局的5種方案 這是一道經典的面試題，下面記錄了css佈局的5種方法。 <!DOCTYPE html> <html lang="en"> <head>
2019-06-05 14:20:51
2
原创 前端工程化的個人思考
在我的印象中，一提到軟件工程，首先不會想到的是前端這一塊，大概是因爲以往工作偏向的緣故。這兩年最大的感觸就是前端發展的很快，時下的前端開發也遠非從網絡中摳一段jQuery代碼就能搞定功能這麼簡單。 AJAX的出現第一次將前端的請求異步化，
2019-06-05 14:20:51
原创 前端開發入門到實戰：CSS陰影效果的比較 drop-Shadow與box-Shadow
drop-shadow與box-shadow都是陰影效果（光暈效果）的css屬性，二者最大的不同點在於：box-shadow只能製作矩形的陰影，而drop-shadow則可以製作和物件不透明區域完全相同形狀的陰影。底下是二個css屬性的用法
2019-06-05 14:20:51
4
原创 對"大前端"的偏見
摸索前端工程化時，針對羣友作了個簡單的問卷，參與人數不多，但也能表徵一部分現象，統計結果如下，從中也可見些許端倪。 獨立的前端團隊早已經不是什麼新鮮事，在那些大廠大寨子裏早已經存在，前端的發展可謂如日中天，一片從未有過的繁榮。前端
2019-06-05 14:20:51
原创 前端開發入門到實戰：HTML標籤和JS中設置CSS3 var變量
一、HTML標籤中設置CSS變量 如下： <div style="--color: #cd0000;"> <img src="mm.jpg" style="border: 10px solid var(--color);"> </d
2019-06-04 14:21:25
3
原创 前端開發入門到實戰：計算一個頁面內每個模塊的曝光時間（停留時間）
產品希望看到投放出去的活動頁，用戶對其頁面內的什麼信息比較感興趣，對什麼信息完全不感興趣。=> 計算頁面內每模塊的停留時間 第一次聽到這個需求，我的大腦開始瘋狂運轉，然後想到了plan 1, plan 2, plan3...中間還有很多
2019-06-04 14:21:25
6
原创 前端開發入門到實戰：通過 rem 和 vw 實現頁面等比例縮放自適應
一、rem 和 vw 簡介 1. rem rem 是相對長度單位，是指相對於根元素(即html元素)font-size(字號大小)的倍數。 瀏覽器支持：Caniuse 示例 若根元素 font-size 爲 12px html {
2019-06-04 14:21:25
3
原创 網站開發的福音：流行的靜態(博客)網站生成工具
最近特別流行使用靜態網站搭建博客，靜態網站非常適合專注於內容的網站，例如，博客。那你可能會問，爲什麼不用大名頂頂的wordpress（動態網站）呢。 靜態網站和動態網站相比有如下好處： 省錢。靜態網站佔用的系統資源少。如果掛到github
2019-06-04 14:21:25
1
原创 前端開發入門到實戰：CSS 頁面滾動平滑
1. 這些年自己步子慢了 這些年自己在無障礙訪問，SVG和Canvas這些偏小衆的領域花了大量的學習精力，以至於很多前端新特性，新技術沒能及時關注和了解，有CSS3領域的新屬性，有JS領域的新API，包括全新的ES6/ES7語法等，相比以前
2019-06-04 14:21:25
1