標簽目錄：前端

2019
01-03

前端模塊化詳解(完整版)

前言在JavaScript發展初期就是為了實現簡單的頁面交互邏輯，寥寥數語即可；如今CPU、瀏覽器性能得到了極大的提升，很多頁面邏輯遷移到了客戶端（表單驗證等），隨著web2.0時代的到來，Ajax技術得到廣泛應用，jQuery等前端庫層出不窮，前端代碼日益膨脹，此時在JS方面就會考慮使用模塊化規范去管理。本文內容主要有理解模塊化，為什么要模塊化，模塊化的優缺點以及模塊化規范,并且介紹下開發中最流行的CommonJS,AMD,... 繼續閱讀 >

2018
12-07

如何優雅處理前端異常？

前端一直是距離用戶最近的一層，隨著產品的日益完善，我們會更加注重用戶體驗，而前端異常卻如鯁在喉，甚是煩人。一、為什么要處理異常？異常是不可控的，會影響最終的呈現結果，但是我們有充分的理由去做這樣的事情。1.增強用戶體驗；2.遠程定位問題；3.未雨綢繆，及早發現問題；4.無法復線問題，尤其是移動端，機型，系統都是問題；5.完善的前端方案，前端監控系統；對于JS而言，我們面對的僅僅只是異常，異常的出現... 繼續閱讀 >

2018
11-13

2018回顧前端技術清單

2018眼看就要過去了，今年的你相較去年技術上有怎樣的收獲呢？記得年初的時候我給自己制定了一個學習計劃，現在回顧來看完成度還不錯。但仍有些遺憾，一些技術點沒有時間去好好學習。在學習中我發現，像文章這樣的知識往往是碎片化的，而前端涉及到的面很多，如果不將這些知識有效梳理，則無法形成體系、相互串聯。最后有一種東懂一塊，西了解一點的感覺。因此，我結合工作體會抽象出了一些前端基礎技... 繼續閱讀 >

2018
11-08

各種小程序的差異點

