個人大前端- 收藏集 - 掘金

微信小程序實戰學習 起手式 DEMO 仿肯德基 - 前端 - 掘金
小程序？大場景? 微信小程序本質上來講就是一個 HTML 5（移動網頁） 應用，用view、scoll-view代替了div標籤等，換湯不換藥。在微信中運行時，微信小程序得到更多的系統權限。首先是數據緩存能力，這可讓用戶在打開一個小程序的時候將程序的...

正則表達式前端使用手冊 - 前端 - 掘金
導讀 你有沒有在搜索文本的時候絞盡腦汁, 試了一個又一個表達式, 仍是不行. 你有沒有在表單驗證的時候, 只是作作樣子(只要不爲空就好), 而後燒香拜佛, 虔誠祈禱, 千萬不要出錯. 你有沒有在使用sed 和 grep 命令的時候, 感...

吹毛求疵的追求優雅高性能JavaScript - 前端 - 掘金
SpinKit 是一套網頁動畫效果，包含8種基於 CSS3 實現的很炫的加載動畫。藉助 CSS3 Animation 的強大功能來建立平滑，易於定製的動畫。SpinKit 的目標不是提供一個每一個瀏覽器都兼容的解決方案，而是給現代瀏覽器提供更優的技術實...

2017 年值得關注的 3 個 JavaScript 庫 - 前端 - 掘金
唷，2016結束了！ 這一年對於世界和JavaScript領域來講都是瘋狂的一年。 無數新的使人印象深入的庫和框架涌現，你可能不須要 JavaScript 展現了一些模式，提出了使用 JavaScript 的一些問題，和一張Nolan Lawson談前端的幻燈...

手把手教你用 es6+vue2+webpack2+vue-router2 搭建我的 blog - 前端 - 掘金
這是一個開源的我的blog項目。 前端的所使用的技術棧: es6 ...

前端基礎進階：詳細圖解，完全搞懂閉包與做用域鏈 - 前端 - 掘金
攻克閉包難題 初學JavaScript的時候，我在學習閉包上，走了不少彎路。而此次從新回過頭來對基礎知識進行梳理，要講清楚閉包，也是一個很是大的挑戰。 閉包有多重...

給全部開發者的React Native詳細入門指南（第一階段） - 掘金
版權聲明：本文爲Marno原創，轉載必須在明確位置註明出處！轉載地址：https://gold.xitu.io/post/589...注：原創不易，歡迎【讚揚】和【點贊】 本文已受權張鴻洋微信公衆號：鴻洋（hongya...

詳解 CSS 七種三欄佈局技巧 - 前端 - 掘金
三欄佈局，顧名思義就是兩邊固定，中間自適應。三欄佈局在開發十分常見，那麼什麼是三欄佈局？好比我打開某東的首頁： 映入眼簾的就是一個常見的三欄佈局：即左邊商品導航和右邊導航固定寬度，中間的主要內容隨瀏覽器寬度自適應。 下面圍繞的這樣的目的，即左右...

知乎網頁上屏幕截圖功能的實現 - 前端 - 掘金

1. 背景 最近注意到知乎的屏幕截圖反饋功能，感受很是不錯。也不知道何時開始增長的這個功能： 簡單說明一下： 點擊知乎頁面右下角的反饋按鈕，彈出反饋彈窗 窗口中會顯示當前頁面的截圖，而且能夠在上面...

多是目前小程序最好用的 HTML/WXML 解析器 - 前端 - 掘金
使用方法 將 weParser 組件完整引入小程序項目 - weParser/ ...

GitBook《擁抱將來的 CSS 佈局方式：flex 與 grid 佈局》全教程 - 前端 - 掘金
本系列文章爲對CSS中flex佈局與grid佈局的詳細介紹，已在GitHub同步更新，如您在閱讀過程當中發現描述有誤或錯別字的狀況，您能夠向本項目提出issus或Pull Request。 本系列文章爲我在深刻研究CSS的佈局方式的過程當中的一些總結。主要是對於C...

MacBook 最佳實踐 - 掘金
MacBook 你值得擁有 MacBook 兼具命令行的高效與圖形界面的酷炫，實在是程序員必備利器。本文主要介紹我在兩年的使用過程當中總結出的一些最佳實踐，供你們參考、借鑑。 Mac OS 簡介 Mac OS能夠被分紅操做系統的兩個系列： 一個是老舊且已不被支...

比較全面的 Git 學習資料整理 - 工具資源 - 掘金
這整個 Repository 是關於分佈式版本管理工具 Git 及託管商 Github 的使用，大部分都是網友寫的內容，在這裏只是作一個資源的彙總和合理的安排，但願能成爲最好的學習 Git 的資源，從開始入門使用，到慢慢的提升，再到理解各類原理，但願可以達成這...

