摘要：目錄不要過(guò)度依賴一前端掘金毫無(wú)疑問(wèn)，是一款非常優(yōu)秀的庫(kù)，它讓我們開(kāi)發(fā)項(xiàng)目變得更加便捷容易。但是作為一個(gè)前端工作者，我們肯定也希望在我們的網(wǎng)頁(yè)里也能看到這么酷分鐘搞定常用基礎(chǔ)知識(shí)前端掘金基礎(chǔ)智商劃重點(diǎn)在實(shí)際開(kāi)發(fā)中，已經(jīng)非常普及了。

跨域解決方案總結(jié) - 前端 - 掘金
為什么需要跨域？ 就得先知道同源策略. 同源策略 同源策略是為了保證數(shù)據(jù)的安全性,一個(gè)域的腳本不能去操作另外一個(gè)域的腳本的大多數(shù)的方法和屬性. 相同域與不同域 相同域: 兩個(gè)域具有相同的協(xié)議(http),相同的端口port,相同的host. ...

前端編碼風(fēng)格規(guī)范（3）—— JavaScript 規(guī)范 - 前端 - 掘金
全局命名空間污染與 IIFE 總是將代碼包裹成一個(gè) IIFE(Immediately-Invoked Function Expression)，用以創(chuàng)建獨(dú)立隔絕的定義域。這一舉措可防止全局命名空間被污染。 IIFE 還可確保你的代碼不會(huì)輕易被其它全局命名空間里...

ES 6 新特性匯總（一圖全覽） - 掘金
本文首發(fā)于 前端學(xué)習(xí)指南...

視頻 H5 の Video 標(biāo)簽在微信里的坑和技巧 - 前端 - 掘金
隨著 4G 的普遍以及 WiFi 的廣泛使用，手機(jī)上的網(wǎng)速已經(jīng)足夠穩(wěn)定和高速，以視頻為主的 HTML5 也越來(lái)越普遍了，相比幀動(dòng)畫，視頻的表現(xiàn)更加豐富，前段時(shí)間開(kāi)發(fā)了一個(gè)以視頻為主的移動(dòng)端 HTML5，在這里介紹一些實(shí)踐經(jīng)驗(yàn)。 統(tǒng)一播放效果 ...

國(guó)內(nèi)值得關(guān)注的官方 API 集合 - 工具資源 - 掘金
項(xiàng)目地址：https://github.com/marktony/A... 本頁(yè)僅收集國(guó)內(nèi)部分官方API，如需查看其他版本，請(qǐng)點(diǎn)擊這里。 目錄 ...

不要過(guò)度依賴 jQuery（一） - 前端 - 掘金
毫無(wú)疑問(wèn)，JQuery是一款非常優(yōu)秀的JavaScript庫(kù)，它讓我們開(kāi)發(fā)項(xiàng)目變得更加便捷容易。 不過(guò)，當(dāng)你準(zhǔn)備在一個(gè)項(xiàng)目（特別是移動(dòng)項(xiàng)目）中使用JQuery時(shí)，你真的該好好思考一下，你會(huì)用到JQuery的哪些功能，是否真的需要jQuery。因?yàn)殡S著Java...

不要過(guò)度依賴 JQuery（二） - 前端 - 掘金
為什么說(shuō)不要過(guò)度依賴JQuery呢？從項(xiàng)目方面來(lái)講，一些項(xiàng)目在開(kāi)發(fā)中實(shí)際用到JQuery內(nèi)置功能不多，這樣會(huì)造成項(xiàng)目臃腫；另一方面，目前的主流已經(jīng)傾向于原生開(kāi)發(fā)。 而在之前一篇《不要過(guò)度依賴JQuery（一）》一文中已經(jīng)介紹了部分使用原生JavaScript...

2017 年度視覺(jué)設(shè)計(jì)趨勢(shì) - 設(shè)計(jì) - 掘金
大家好，去年HJUED團(tuán)隊(duì)完成了16年設(shè)計(jì)趨勢(shì)報(bào)告，在一年的實(shí)踐過(guò)程中驗(yàn)證了數(shù)個(gè)關(guān)鍵詞確實(shí)如我們所預(yù)測(cè)有了較大范圍的應(yīng)用。在上個(gè)月中旬整個(gè)滬江用戶體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)開(kāi)始了新一年的交互和視覺(jué)設(shè)計(jì)趨勢(shì)研究，從大量的高質(zhì)量素材采集到合并提煉，幾乎所有成員都參與到了這個(gè)研究...

