H5 知識點 - 收藏集 - 掘金

跨域解決方案總結 - 前端 - 掘金
爲何須要跨域？ 就得先知道同源策略. 同源策略 同源策略是爲了保證數據的安全性,一個域的腳本不能去操做另一個域的腳本的大多數的方法和屬性. 相同域與不一樣域 相同域: 兩個域具備相同的協議(http),相同的端口port,相同的host. ...

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

ES 6 新特性彙總（一圖全覽） - 掘金
本文首發於 前端學習指南...

視頻 H5 の Video 標籤在微信裏的坑和技巧 - 前端 - 掘金
隨着 4G 的廣泛以及 WiFi 的普遍使用，手機上的網速已經足夠穩定和高速，以視頻爲主的 HTML5 也愈來愈廣泛了，相比幀動畫，視頻的表現更加豐富，前段時間開發了一個以視頻爲主的移動端 HTML5，在這裏介紹一些實踐經驗。 統一播放效果 ...

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

不要過分依賴 jQuery（一） - 前端 - 掘金
毫無疑問，JQuery是一款很是優秀的JavaScript庫，它讓咱們開發項目變得更加便捷容易。 不過，當你準備在一個項目（特別是移動項目）中使用JQuery時，你真的該好好思考一下，你會用到JQuery的哪些功能，是否真的須要jQuery。由於隨着Java...

不要過分依賴 JQuery（二） - 前端 - 掘金
爲何說不要過分依賴JQuery呢？從項目方面來說，一些項目在開發中實際用到JQuery內置功能很少，這樣會形成項目臃腫；另外一方面，目前的主流已經傾向於原生開發。 而在以前一篇《不要過分依賴JQuery（一）》一文中已經介紹了部分使用原生JavaScript...

2017 年度視覺設計趨勢 - 設計 - 掘金
你們好，去年HJUED團隊完成了16年設計趨勢報告，在一年的實踐過程當中驗證了數個關鍵詞確實如咱們所預測有了較大範圍的應用。在上個月中旬整個滬江用戶體驗設計團隊開始了新一年的交互和視覺設計趨勢研究，從大量的高質量素材採集到合併提煉，幾乎全部成員都參與到了這個研究...

