微信小程式實戰學習 起手式 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、隨便找幾個紅包過把癮…