最近各種小程序都出來湊熱鬧，但各家都有一套自己的實現方式，今天來看看最近流行的四款小程序的差異，本文總結了各自的差異，幫助你快速入門不熟悉的小程序?！じ庞[項目微信小程序百度小程序支付小程序快應用命名空間wxswammy無,需要require它提供的所有接口按wx形式封裝if指令wx:if... 繼續閱讀 >

2018
06-06

你不是一個前端

Mentor：“你不是一個前端”我："？？？"Mentor：“你不要老想著自己是一個前端，你不是一個前端”我：“可是把我招來不就是寫前端的嗎？？”Mentor：“你可以寫前端，但是你不要限制自己只作為一個前端，不要把自己的眼光局限在前端。你應該從整個項目、從工程的角度blablablabla...”我：（打斷）“不，我就是一名前端，我特別喜歡前端，特別喜歡JS”Ment... 繼續閱讀 >

2018
04-03

前端靜態資源緩存最優解以及max-age的陷阱

合理的使用緩存可以極大地提高網站的性能優勢，還可以節約帶寬從而降低服務器成本。但是很多站點有只弄對了一半或者一半都沒有，如果是這樣，就完全沒有發揮出緩存的優勢。很大程度上產生會由于靜態資源的競爭關系而導致依賴的靜態資源不同步。以下為兩個最佳靜態資源緩存實踐的例子。一、資源內容不變+設置長時間max-age//設置緩存時間為1年Cache-Control:max-age=31536000資源的內容不會更改，所以。。。... 繼續閱讀 >

2018
03-12

面試的信心來源于過硬的基礎

在過去的一年很多人不滿于公司沒有福利、人際關系不好相處、沒有發展前途的境遇等等，想著在開年來換一份工作來重新開始自己，那么你準備好了嗎？下面是本人整理的一份面試材料，本想自己用的，但是新年第一天公司突然給了我個驚喜，漲工資了?。?！1、viewport<metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>//width設置view... 繼續閱讀 >

2017
12-06

這么多前端優化點你都記得住嗎？

圍繞前端的性能多如牛毛，涉及到方方面面，以下我們將圍繞PC瀏覽器和移動端瀏覽器的優化策略進行羅列。注意，是羅列不是展開，遇到不會不懂的點還請站外擴展。開車速度有點快，坐穩了。tips:這么多前端優化點你都記得住嗎？反正我是收藏起來備查的。PC瀏覽器前端優化策略PC端優化的策略很多，如YSlow（YSlow是Yahoo發布的一款Firefox插件，現Chrome也可安裝，可以對網站的頁面性能進行分析，提... 繼續閱讀 >

2017
08-27

瀏覽器前端優化

優化全都是與速度和滿意度有關。從用戶體驗的角度，我們希望前端提供可以快速加載和執行的網頁。而從開發者體驗的角度，我們希望前端是快速、簡單而規范的。這不僅會給我們帶來快樂的用戶和快樂的開發者，而且由于Google偏向于優化，SEO排名也會顯著提高。如果你已經花費了大量時間來改善你網站的GooglePagespeedInsights分數，那么這將有助于揭示這一切實際上意味著什么，以及我們必須為優化前端所采取的... 繼續閱讀 >

2016
12-16

前端優化：9 個技巧，提高 Web 性能

當今數字世界，存在著無數的網站，每天都需要處理各種不同的原因的訪問。然而，這些網站中有很大一部分顯得笨重，使用起來也很麻煩。沒怎么優化的網站會被各種各樣的問題困擾，包括加載時間、不支持移動設備、瀏覽器兼容性問題，等等。這篇文章講述可以幫助改善優化前端的技術，非常有用。主要內容有清理代碼、壓縮圖片、壓縮外部資源、使用CDN，以及一些其它方法。這些方法會為你的網站帶顯著的速度提升和整體性能提升... 繼續閱讀 >

2016
11-13

如何識別牛逼的前端工程師

如何定義牛逼工程師有軟件工程方面的研究說，對于開發者個體而言，最優秀的開發者的生產效率約為平均值的2倍，而優秀的開發者會吸引其它優秀的人，或者激勵與幫助團隊中的其它成員，最終使團隊之間的生產效率差異達到10倍之多。所謂牛逼的工程師，就是那些個體效率是其它人2倍，形成團隊之后達到10倍差異的一群人。前端領域這幾年發展速度非?？?，人才分布呈兩級分化趨勢，大家都在說缺前端，其實缺的是牛逼前端... 繼續閱讀 >

2016
10-27

作為前端需要了解的B/S架構

C/S架構簡要介紹在了解什么是B/S架構之前，我們有必要了解一下什么是C/S架構：C/S架構是第一種比較早的軟件架構，主要用于局域網內。也叫 客戶機/服務器模式。它可以分為客戶機和服務器兩層：第一層是在客戶機系統上結合了界面顯示與業務邏輯，第二層是通過網絡結合了數據庫服務器。簡單的說就是第一層是用戶表示層，第二層是數據庫層。這里需要補充的是，客戶端不僅僅是一些簡單的操作，它也是... 繼續閱讀 >

2016
09-21

前端開發框架對比

近幾年隨著jQuery、Ext以及CSS3的發展，以Bootstrap為代表的前端開發框架如雨后春筍般擠入視野，可謂應接不暇。不論是桌面瀏覽器端還是移動端都涌現出很多優秀的框架，極大豐富了開發素材，也方便了大家的開發。這些框架各有特點，本文對這些框架進行初步的介紹與比較，希望能夠為大家選擇框架提供一點幫助，也為后續詳細研究這些框架的拋磚引玉。JavaScript&CSS目前前端框架主要采用JavaScript+CSS模式，... 繼續閱讀 >

2016
09-12

前端安全之路-代碼保護

0x00前言在信息安全領域，可信系統（Trustedsystem）是一個讓人心動的目標，它指的是一個通過實施特定的安全策略而達到一定可信程度的系統。在計算機中，可信平臺模塊（TrustedPlatformModule，TPM）已經投入使用，它符合可信賴計算組織（TrustedComputingGroup，TCG）制定的TPM規范，是為了實現可信系統目標的而打造的一款安全芯片。作為可信系統的信任根，TPM是可信計算的核心模塊，為計算機安全提供了強有力的保障... 繼續閱讀 >

2016
09-10

超級有用的前端基礎技術面試問題收集

說說你對閉包的理解使用閉包主要是為了設計私有的方法和變量。閉包的優點是可以避免全局變量的污染，缺點是閉包會常駐內存，會增大內存使用量，使用不當很容易造成內存泄露。閉包有三個特性：1.函數嵌套函數2.函數內部可以引用外部的參數和變量3.參數和變量不會被垃圾回收機制回收請你談談Cookie的弊端cookie雖然在持久保存客戶端數據提供了方便，分擔了服務器存儲的負擔，但還是有很多局限性的。第一：每個特定的域名... 繼續閱讀 >

2016
09-06

論一個前端的自我修養

今天給大家分享的主題是前端的自我成長，這是一個關于成長的話題。很多人都有這樣的感覺：聽了很多技術圈子的分享，有的有深度，有的循循善誘，深入淺出，但是呢，幾年下來，到底哪些用上了，哪些對自己真的有幫助了?反而有些模糊。2015年我在不同的場合分享了很多內容：有移動端的性能、有適配、有WebvsNative，也有hybrid，但是其實我一直比較擔心，真正有深度的內容，其實面向的是比較小眾的群體，比如說Hybrid，其... 繼續閱讀 >