原创 前端資源加載重試

介紹 對於TO C的應用,用戶網絡千差萬別,總有各種網絡問題導致資源加載失敗,使得訪問時出現白屏,樣式錯亂等。資源加載重試,則是提高用戶體驗中重要的一環。 最近開始嘗試用 Vue 整套技術體系進行開發。如何在 Vue 中做資源加載重試? 資

原创 CSS選擇器

選擇器 規則結構 選擇器 聲明塊(屬性:值;) h1 {color:red;} 分組 分組分爲選擇器分組和聲明分組。 h1,h2 {color:red} //選擇器分組 h1 {color:red;background:yel

原创 聊聊這一年從技術麻瓜開始的奮鬥史

技術麻瓜的大三狗,從初創公司唯一一個前端,到獨自北漂在去哪兒進行寒假實習,最後南下騰訊暑期實習併成功轉正。 作爲一隻野生的程序員,經歷了一年的野蠻生長。將這一年的經歷記錄下,回味這一年的成長。 背景介紹 華科,通信工程專業學渣一枚,目前

原创 試着探索高併發下的系統架構面貌

前言 以前端入行編碼,但是對後端架構也非常感興趣。一直以來都覺得那些做到在洪水流量面前保持系統提供高可靠,高性能的服務的小哥哥們都很厲害。總想着去學習一番,因此大半年來不斷學習後端相關的知識,試圖去理解高併發架構的面貌。 當然,本文僅僅是

原创 漫話密碼存儲

背景 密碼是用來進行鑑權(身份認證)一種手段,說白了就是證明你是誰。一般鑑權都可以總結爲下面3種形式: 你知道什麼? (如密碼,密碼提示問題等) 你有什麼? (如信用卡,token卡等) 你是什麼?(如指紋識別,瞳孔識別等) 常見攻擊

原创 前端也該瞭解的一些後端知識

前言 作爲一個有追求的前端,在學有餘力的同時,不應該把自己僅僅侷限於前端的世界中的。 而後端的知識是與前端工作最密切相關的一部分內容,多瞭解些後端的知識也是大有裨益的。 本文簡單敘述了三種構建大型架構的必備知識。也是我做前端這麼久以來,

原创 H5數據推送

WilsonLiu’s blog 首發地址 前言 衆所周知,AJAX的出現是前端快速發展的一個標誌,同時也是前後端得以分離的重要基礎。作爲一個C/S網絡的web系統,網絡通信在發揮着舉足輕重的作用。 大部分的場景下,我們是主動觸發AJA

原创 閱讀sea.js源碼小結

sea.js想解決的問題 惱人的命名衝突 煩瑣的文件依賴 對應帶來的好處 Sea.js 帶來的兩大好處: 通過 exports 暴露接口。這意味着不需要命名空間了,更不需要全局變量。這是一種徹底的命名衝突解決方案。 通過 requi

原创 結構和層疊

結構和層疊 繼承(Inheritance)是從一個元素向其後代元素傳遞屬性值所採用的機制。另外還需要考慮聲明的特殊性與聲明本身的來源。這個過程稱爲層疊(cascade)。 特殊性 對於每個規則,瀏覽器都會計算選擇器的特殊性(specifi

原创 JavaScript函數式編程

JavaScript函數式編程 摘要 以往經常看到”函數式編程“這一名詞,卻始終沒有花時間去學習,暑期實習結束之後一直忙於邊養老邊減肥,81天成功瘦身30斤+ ,開始迴歸正常的學習生活。 便在看《JavaScript函數式編程》這本書,

原创 shell script編程小結--附帶實例

shell script編程小結 前言 shell作爲編程中不可或缺的一部分,平日裏,我們經常會在shell中輸入一些命令。有時候也需要完成一些複雜的操作,重複的輸入多條相同的命令,過於費時和無趣。所以掌握shell script就顯得非

原创 基本視覺格式化

基本視覺格式化 基本框 內容區,內邊距,邊框,外邊距。 邊框的顏色如果沒有設置,將取元素內容的前景色,同時邊框與內容和內邊距具有相同的背景。 包含塊 每個元素都相對於其包含塊擺放,可以這麼說,包含塊就是一個元素的“佈局上下文”。 塊級元

原创 漫話前端緩存

漫話前端緩存 背景說明 緩存一直是前端性能優化中,濃墨重彩的一筆。瞭解前端緩存是打造高性能網站的必要知識。 之前,對於緩存的認知一直停留在看《HTTP權威指南》和一些相關帖子的深度,過了一段時間,又總是忘記,正好最近不是很忙,結合內網

原创 認識前端安全

前端安全一直是一個蠻嚴苛的問題,特別如果設計到money更是如此。 瞭解前端安全,在平時的coding中主動考慮,防範於未然,是一個有追求的程序猿應該做的。 未登錄 我們從弱弱的基本開始,第一步當然是登錄鑑權了,如果一個需要用戶身份鑑權

原创 PHP字符串

字符串 正則表達式 PHP支持POSIX和Perl兩種正則表達式實現的特性和語法。 POSIX 略 perl perl與JavaScript的正則表示風格一致,故採用perl版的正則表達式。 preg_grep() <?php $a=