不要過(guò)度依賴 JQuery（三） - 前端 - 掘金
在這里先拜個(gè)年，祝大家新年快樂(lè)，闔家幸福，步步高升！ 回歸正題，在不要過(guò)度依賴JQuery（一）和不要過(guò)度依賴JQuery（二）兩篇文章中已經(jīng)列舉了大量的使用原生JavaScript替代JQuery的例子，在本文中將繼續(xù)列舉！ 1、表單 獲取焦點(diǎn) $("...

2017 年度設(shè)計(jì)大獎(jiǎng) + 構(gòu)建色彩平衡的 6 個(gè)小技巧 - 設(shè)計(jì) - 掘金
編者按：本欄精選了優(yōu)設(shè)的精選微博，人氣不一定最高，但一定能幫你擴(kuò)大設(shè)計(jì)視野，學(xué)到實(shí)戰(zhàn)設(shè)計(jì)知識(shí)的。 想學(xué)習(xí)更多的設(shè)計(jì)知識(shí)，歡迎關(guān)注優(yōu)設(shè)微博主編：@爆炒地瓜 權(quán)威設(shè)計(jì)雜志 Wallpaper* 2017 設(shè)計(jì)大獎(jiǎng)揭曉 ???? 輕松搞...

身為設(shè)計(jì)師，你也許需要一些算法 - 設(shè)計(jì) - 掘金
Sidebar 是我最近常去的一個(gè)小站, 每天會(huì)更新五篇關(guān)于設(shè)計(jì)的文章，讀一個(gè)幫你打一個(gè)勾，在工作之余看看很是舒服。上周的推送中有一篇 How UX helped me learn English 讓我想到了自己——英文閱讀能力的薄弱讓我對(duì)設(shè)計(jì)前...

前端優(yōu)化不完全指南 - 前端 - 掘金
篇幅可能有點(diǎn)長(zhǎng)，我想先聊一聊閱讀的方式，我希望你閱讀的時(shí)候，能夠把我當(dāng)作你的競(jìng)爭(zhēng)對(duì)手，你的夢(mèng)想是超越我。你想超越我，就得了解我懂什么對(duì)吧，好，開(kāi)始閱讀~ ~ 哈哈哈 ~ ~ ~ 歷時(shí)144000000毫秒出山的前端優(yōu)化篇，若你問(wèn)我有什么感悟？那我告訴你，看到毫...

50 款創(chuàng)意卡片式網(wǎng)站設(shè)計(jì)欣賞 - 設(shè)計(jì) - 掘金
摘要：創(chuàng)意卡片式設(shè)計(jì)鑒賞 AIGA CSSDSGN AWWWARDS SHOPIFY THEMES WORDPRESS.COM THEMES POLAROID CASUAL S...

H5 項(xiàng)目常見(jiàn)問(wèn)題匯總及解決方案 - 前端 - 掘金
轉(zhuǎn)自?https://github.com/FrontEndZQ... H5項(xiàng)目常見(jiàn)問(wèn)題及注意事項(xiàng) Meta基礎(chǔ)知識(shí)： H5頁(yè)面窗口自動(dòng)調(diào)整到設(shè)備寬度，并禁止用戶縮放頁(yè)面 //一、HTML頁(yè)面結(jié)構(gòu)...

不定期更新 JavaScript 技巧 - 前端 - 掘金
?JavaScript技巧，偶爾更新。 計(jì)算數(shù)組的極值 function smallest(array){ return Math.min.apply...

極客學(xué)院前端練習(xí)題 - 前端 - 掘金
此內(nèi)容是參考Github上這個(gè)位置的信息的總結(jié)，前端學(xué)習(xí)的作業(yè)是在課程13中按照作業(yè)的要求上傳到Github上開(kāi)源的，如果涉及侵權(quán)請(qǐng)及時(shí)聯(lián)系我，我會(huì)移除此信息，詳細(xì)的內(nèi)容請(qǐng)參考上面的連接。 ...

JavaScript 中的多線程 -- Web Worker - 前端 - 掘金
Web Worker 介紹 Web Worker為Web內(nèi)容在后臺(tái)線程中運(yùn)行腳本提供了一種簡(jiǎn)單的方法。線程可以執(zhí)行任務(wù)而不干擾用戶界面。此外，他們可以使用XMLHttpRequest執(zhí)...

深入了解 CSS 字體度量，行高和 vertical-align - 前端 - 掘金
編輯推薦： 掘金是一個(gè)高質(zhì)量的技術(shù)社區(qū)，從 CSS 到 Vue.js，性能優(yōu)化到開(kāi)源類庫(kù)，讓你不錯(cuò)過(guò)前端開(kāi)發(fā)的每一個(gè)技術(shù)干貨。 點(diǎn)擊鏈接查看最新前端內(nèi)容，或到各大應(yīng)用市場(chǎng)搜索「 掘金」下載APP，技術(shù)干貨盡在掌握中。 line-height和...

前端常見(jiàn)算法的 JS 實(shí)現(xiàn) - 前端 - 掘金
原文鏈接 排序算法 1、冒泡排序 function bubbleSort(arr){ var i = j = 0; for(i=1; i

按照 ESDoc 規(guī)范編寫代碼注釋 - 前端 - 掘金
介紹 ESDoc 是一個(gè) JavaScript 文檔生成器，按照規(guī)范編寫代碼注釋，即可生成友好的 JavaScript 代碼文檔。 應(yīng)用場(chǎng)景 ...

SVG 濾鏡創(chuàng)造液態(tài)滾動(dòng)沾粘（Gooey）效果 - 前端 - 掘金
在codepen發(fā)現(xiàn)這樣一個(gè)效果： 效果鏈接 從代碼中可以發(fā)現(xiàn)，它是使用了SVG中的濾鏡來(lái)實(shí)現(xiàn)這個(gè)效果的，主要是運(yùn)用高斯模糊和顏色矩陣以及混合這三個(gè)濾鏡組合來(lái)實(shí)現(xiàn)的。 下面就來(lái)學(xué)習(xí)下SVG中的濾鏡知識(shí)，來(lái)分析下如何使用SVG的...

基于原生js拖拽庫(kù), 順便封裝成 vue 組件, 寫文檔時(shí)間比寫代碼時(shí)間還長(zhǎng), 分享給大家~~~ - 前端 - 掘金
dnd.js 拖放庫(kù) drag and drop 查看DEMO ...

教你如何在 web 應(yīng)用程序中使用本地文件?上傳圖片file? - 前端 - 掘金
使用在HTML5中添加到DOM的File API，現(xiàn)在可以讓W(xué)eb內(nèi)容要求用戶選擇本地文件，然后讀取這些文件的內(nèi)容。此選擇可以通過(guò)使用HTML ??) 元素用來(lái)創(chuàng)建基于web表單的可交互控件.">?元素或...

原生 JavaScript 中 DOM 節(jié)點(diǎn)相關(guān) API 合集 - 前端 - 掘金
原生 JS 中 DOM 節(jié)點(diǎn)相關(guān) API 合集，現(xiàn)在 jQuery 漸漸沒(méi)有優(yōu)勢(shì)，推崇原生 JavaScript 了，趕緊學(xué)起來(lái)......

SVG 濾鏡原來(lái)還可以這么用 - 前端 - 掘金
開(kāi)始之前先來(lái)看張圖： 可以看到圖中使用到了一個(gè)特殊的模糊效果，而且這個(gè)模糊效果主要有以下幾個(gè)特點(diǎn)： 模糊效果是獨(dú)立于原圖片的。也就說(shuō)這里的模糊效果，并不是在設(shè)計(jì)軟件中事先設(shè)計(jì)好的 只需要幾行代碼就可以...

走進(jìn)網(wǎng)頁(yè)虛擬現(xiàn)實(shí) WebVR - 掘金
最近幾年，虛擬現(xiàn)實(shí)VR的概念火了一把，各種VR概念的游戲、設(shè)備、視頻受到人們的廣泛關(guān)注。筆者在逛商場(chǎng)的時(shí)候也經(jīng)常會(huì)看到有VR設(shè)備體驗(yàn)的地方讓游人體驗(yàn)一把，各種酷炫的頭盔和酷炫的設(shè)備著實(shí)抓人眼球。但是作為一個(gè)前端工作者，我們肯定也希望在我們的網(wǎng)頁(yè)里也能看到這么酷...

30 分鐘搞定 ES6 常用基礎(chǔ)知識(shí) - 前端 - 掘金
ES6基礎(chǔ)智商劃重點(diǎn) 在實(shí)際開(kāi)發(fā)中，ES6已經(jīng)非常普及了。掌握ES6的知識(shí)變成了一種必須。盡管我們?cè)谑褂脮r(shí)仍然需要經(jīng)過(guò)babel編譯。 ES6徹底改變了前端的編碼風(fēng)格，可以說(shuō)對(duì)于前端的影...

無(wú)縫、動(dòng)態(tài)地下載并注冊(cè)定制字體（Google 字體或其它字體資源）到應(yīng)用內(nèi) - iOS - 掘金
Introduction In brief, Inkwell is a font library to use custom fonts on the fly. Inkwell takes respons...

使用 SVG 輕松打造具有科幻元素的用戶界面 - 前端 - 掘金
在瀏覽器越來(lái)越先進(jìn)的今天，我們可以充分發(fā)揮想象力來(lái)使用代碼來(lái)打造非常漂亮舒暢的用戶界面，比如今天這篇文章就介紹使用SVG來(lái)實(shí)現(xiàn)具有科幻效果的用戶界面。 首先來(lái)看看效果，如下圖所示： 第一步創(chuàng)建基本的形狀元素 首先使用矢量設(shè)計(jì)軟...