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

微信小程序?qū)崙?zhàn)學習 起手式 DEMO 仿肯德基 - 前端 - 掘金
小程序？大場景? 微信小程序本質(zhì)上來說就是一個 HTML 5（移動網(wǎng)頁） 應用，用view、scoll-view代替了div標簽等，換湯不換藥。在微信中運行時，微信小程序獲得更多的系統(tǒng)權(quán)限。首先是數(shù)據(jù)緩存能力，這可以讓用戶在打開一個小程序的時候?qū)⒊绦虻?..

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

吹毛求疵的追求優(yōu)雅高性能JavaScript - 前端 - 掘金
SpinKit 是一套網(wǎng)頁動畫效果，包含8種基于 CSS3 實現(xiàn)的很炫的加載動畫。借助 CSS3 Animation 的強大功能來創(chuàng)建平滑，易于定制的動畫。SpinKit?的目標不是提供一個每個瀏覽器都兼容的解決方案，而是給現(xiàn)代瀏覽器提供更優(yōu)的技術(shù)實...

2017 年值得關(guān)注的 3 個 JavaScript 庫 - 前端 - 掘金
唷，2016結(jié)束了！ 這一年對于世界和JavaScript領(lǐng)域來說都是瘋狂的一年。 無數(shù)新的令人印象深刻的庫和框架涌現(xiàn)，你可能不需要 JavaScript 展示了一些模式，提出了使用 JavaScript 的一些問題，和一張Nolan Lawson談前端的幻燈...

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

前端基礎(chǔ)進階：詳細圖解，徹底搞懂閉包與作用域鏈 - 前端 - 掘金
攻克閉包難題 初學JavaScript的時候，我在學習閉包上，走了很多彎路。而這次重新回過頭來對基礎(chǔ)知識進行梳理，要講清楚閉包，也是一個非常大的挑戰(zhàn)。 閉包有多重...

給所有開發(fā)者的React Native詳細入門指南（第一階段） - 掘金
版權(quán)聲明：本文為Marno原創(chuàng)，轉(zhuǎn)載必須在明確位置注明出處！轉(zhuǎn)載地址：https://gold.xitu.io/post/589...注：原創(chuàng)不易，歡迎【贊賞】和【點贊】 本文已授權(quán)張鴻洋微信公眾號：鴻洋（hongya...

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

知乎網(wǎng)頁上屏幕截圖功能的實現(xiàn) - 前端 - 掘金

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

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

GitBook《擁抱未來的 CSS 布局方式：flex 與 grid 布局》全教程 - 前端 - 掘金
本系列文章為對CSS中flex布局與grid布局的詳細介紹，已在GitHub同步更新，如您在閱讀過程中發(fā)現(xiàn)描述有誤或錯別字的情況，您可以向本項目提出issus或Pull Request。 本系列文章為我在深入研究CSS的布局方式的過程中的一些總結(jié)。主要是對于C...

MacBook 最佳實踐 - 掘金
MacBook 你值得擁有 MacBook 兼具命令行的高效與圖形界面的酷炫，實在是程序員必備利器。本文主要介紹我在兩年的使用過程中總結(jié)出的一些最佳實踐，供大家參考、借鑒。 Mac OS 簡介 Mac OS可以被分成操作系統(tǒng)的兩個系列： 一個是老舊且已不被支...

比較全面的 Git 學習資料整理 - 工具資源 - 掘金
這整個 Repository 是關(guān)于分布式版本管理工具 Git 及托管商 Github 的使用，大部分都是網(wǎng)友寫的內(nèi)容，在這里只是做一個資源的匯總和合理的安排，希望能成為最好的學習 Git 的資源，從開始入門使用，到慢慢的提高，再到理解各種原理，希望能夠達成這...

最受歡迎的 AngularJS 開發(fā)工具 - 前端 - 掘金
AngularJS 是那些想要以動態(tài)形式開發(fā)web應用的開發(fā)者最喜歡的框架之一。如果你是一個開發(fā)者希望基于AngularJS啟動一個項目，你需要篩選眾多的工具。 ? 為了減少使用AngularJS開發(fā)的負擔，這兒有20款最新的工具，主...

基于 Socket.IO 的簡單聊天應用 - 前端 - 掘金
本文翻譯自socket.io官網(wǎng)的Get Started: Chat application，文中將創(chuàng)建一個簡單的聊天應用，它幾乎不需要Node.js或者Socket.IO的基礎(chǔ)知識，所以它是所有用戶的理想選擇。 翻譯：...

比較完整的 Android Studio 快捷小技巧 - Android - 掘金
整理Android群英傳和網(wǎng)上出現(xiàn)的比較完整AS的快捷小技巧. mac版已測, win大部分已測試. 最后有一個整理的完整快捷鍵表格. win也好mac也好, 如果快捷被修改還是錯誤, 都可以通過提供的Keymap中的關(guān)鍵字來進行重設. 圖中g(shù)if如果看不清,...

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

OKio - 重新定義了“短小精悍”的IO框架 - 掘金
前言 其實接觸Square的這款I(lǐng)O框架還是因為okHttp這個網(wǎng)絡框架，因為他的網(wǎng)絡IO是通過OKio來完成的。不過，對于Java原生IO體系我卻是早已心懷不滿。基本上我很排斥寫Java的IO部分，因為寫起來很麻煩和笨重，有多排斥呢？ 我記得大學那會兒，準備...

Web Storage--HTML5 本地存儲 - 前端 - 掘金
什么是Web Storage Web Storage是HTML5里面引入的一個類似于cookie的本地存儲功能，可以用于客戶端的本地存儲，其相對于cookie來說有以下幾點優(yōu)勢： ...

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

《JS 闖關(guān)記》之垃圾回收和內(nèi)存管理 - 前端 - 掘金
題圖來源：Zoommy，授權(quán)基于：CC0協(xié)議。 JavaScript 具有自動垃圾收集機制（GC：Garbage Collecation），也就是說，執(zhí)行環(huán)境會負責管理代碼執(zhí)行過程中使用的內(nèi)存。而在 C 和 C++ 之類的語...

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

Mars - 騰訊移動 Web 前端知識庫 - 前端 - 掘金
面向億萬用戶級的移動端Web解決方案： 代碼結(jié)構(gòu)規(guī)范 字體設置最佳實踐 ...

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

2016 年 CSS 庫、框架和工具新生榜 TOP 50 - 前端 - 掘金
CSS 于 2016 年發(fā)布的開源項目，其產(chǎn)量之大超出人們的預料，但縱觀 CSS 在過去幾年的巨大變化與快速發(fā)展，此結(jié)果的出現(xiàn)似乎又在情理之中。這些 CSS 庫、框架和工具的建立不僅給我們提供了學習的視角，更給我們的工作與生活帶來了便利。 本文精選了 50 款...

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

全網(wǎng)首發(fā)：破解支付寶 AR 紅包 Web 版，在家就能搶鄰居的紅包！！ - 前端 - 掘金
ali AR ? 可批量選擇圖片 ?點擊選擇圖片 ? 滿臉黑線？換個間隔看一下效果吧45678 2016-12-25 今天發(fā)現(xiàn)線索圖有變細和不均勻黑線的情況，大家可以選擇圖片后，再選擇其他間隔嘗試 ?? 注意事項： 1、隨便找?guī)讉€紅包過把癮...