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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

30 分鐘搞定 ES6 常用基礎(chǔ)知識 - 前端 - 掘金
ES6基礎(chǔ)智商劃重點 在實際開發(fā)中，ES6已經(jīng)非常普及了。掌握ES6的知識變成了一種必須。盡管我們在使用時仍然需要經(jīng)過babel編譯。 ES6徹底改變了前端的編碼風(fēng)格，可以說對于前端的影...

無縫、動態(tài)地下載并注冊定制字體（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 輕松打造具有科幻元素的用戶界面 - 前端 - 掘金
在瀏覽器越來越先進(jìn)的今天，我們可以充分發(fā)揮想象力來使用代碼來打造非常漂亮舒暢的用戶界面，比如今天這篇文章就介紹使用SVG來實現(xiàn)具有科幻效果的用戶界面。 首先來看看效果，如下圖所示： 第一步創(chuàng)建基本的形狀元素 首先使用矢量設(shè)計軟...