前端經驗 - 收藏集 - 掘金

我拖拖拖 --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 寫在前面 有沒有一看到講跨域資源共享的就不想再看的了，網上的跨域資源共享的博文，三天兩頭的就出一篇。 既然你已經進來看了，還請你稍稍忍耐下，繼續往下看，或許你會發現和以前看到的有不同的收穫。 其實，以前看過我寫的...

WEB 前端規範 - 前端 - 掘金

1. 規範說明 此爲前端開發團隊遵循和約定的代碼書寫規範，意在提升代碼的規範性和可維護性。此規範爲參考規範，不全是硬性要求，部分硬性約定見下一條書寫規範，統一團隊編碼規範和風格。讓全部代碼都是有規可循的，而且可以獲得沉澱，減小重複勞動。 1.1 結構說明 ...

Web 前端應該從哪些方面來優化網站? - 前端 - 掘金
不知道是哪位大牛的文章，轉過來回答。前端是龐大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各類各樣的資源。前端優化是複雜的，針對方方面面的資源都有不一樣的方式。那麼，前端優化的目的是什麼 ? 1. 從用戶角度而言，優化可以...

7招提高你的前端開發效率 - 掘金
關於 首發地址：微信公衆號——前端呼啦圈（Love-FED） 個人博客：勞卜的博客 知乎專欄：前端呼啦圈 前言 前端工程師實際上是一個工做很雜的職位，除了要負責切圖、寫html/css/js外，還要解決一系列的瀏覽器兼容性、網頁性能優化等問題，因此提升前端工...

Webpack 中文指南 - 前端 - 掘金
Webpack 是當下最熱門的前端資源模塊化管理和打包工具。它能夠將許多鬆散的模塊按照依賴和規則打包成符合生產環境部署的前端資源。還能夠將按需加載的模塊進行代碼分隔，等到實際須要的時候再異步加載。經過 loader 的轉換，任何形式的資源均可以視做模塊，好比 ...

Java Web 前端到後臺經常使用框架介紹 - 後端 - 掘金
1、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...