我拖拖拖 –H5 拖放 API 基礎篇 – 前端 – 掘金
不要搞錯，本文不是講如何拖地的。看過《javascript精粹》朋友應該知道，他實現拖放的過程比較複雜，現在時代不同了，我們用H5的新的拖放API就能非常方便的實現拖放效果了。最近在園子見一園友寫了一篇《HTML5 進階系列：拖放 API 實現拖放排序》，真乃…
單頁式應用效能優化 – 首屏資料漸進式預載入 – 前端 – 掘金
前言 針對首頁和部分頁面開啟速度慢的問題，我們開始對單頁式應用效能進行優化。本文介紹其中一個方案：基於 HTTP Chunk 的首屏資料漸進式預載入方案，該方案總體減少了單頁應用1.2s的首屏呈現時間。同時對比其與同構渲染方案的異同。 注：原文為百度SSP單頁…
移動端 web 開發技巧 – 前端 – 掘金
這是一個最好的時代，因為我們站在潮流中；但也是一個最壞的時代，因為我們站在潮頭上。 META相關 1. 新增到主屏後的標題（IOS） <meta name=”apple-mobile-web-app-title” content=”標題”> 2…
史上最詳細的webpack 講解3 （webpack.base.conf.js基礎配置） – 掘金
作者混元霹靂手-Ziksang 隔了好幾天了，我終於又出來了，今天我給大家講講vue-cli中webpack.base.conf.js的基礎配置，看看尤大神對這些配置做了那些重要性的處理的，不用看webpack-cli已經是一個很成熟的腳手架了，對於它的配置…
登入工程：現代 Web 應用的典型身份驗證需求 – 前端 – 掘金
朋友就職於某大型網際網路公司。前不久，在閒聊間我問他日常工作的內容，他說他所在部門只負責一件事，即使用者與登入。 而他的具體工作則是為各個業務子網站提供友好的登入部件（Widget），從而統一整個網站群的登入體驗，同時也能令業務開發者不用花費額外的精…
技術 | 盤復最近的前端專業技術討論 – 前端 – 掘金
今天寫了一天的Objective-C程式碼，滿腦子裡是 [ NSString copy ] 這樣的符號。本來沒什麼想分享的，後來想了想還是要盤復一下最近的一些專業亮點。至少了解了下，不是麼？ 有幸加了一個“前端”大牛比較集中的微信群，偶爾看看Vue的作者尤講講…
【譯】一個值得所有前端開發者關注的網站: js.org – 前端 – 掘金
二十年後，域js.org第一次註冊，它終於服務於其明顯的目的 – JavaScript社群。 從一開始，對JavaScript的看法各不相同 – 有些人喜歡的語言，有人討厭它。但是，對於使JavaScript成為最受歡迎…
webpack 原始碼學習系列之一：如何實現一個簡單的 webpack – 前端 – 掘金
前言 在上一篇 #98 中，我們通過實現requireJS，對模組化有了一些認識。今天我們更進一步，看看如何實現一個簡單的webpack，實現的原始碼參考這裡。 目標 現在的webpack是一個龐然大物，我們不可能實現其所有功能。 那麼，應該將目光聚焦在哪兒呢？…
webpack 使用教程 – 前端 – 掘金
入門 webpack 使用教程 Webpack Fundamentals (系列視訊教程) 如何使用 Webpack – webpack-howto (翻譯)(Instagram) 配套視訊, Instagram團隊Pet…
徹底理解 JS 中 this 的指向 – 前端 – 掘金
首先必須要說的是，this的指向在函式定義的時候是確定不了的，只有函式執行的時候才能確定this到底指向誰，實際上this的最終指向的是那個呼叫它的物件（這句話有些問題，後面會解釋為什麼會有問題，雖然網上大部分的文章都是這樣說的，雖然在很多情況下那樣去理解不會…
webpack 不適合多頁面應用？你寫的外掛還不夠多 – 前端 – 掘金
webpack不適合多頁面應用？想必你聽過很多這樣的論斷，也看到過gulp+webpack結合使用的方式，這不過是無奈之舉，因為目前webpack可用的外掛實在太少，自己寫起來門檻又太高，相比之下，gulp要靈活自如不少外掛才是webpack的靈魂，用它就用它…
Web 如何防止 XSS 攻擊 – 前端 – 掘金
跨站指令碼攻擊(Cross Site Scripting)，為不和層疊樣式表(Cascading Style Sheets, CSS)的縮寫混淆，故將跨站指令碼攻擊縮寫為XSS。惡意攻擊者往Web頁面裡插入惡意Script程式碼，當使用者瀏覽該頁之時，嵌入其中Web裡…
你所不知道的跨域資源共享(CORS) – 掘金
本文同步更新於www.devsai.com 寫在前面 有沒有一看到講跨域資源共享的就不想再看的了，網上的跨域資源共享的博文，三天兩頭的就出一篇。 既然你已經進來看了，還請你稍稍忍耐下，繼續往下看，或許你會發現和之前看到的有不一樣的收穫。 其實，之前看過我寫的…
-
規範說明 此為前端開發團隊遵循和約定的程式碼書寫規範，意在提高程式碼的規範性和可維護性。此規範為參考規範，不全是硬性要求，部分硬性約定見下一條書寫規範，統一團隊編碼規範和風格。讓所有程式碼都是有規可循的，並且能夠得到沉澱，減少重複勞動。 1.1 結構說明 …
Web 前端應該從哪些方面來優化網站? – 前端 – 掘金
不知道是哪位大牛的文章，轉過來回答。前端是龐大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各種各樣的資源。前端優化是複雜的，針對方方面面的資源都有不同的方式。那麼，前端優化的目的是什麼 ? 1. 從使用者角度而言，優化能夠…
7招提升你的前端開發效率 – 掘金
關於 首發地址：微信公眾號——前端呼啦圈（Love-FED） 我的部落格：勞卜的部落格 知乎專欄：前端呼啦圈 前言 前端工程師其實是一個工作很雜的職位，除了要負責切圖、寫html/css/js外，還要解決一系列的瀏覽器相容性、網頁效能優化等問題，所以提高前端工…
Webpack 中文指南 – 前端 – 掘金
Webpack 是當下最熱門的前端資源模組化管理和打包工具。它可以將許多鬆散的模組按照依賴和規則打包成符合生產環境部署的前端資源。還可以將按需載入的模組進行程式碼分隔，等到實際需要的時候再非同步載入。通過 loader 的轉換，任何形式的資源都可以視作模組，比如 …
Java Web 前端到後臺常用框架介紹 – 後端 – 掘金
一、SpringMVC http://blog.csdn.net/evankaka… Spring Web MVC是一種基於Java的實現了Web MVC設計模式的請求驅動型別的輕量級Web框架，即使用了MV…
掌握 jQuery 外掛開發，這篇文章就夠了 – 前端 – 掘金
在實際開發工作中，總會碰到像滾動，分頁，日曆等展示效果的業務需求，對於接觸過jQuery以及熟悉jQuery使用的人來說，首先想到的肯定是尋找現有的jQuery外掛來滿足相應的展示需求。目前頁面中常用的一些元件，都有多種jQuery外掛可供選擇，網路上也有很多…
QQ 音樂技術團隊分享之 Webpack 實用技巧高效實戰 – 前端 – 掘金
在專案中使用了一段時間的 Webpack ,得益於其多元的功能支援和配置定製，得到了很多本地編譯和依賴管理的幫助。在搭建好配置和架構之後，開發過程中可以不再關注模組的組織、載入、轉義、合併、精簡、相容等各種方面的工程問題，全部交給 Webpack 來處理。效率…
你知道嗎？Web 的 26 項基本概念和技術 – 工具資源 – 掘金
Web 開發是比較費神的，需要掌握很多很多的東西，特別是從事前端開發的朋友，需要通十行才行。今天，本文向初學者介紹一些 Web 開發中的基本概念和用到的技術，從A到Z總共26項，每項對應一個概念或者技術。 檢視圖片 A — AJAX AJAX&n…