摘要：下面圍繞的這樣的目的，即左右知乎網頁上屏幕截圖功能的實現前端掘金背景最近注意到知乎的屏幕截圖反饋功能，感覺非常不錯。正如你期望的，文中的闖關記之垃圾回收和內存管理前端掘金題圖來源，授權基于協議。

微信小程序實戰學習 起手式 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 七種三欄布局技巧 - 前端 - 掘金
三欄布局，顧名思義就是兩邊固定，中間自適應。三欄布局在開發十分常見，那么什么是三欄布局？比如我打開某東的首頁： 映入眼簾的就是一個常見的三欄布局：即左邊商品導航和右邊導航固定寬度，中間的主要內容隨瀏覽器寬度自適應。 下面圍繞的這樣的目的，即左右...

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

背景 最近注意到知乎的屏幕截圖反饋功能，感覺非常不錯。也不知道什么時候開始增加的這個功能： 簡單說明一下： 點擊知乎頁面右下角的反饋按鈕，彈出反饋彈窗 窗口中會顯示當前頁面的截圖，并且可以在上面...

可能是目前小程序最好用的 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 今天發現線索圖有變細和不均勻黑線的情況，大家可以選擇圖片后，再選擇其他間隔嘗試 ?? 注意事項： 1、隨便找幾個紅包過把癮...