不要過分依賴 JQuery（三） - 前端 - 掘金
在這裏先拜個年，祝你們新年快樂，闔家幸福，步步高昇！ 迴歸正題，在不要過分依賴JQuery（一）和不要過分依賴JQuery（二）兩篇文章中已經列舉了大量的使用原生JavaScript替代JQuery的例子，在本文中將繼續列舉！ 一、表單 獲取焦點 $('...

2017 年度設計大獎 + 構建色彩平衡的 6 個小技巧 - 設計 - 掘金
編者按：本欄精選了優設的精選微博，人氣不必定最高，但必定能幫你擴大設計視野，學到實戰設計知識的。 想學習更多的設計知識，歡迎關注優設微博主編：@爆炒地瓜 權威設計雜誌 Wallpaper* 2017 設計大獎揭曉 ​​​​ 輕鬆搞...

身爲設計師，你也許須要一些算法 - 設計 - 掘金
Sidebar 是我最近常去的一個小站, 天天會更新五篇關於設計的文章，讀一個幫你打一個勾，在工做之餘看看非常舒服。上週的推送中有一篇 How UX helped me learn English 讓我想到了本身——英文閱讀能力的薄弱讓我對設計前...

前端優化不徹底指南 - 前端 - 掘金
篇幅可能有點長，我想先聊一聊閱讀的方式，我但願你閱讀的時候，可以把我看成你的競爭對手，你的夢想是超越我。你想超越我，就得了解我懂什麼對吧，好，開始閱讀~ ~ 哈哈哈 ~ ~ ~ 歷時144000000毫秒出山的前端優化篇，若你問我有什麼感悟？那我告訴你，看到毫...

50 款創意卡片式網站設計欣賞 - 設計 - 掘金
摘要：創意卡片式設計鑑賞 AIGA CSSDSGN AWWWARDS SHOPIFY THEMES WORDPRESS.COM THEMES POLAROID CASUAL S...

H5 項目常見問題彙總及解決方案 - 前端 - 掘金
轉自 https://github.com/FrontEndZQ... H5項目常見問題及注意事項 Meta基礎知識： H5頁面窗口自動調整到設備寬度，並禁止用戶縮放頁面 //1、HTML頁面結構...

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

極客學院前端練習題 - 前端 - 掘金
此內容是參考Github上這個位置的信息的總結，前端學習的做業是在課程13中按照做業的要求上傳到Github上開源的，若是涉及侵權請及時聯繫我，我會移除此信息，詳細的內容請參考上面的鏈接。 ...

JavaScript 中的多線程 -- Web Worker - 前端 - 掘金
Web Worker 介紹 Web Worker爲Web內容在後臺線程中運行腳本提供了一種簡單的方法。線程能夠執行任務而不干擾用戶界面。此外，他們可使用XMLHttpRequest執...

深刻了解 CSS 字體度量，行高和 vertical-align - 前端 - 掘金
編輯推薦： 掘金是一個高質量的技術社區，從 CSS 到 Vue.js，性能優化到開源類庫，讓你不錯過前端開發的每個技術乾貨。 點擊連接查看最新前端內容，或到各大應用市場搜索「 掘金」下載APP，技術乾貨盡在掌握中。 line-height和...

前端常見算法的 JS 實現 - 前端 - 掘金
原文連接 排序算法 一、冒泡排序 function bubbleSort(arr){ var i = j = 0; for(i=1; i<arr.length; i+...

按照 ESDoc 規範編寫代碼註釋 - 前端 - 掘金
介紹 ESDoc 是一個 JavaScript 文檔生成器，按照規範編寫代碼註釋，便可生成友好的 JavaScript 代碼文檔。 應用場景 ...

SVG 濾鏡創造液態滾動沾粘（Gooey）效果 - 前端 - 掘金
在codepen發現這樣一個效果： 效果連接 從代碼中能夠發現，它是使用了SVG中的濾鏡來實現這個效果的，主要是運用高斯模糊和顏色矩陣以及混合這三個濾鏡組合來實現的。 下面就來學習下SVG中的濾鏡知識，來分析下如何使用SVG的...

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

教你如何在 web 應用程序中使用本地文件•上傳圖片file✔ - 前端 - 掘金
使用在HTML5中添加到DOM的File API，如今可讓Web內容要求用戶選擇本地文件，而後讀取這些文件的內容。此選擇能夠經過使用HTML   ) 元素用來建立基於web表單的可交互控件."><input> 元素或...

原生 JavaScript 中 DOM 節點相關 API 合集 - 前端 - 掘金
原生 JS 中 DOM 節點相關 API 合集，如今 jQuery 漸漸沒有優點，推崇原生 JavaScript 了，趕忙學起來......

SVG 濾鏡原來還能夠這麼用 - 前端 - 掘金
開始以前先來看張圖： 能夠看到圖中使用到了一個特殊的模糊效果，並且這個模糊效果主要有如下幾個特色： 模糊效果是獨立於原圖片的。也就說這裏的模糊效果，並非在設計軟件中事先設計好的 只須要幾行代碼就能夠...

走進網頁虛擬現實 WebVR - 掘金
最近幾年，虛擬現實VR的概念火了一把，各類VR概念的遊戲、設備、視頻受到人們的普遍關注。筆者在逛商場的時候也常常會看到有VR設備體驗的地方讓遊人體驗一把，各類酷炫的頭盔和酷炫的設備着實抓人眼球。可是做爲一個前端工做者，咱們確定也但願在咱們的網頁裏也能看到這麼酷...

30 分鐘搞定 ES6 經常使用基礎知識 - 前端 - 掘金
ES6基礎智商劃重點 在實際開發中，ES6已經很是普及了。掌握ES6的知識變成了一種必須。儘管咱們在使用時仍然須要通過babel編譯。 ES6完全改變了前端的編碼風格，能夠說對於前端的影...

無縫、動態地下載並註冊定製字體（Google 字體或其它字體資源）到應用內 - iOS - 掘金
Introduction In brief, Inkwell is a font library to use custom fonts on the fly. Inkwell takes respons...

使用 SVG 輕鬆打造具備科幻元素的用戶界面 - 前端 - 掘金在瀏覽器愈來愈先進的今天，咱們能夠充分發揮想象力來使用代碼來打造很是漂亮舒暢的用戶界面，好比今天這篇文章就介紹使用SVG來實現具備科幻效果的用戶界面。 首先來看看效果，以下圖所示： 第一步建立基本的形狀元素 首先使用矢量設計軟...