摘要：我拖拖拖拖放基礎(chǔ)篇前端掘金不要搞錯，本文不是講如何拖地的。結(jié)構(gòu)說明前端應(yīng)該從哪些方面來優(yōu)化網(wǎng)站前端掘金不知道是哪位大牛的文章，轉(zhuǎn)過來回答。

我拖拖拖 --H5 拖放 API 基礎(chǔ)篇 - 前端 - 掘金
不要搞錯，本文不是講如何拖地的?？催^《javascript精粹》朋友應(yīng)該知道，他實(shí)現(xiàn)拖放的過程比較復(fù)雜，現(xiàn)在時(shí)代不同了，我們用H5的新的拖放API就能非常方便的實(shí)現(xiàn)拖放效果了。最近在園子見一園友寫了一篇《HTML5 進(jìn)階系列：拖放 API 實(shí)現(xiàn)拖放排序》，真乃...

單頁式應(yīng)用性能優(yōu)化 - 首屏數(shù)據(jù)漸進(jìn)式預(yù)加載 - 前端 - 掘金
前言 針對首頁和部分頁面打開速度慢的問題，我們開始對單頁式應(yīng)用性能進(jìn)行優(yōu)化。本文介紹其中一個方案：基于 HTTP Chunk 的首屏數(shù)據(jù)漸進(jìn)式預(yù)加載方案，該方案總體減少了單頁應(yīng)用1.2s的首屏呈現(xiàn)時(shí)間。同時(shí)對比其與同構(gòu)渲染方案的異同。 注：原文為百度SSP單頁...

移動端 web 開發(fā)技巧 - 前端 - 掘金
這是一個最好的時(shí)代，因?yàn)槲覀冋驹诔绷髦校坏彩且粋€最壞的時(shí)代，因?yàn)槲覀冋驹诔鳖^上。 META相關(guān) 1. 添加到主屏后的標(biāo)題（IOS） 2...

史上最詳細(xì)的webpack 講解3 （webpack.base.conf.js基礎(chǔ)配置） - 掘金
作者混元霹靂手-Ziksang 隔了好幾天了，我終于又出來了，今天我給大家講講vue-cli中webpack.base.conf.js的基礎(chǔ)配置，看看尤大神對這些配置做了那些重要性的處理的，不用看webpack-cli已經(jīng)是一個很成熟的腳手架了，對于它的配置...

登錄工程：現(xiàn)代 Web 應(yīng)用的典型身份驗(yàn)證需求 - 前端 - 掘金
朋友就職于某大型互聯(lián)網(wǎng)公司。前不久，在閑聊間我問他日常工作的內(nèi)容，他說他所在部門只負(fù)責(zé)一件事，即用戶與登錄。 而他的具體工作則是為各個業(yè)務(wù)子網(wǎng)站提供友好的登錄部件（Widget），從而統(tǒng)一整個網(wǎng)站群的登錄體驗(yàn)，同時(shí)也能令業(yè)務(wù)開發(fā)者不用花費(fèi)額外的精...

技術(shù) | 盤復(fù)最近的前端專業(yè)技術(shù)討論 - 前端 - 掘金
今天寫了一天的Objective-C代碼，滿腦子里是 [ NSString copy ] 這樣的符號。本來沒什么想分享的，后來想了想還是要盤復(fù)一下最近的一些專業(yè)亮點(diǎn)。至少了解了下，不是么？ 有幸加了一個“前端”大牛比較集中的微信群，偶爾看看Vue的作者尤講講...

【譯】一個值得所有前端開發(fā)者關(guān)注的網(wǎng)站: js.org - 前端 - 掘金
二十年后，域js.org第一次注冊，它終于服務(wù)于其明顯的目的 - JavaScript社區(qū)。 從一開始，對JavaScript的看法各不相同 - 有些人喜歡的語言，有人討厭它。但是，對于使JavaScript成為最受歡迎...

webpack 源碼學(xué)習(xí)系列之一：如何實(shí)現(xiàn)一個簡單的 webpack - 前端 - 掘金
前言 在上一篇 #98 中，我們通過實(shí)現(xiàn)requireJS，對模塊化有了一些認(rèn)識。今天我們更進(jìn)一步，看看如何實(shí)現(xiàn)一個簡單的webpack，實(shí)現(xiàn)的源碼參考這里。 目標(biāo) 現(xiàn)在的webpack是一個龐然大物，我們不可能實(shí)現(xiàn)其所有功能。 那么，應(yīng)該將目光聚焦在哪兒呢？...

webpack 使用教程 - 前端 - 掘金
入門 webpack 使用教程 Webpack Fundamentals (系列視頻教程) 如何使用 Webpack - webpack-howto (翻譯)(Instagram) 配套視頻, Instagram團(tuán)隊(duì)Pet...

徹底理解 JS 中 this 的指向 - 前端 - 掘金
首先必須要說的是，this的指向在函數(shù)定義的時(shí)候是確定不了的，只有函數(shù)執(zhí)行的時(shí)候才能確定this到底指向誰，實(shí)際上this的最終指向的是那個調(diào)用它的對象（這句話有些問題，后面會解釋為什么會有問題，雖然網(wǎng)上大部分的文章都是這樣說的，雖然在很多情況下那樣去理解不會...

