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

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

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

移動(dòng)端 web 開(kāi)發(fā)技巧 - 前端 - 掘金
這是一個(gè)最好的時(shí)代，因?yàn)槲覀冋驹诔绷髦?；但也是一個(gè)最壞的時(shí)代，因?yàn)槲覀冋驹诔鳖^上。 META相關(guān) 1. 添加到主屏后的標(biāo)題（IOS） 2...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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