最受歡迎的 AngularJS 開發工具 - 前端 - 掘金
AngularJS 是那些想要以動態形式開發web應用的開發者最喜歡的框架之一。若是你是一個開發者但願基於AngularJS啓動一個項目，你須要篩選衆多的工具。   爲了減小使用AngularJS開發的負擔，這兒有20款最新的工具，主...

基於 Socket.IO 的簡單聊天應用 - 前端 - 掘金
本文翻譯自socket.io官網的Get Started: Chat application，文中將建立一個簡單的聊天應用，它幾乎不須要Node.js或者Socket.IO的基礎知識，因此它是全部用戶的理想選擇。 翻譯：...

比較完整的 Android Studio 快捷小技巧 - Android - 掘金
整理Android羣英傳和網上出現的比較完整AS的快捷小技巧. mac版已測, win大部分已測試. 最後有一個整理的完整快捷鍵表格. win也好mac也好, 若是快捷被修改仍是錯誤, 均可以經過提供的Keymap中的關鍵字來進行重設. 圖中gif若是看不清,...

IndexedDB--HTML5 本地存儲 - 前端 - 掘金
什麼是IndexedDB indexedDB是一種輕量級NOSQL數據庫，是由瀏覽器自帶。相比Web Sql更加高效，包括索引、事務處理和查詢功能。在HTML5本地存儲中，IndexedDB存儲的數據是最多的，不像web...

OKio - 從新定義了「短小精悍」的IO框架 - 掘金
前言 其實接觸Square的這款IO框架仍是由於okHttp這個網絡框架，由於他的網絡IO是經過OKio來完成的。不過，對於Java原生IO體系我倒是早已心懷不滿。基本上我很排斥寫Java的IO部分，由於寫起來很麻煩和笨重，有多排斥呢？ 我記得大學那會兒，準備...

Web Storage--HTML5 本地存儲 - 前端 - 掘金
什麼是Web Storage Web Storage是HTML5裏面引入的一個相似於cookie的本地存儲功能，能夠用於客戶端的本地存儲，其相對於cookie來講有如下幾點優點： ...

【譯】2016 年 50 個最佳的輕量級 JavaScript 框架和庫 - 前端 - 掘金
回顧今年已發佈的 JS 框架和庫，咱們針對地篩選了一些可以提供直接和具體功能的免費 JavaScript 插件和庫，與你們分享。它們可不是臃腫的一站式框架，而是一些輕量級，並可以幫助你更快、更容易地進行網頁設計與開發的實用型框架。 正如你指望的，文中的...

《JS 闖關記》之垃圾回收和內存管理 - 前端 - 掘金
題圖來源：Zoommy，受權基於：CC0協議。 JavaScript 具備自動垃圾收集機制（GC：Garbage Collecation），也就是說，執行環境會負責管理代碼執行過程當中使用的內存。而在 C 和 C++ 之類的語...

js 獲取 url 中的參數, 並保證獲取到的參數不亂碼 - 掘金
最近開發項目的時候，須要經過js獲取url種的參數，網上有一個通用的獲取參數的方法getQueryString(),可是其在獲取中文參數的時候，存在獲取到的值亂碼的問題，研究了一下，原來是瀏覽器的問題。若是url中存在中文字符，瀏覽器會自動將url中的中文進行...

Mars - 騰訊移動 Web 前端知識庫 - 前端 - 掘金
面向億萬用戶級的移動端Web解決方案： 代碼結構規範 字體設置最佳實踐 ...

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

2016 年 CSS 庫、框架和工具新生榜 TOP 50 - 前端 - 掘金
CSS 於 2016 年發佈的開源項目，其產量之大超出人們的預料，但縱觀 CSS 在過去幾年的巨大變化與快速發展，此結果的出現彷佛又在情理之中。這些 CSS 庫、框架和工具的創建不只給咱們提供了學習的視角，更給咱們的工做與生活帶來了便利。 本文精選了 50 款...

WebView 支持 Html5 video 進行全屏播放 - 前端 - 掘金
本篇目錄 背景 webView播放視頻時候，會遇到一些問題，好比沒法全屏播放視頻等。解決方案有如下兩種，這裏着重介...

全網首發：破解支付寶 AR 紅包 Web 版，在家就能搶鄰居的紅包！！ - 前端 - 掘金ali AR ? 可批量選擇圖片 ?點擊選擇圖片 ? 滿臉黑線？換個間隔看一下效果吧45678 2016-12-25 今天發現線索圖有變細和不均勻黑線的狀況，你們能夠選擇圖片後，再選擇其餘間隔嘗試 ⚠️ 注意事項： 一、隨便找幾個紅包過把癮...