webpack 不適合多頁面應(yīng)用？你寫的插件還不夠多 - 前端 - 掘金
webpack不適合多頁面應(yīng)用？想必你聽過很多這樣的論斷，也看到過gulp+webpack結(jié)合使用的方式，這不過是無奈之舉，因?yàn)槟壳皐ebpack可用的插件實(shí)在太少，自己寫起來門檻又太高，相比之下，gulp要靈活自如不少插件才是webpack的靈魂，用它就用它...

Web 如何防止 XSS 攻擊 - 前端 - 掘金
跨站腳本攻擊(Cross Site Scripting)，為不和層疊樣式表(Cascading Style Sheets, CSS)的縮寫混淆，故將跨站腳本攻擊縮寫為XSS。惡意攻擊者往Web頁面里插入惡意Script代碼，當(dāng)用戶瀏覽該頁之時(shí)，嵌入其中Web里...

你所不知道的跨域資源共享(CORS) - 掘金
本文同步更新于www.devsai.com 寫在前面 有沒有一看到講跨域資源共享的就不想再看的了，網(wǎng)上的跨域資源共享的博文，三天兩頭的就出一篇。 既然你已經(jīng)進(jìn)來看了，還請你稍稍忍耐下，繼續(xù)往下看，或許你會發(fā)現(xiàn)和之前看到的有不一樣的收獲。 其實(shí)，之前看過我寫的...

WEB 前端規(guī)范 - 前端 - 掘金

規(guī)范說明 此為前端開發(fā)團(tuán)隊(duì)遵循和約定的代碼書寫規(guī)范，意在提高代碼的規(guī)范性和可維護(hù)性。此規(guī)范為參考規(guī)范，不全是硬性要求，部分硬性約定見下一條書寫規(guī)范，統(tǒng)一團(tuán)隊(duì)編碼規(guī)范和風(fēng)格。讓所有代碼都是有規(guī)可循的，并且能夠得到沉淀，減少重復(fù)勞動。 1.1 結(jié)構(gòu)說明 ...

Web 前端應(yīng)該從哪些方面來優(yōu)化網(wǎng)站? - 前端 - 掘金
不知道是哪位大牛的文章，轉(zhuǎn)過來回答。前端是龐大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各種各樣的資源。前端優(yōu)化是復(fù)雜的，針對方方面面的資源都有不同的方式。那么，前端優(yōu)化的目的是什么 ? 1. 從用戶角度而言，優(yōu)化能夠...

7招提升你的前端開發(fā)效率 - 掘金
關(guān)于 首發(fā)地址：微信公眾號——前端呼啦圈（Love-FED） 我的博客：勞卜的博客 知乎專欄：前端呼啦圈 前言 前端工程師其實(shí)是一個工作很雜的職位，除了要負(fù)責(zé)切圖、寫html/css/js外，還要解決一系列的瀏覽器兼容性、網(wǎng)頁性能優(yōu)化等問題，所以提高前端工...

Webpack 中文指南 - 前端 - 掘金
Webpack 是當(dāng)下最熱門的前端資源模塊化管理和打包工具。它可以將許多松散的模塊按照依賴和規(guī)則打包成符合生產(chǎn)環(huán)境部署的前端資源。還可以將按需加載的模塊進(jìn)行代碼分隔，等到實(shí)際需要的時(shí)候再異步加載。通過 loader 的轉(zhuǎn)換，任何形式的資源都可以視作模塊，比如 ...

Java Web 前端到后臺常用框架介紹 - 后端 - 掘金
一、SpringMVC http://blog.csdn.net/evankaka... Spring Web MVC是一種基于Java的實(shí)現(xiàn)了Web MVC設(shè)計(jì)模式的請求驅(qū)動類型的輕量級Web框架，即使用了MV...

掌握 jQuery 插件開發(fā)，這篇文章就夠了 - 前端 - 掘金
在實(shí)際開發(fā)工作中，總會碰到像滾動，分頁，日歷等展示效果的業(yè)務(wù)需求，對于接觸過jQuery以及熟悉jQuery使用的人來說，首先想到的肯定是尋找現(xiàn)有的jQuery插件來滿足相應(yīng)的展示需求。目前頁面中常用的一些組件，都有多種jQuery插件可供選擇，網(wǎng)絡(luò)上也有很多...

QQ 音樂技術(shù)團(tuán)隊(duì)分享之 Webpack 實(shí)用技巧高效實(shí)戰(zhàn) - 前端 - 掘金
在項(xiàng)目中使用了一段時(shí)間的 Webpack ,得益于其多元的功能支持和配置定制，得到了很多本地編譯和依賴管理的幫助。在搭建好配置和架構(gòu)之后，開發(fā)過程中可以不再關(guān)注模塊的組織、載入、轉(zhuǎn)義、合并、精簡、兼容等各種方面的工程問題，全部交給 Webpack 來處理。效率...

你知道嗎？Web 的 26 項(xiàng)基本概念和技術(shù) - 工具資源 - 掘金
Web 開發(fā)是比較費(fèi)神的，需要掌握很多很多的東西，特別是從事前端開發(fā)的朋友，需要通十行才行。今天，本文向初學(xué)者介紹一些 Web 開發(fā)中的基本概念和用到的技術(shù)，從A到Z總共26項(xiàng)，每項(xiàng)對應(yīng)一個概念或者技術(shù)。 查看圖片 A —?AJAX AJAX&n...