關於微信生態的一切

推薦一些打死也捨不得取關的公衆號和博客

推薦一些我的認爲對程序員而言很是值得推薦的公衆號和博客。

微信小程序 - 仿淘寶

這是仿手機淘寶作的微信小程序，項目還在不斷完善中。。。

一個小時快速搭建微信小程序

「小程序」這個劃時代的產品發佈快一週了，互聯網技術人都在摩拳擦掌，躍躍欲試。但是小程序目前還在內測，首批只發放了 200 個內測資格（淚流滿面）。本覺得沒有 AppID 這個月就與小程序無緣了，慶幸的是微信這兩天發佈了正式版開發者工具，無需內測邀請也能夠嚐鮮了。

tmt-workflow：微信團隊開源的基於 Gulp 4.0、高效跨平臺可定製的前端工做流程

自動化流程
Less -> CSS (Sass 可自行定製)
CSS Autoprefixer 前綴自動補全
自動生成圖片 CSS 屬性，width & height 等
CSS 壓縮 cssnano
CSS Sprite 雪碧圖合成
Retina @2x & @3x 自動生成適配
imagemin 圖片壓縮
JS 合併壓縮
EJS 模版語言
調試 & 部署
監聽文件變更，自動刷新瀏覽器 (LiveReload)
FTP 發佈部署
ZIP 項目打包
解決方案集成
px -> rem 兼容適配方案
智能 WebP 解決方案
去緩存文件 Reversion (MD5) 解決方案

7 天寫分答微信小程序第一天: 組織與首頁

編寫分答過程跟蹤
7 天寫分答微信小程序, 第一天計劃、組織架構與首頁編寫

微信小程序高仿手機 QQ

微信小程序一經出現，身爲一個 Andrid 開發的我，對其也產生的濃厚的興趣，因而拿仿照 QQ 練手，因爲對 js,css 不太瞭解，也是邊學邊作，源碼奉上，有不足之處歡迎指正，歡迎 star

這【五篇】文章將帶你深刻了解「微信小程序」

你最想要的 「微信小程序」 運行機制系列的文章來了，除了瞭解框架的原理，你還將知道怎樣建立一個這樣的框架。

微信小程序開發之大轉盤 仿天貓超市抽獎

微信小程序開發之大轉盤 仿天貓超市抽獎

使用 TypeScript 開發微信小程序（4）——類（Class）

從 ECMAScript 6 開始，可使用基於類的面向對象的方式。

微信小程序開發之https從無到有

原文連接：www.devsai.com 本篇不講什麼是https，什麼是SSL,什麼是nginx 想了解這些的請繞道，相信有不少優秀的文章會告訴你。 本篇要講的在最短的時間內，讓你的網站從http升級到https。 開始教程前再說一句：https你值得擁有。 原由 最近段時間，…

工具篇: 微信小程序開發 ide 編輯器的選擇

看看哪款 IDE 是你開發微信小程序的菜
一、微信開發者工具
2，Visual Studio Code
三、Egret Wing 3.2.0

微信小程序 - 從零開始製做一個跑步微信小程序

微信小程序 - 從註冊流程到完成一個能夠用的跑步微信小程序。

Vux 2.0 發佈

基於 WeUI 和 Vue(2.x) 開發的移動端 UI 組件庫，主要服務於微信頁面

爲小程序而生的小 (jiao) 手架

不久前咱們一直所期待的應（xiao）用（cheng）號（xu）終於誕生了，但微信製造了一系列的封閉環境，在內測版中，咱們看見了開發實際上是十分不便利的。爲了能提高我們的工做效率，小手架由此而生 --- wxapp

現學現賣微信小程序開發（一）

現學現賣微信小程序開發（二）現學現賣微信小程序開發（三）：引入Rx，爲小程序插上翅膀 很早就註冊了微信小程序內測，由於是拖延症晚期患者，因此一直都沒有學習。直到昨天（2016年12月28日），張小龍童鞋宣佈微信小程序2017年1月9日正式上線，滿屏都是小程序的消息。我這時纔想起…

現學現賣微信小程序開發（二）

現學現賣微信小程序開發（一）現學現賣微信小程序開發（三）：引入Rx，爲小程序插上翅膀 一個Todo應用的小程序版 好的，那麼下一步咱們就先照貓畫虎，新建一個todos文件夾，而後一套四樣同名文件準備齊全 新建todos目錄和相關文件 先在app.json中報個到，在pages中…

Nodejs 下微信網頁開發教程 (一)

超級詳細的微信網頁開發教程，全部會踩到的坑都一一列舉，讓你分分鐘開發出一個微信網頁

微信移動 UI 設計規範

微信 APP UI 設計規範，你值得擁有～

微信小程序組件化解決方案wx-component

前言 最近摩拜單車小程序需求愈來愈多，多人協做，甚至多個項目並行。如何合做的更順暢，提高團隊成員開發效率，這即是這段時間思考的問題。 其中很重要的一點就是，小程序功能組件化。但小程序的開發框架目前還不支持component，結合具體開發經驗，咱們封裝了wx-component。…

微信朋友圈上這個很火很炫的廣告是怎麼實現的

奧運當天，朋友圈原生推廣頁廣告上線，6 大品牌亮相朋友圈，帶來視覺上的震撼體驗。本文將分析一下微信這種原生廣告的實現方式。
微信廣告團隊這個很是了不得的發明，將把 app 端廣告將正式帶入原生時代！

微信小程序開發教程-從零開始（1）

前言 微信小程序暫時處於內測期間，公司大的版本恰好上線了，閒來無事，看看微信小程序的文檔，順便學習學習，在此但願和你們一塊兒共勉，發現本身愈來愈懶惰了，越活越沒上進心了，有點危險，給本身敲下警鐘吧。廢話很少說，開始記錄下這些天學習到的一些知識，但願對正在閱讀的你有所幫助！本文爲i…

微信小程序第一次官方公開課圖文直播

微信團隊官方的線下培訓，直播圖文

如何讓你的微信小程序審覈更容易經過？

根據我發現了無數緣由，我將其整理起來，給你們參考，幫助你們更容易經過小程序審覈，推薦收藏備用！

摩拜單車微信小程序開發技術總結

摩拜單車小程序已於微信小程序上線第一天正式發佈，刷爆微博媒體朋友圈。本文主要講講技術方向的總結，在段時間的開發週期內內如何一步步從學習到進階。

小程序之豆瓣電影源碼解讀

項目是從github上面下載的，由於本人以爲項目作得很是棒，含括了一些巧妙的解決思路，因此寫一篇文章，將其源碼精髓部分，抽出來給你們講講~~ 先看項目效果： 首頁效果 1、loading加載和自定義上拉刷新 1）loading加載效果： 細心同窗可能發現，熱映、待映、口碑等ta…

微信公衆號排版手冊

隨着微信的發展，目前公衆號的數量已經呈現信息過載狀態，而良好的閱讀體驗也成爲提升用戶閱讀和轉發量的重要因素。與傳統的Web端有所不一樣，移動端的閱讀體驗有着不一樣的標準。今天咱們就來講說微信公衆號到底如何排版。

精選微信小程序組件插件, 優秀組件插件集合

微信小程序彙總優秀的小程序, 長期更新....
歡迎提交... 編輯....

開源組件 / 及插件

• wxParse - 富文本
• WeToast for 微信小程序 toast 加強插件
• wxSearch - 微信小程序優雅的搜索框
• ....

微信小程序原理

微信小程序使用了前端技術棧 JavaScript/WXML/WXSS。它背後的原理是怎麼樣的呢？

Weui 1.0 發佈

WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫，由微信官方設計團隊爲微信內網頁和微信小程序量身設計，令用戶的使用感知更加統一。
通過半年的打磨，WeUI 1.0 正式發佈，主要是新增了一些經常使用組件，並使用 BEM 命名，爲接下來的微信小程序開發作好準備。

看完了張小龍的 2359 條飯否日記

張小龍在飯否上的帳號被人挖出來了，來看看他在作微信時的心路歷程吧。

首個微信小程序開發教程！

本文檔將帶你一步步建立完成一個微信小程序，並能夠在手機上體驗該小程序的實際效果。這個小程序的首頁將會顯示歡迎語以及當前用戶的微信頭像，點擊頭像，能夠在新開的頁面中查看當前小程序的啓動日誌。

從微信 WeUI 設計規範 解讀移動界面設計

文／風口上的豬毛（簡書做者）

高仿QQ小程序，我趟過的坑

/** 做者：Code4Android 項目地址：https://github.com/xiehui999/... 新浪微博：http://weibo.com/745687294 CSDN : http://blog.csdn.net/xiehuimx?vi…

真的炸了：讓人頭痛的小程序之『圖片懶加載』終極解決方案

轉載：請寫明掘金原文連接及做者名 '小小小'第250名入羣者，獎書一本 QQ羣：139128168 ← 點擊加羣 微信小程序中，懶加載特效讓人頭疼不已，由於小程序徹底無法操做dom，因此位置的操做在小程序中，變得極其的難~~ 先看特效： 圖片懶加載 咱們將其拆分爲以下幾個步驟進…

Node.js 微信開發 --- 接入指南

微信開發教程

微信小程序 Demo - 仿知乎

以前有很長一段時間我算是知乎重度依賴, 因此此次 demo 的模仿對象選擇的是知乎 (可是寫到一半發現我這個決定坑了, 這是後話).

demo 的界面設計以及交互設計均來自於知乎 Android 版本

微信面試題 - 獲取元素的最終 background-color

解析微信面試的題目所挖的坑，以及怎麼完美跳過~

微信小程序開源項目庫集合

由 OpenDigg 整理並維護的微信小程序開源項目庫集合.

微信網頁開發者工具發佈

微信官方發佈開發者工具，簡直造福前端狗。此微信 web 開發者工具，能夠在 PC 或 Mac 上模擬訪問微信內網頁，幫助開發者更方便地進行開發和調試。

Mars - 騰訊移動 Web 前端知識庫

騰訊移動 Web 前端知識庫，面向億萬用戶級的移動端 Web 解決方案。

微信小程序—仿芒果 TV（已開源）

微信小程序—仿芒果 TV（已開源）

WeUI for 小程序正式發佈

爲微信小程序量身設計

300 行代碼寫一個音樂播放器小程序

小程序、nodejs

微信小程序全面實戰，架構設計 && 躲坑攻略

本文結合具體的實戰經驗，主要介紹微信小程序的基礎知識、開發中遇到的難點、項目的架構設計、最佳實踐以及踩過的坑。文章內容較多，若是想看架構設計和躲坑技巧，請直接瀏覽後面的正文

WxMasonry - 微信小程序實現瀑布流佈局

WxMasonry - 微信小程序實現瀑布流佈局

使用 css3 的 column-＊屬性
column-width
column-count
column-gap

深挖微信小程序！你須要先了解這三個內核

在 iOS 上，小程序的 javascript 代碼是運行在 JavaScriptCore 中
在 Android 上，小程序的 javascript 代碼是經過 X5 內核來解析
在 開發工具上， 小程序的 javascript 代碼是運行在 nwjs（chrome 內核） 中

微信小程序 Tips: 使用 mock.js 提供模擬數據

適合
初學者: 若是你是一個剛剛開始寫小程序的學習者，又苦於沒有 api 拿來用，那麼 mock 能夠幫助你快速創建模擬數據，用於學習

開發者: 若是你的公司或者組織正在開發小程序，但是後臺尚未可以提供給你調用接口，可是數據格式已經肯定好，那麼求人不如求己，本身先經過 mock 來模擬相關接口數據，先行一步。

微信小程序『側邊欄滑動』特效

側邊欄滑動是很常見的功能，可是小程序出來不久，不少特效尚未成熟案例，只能原生重寫，因此今天爲你們帶來4個漂亮的側邊欄特效~~ 側邊欄特效一 先看效果： 點擊按鈕側邊滑動 wxml: …

微信掃一掃揭祕

微信掃一掃揭祕

大衆點評點餐小程序開發經驗 - 概述

做者介紹：週中堅，美團點評工程師，4年 Web 前端開發經驗，主要負責過會員卡、外賣、預訂、商家平臺等業務的前端開發，如今是美團點評點餐團隊的一員。 若是你看過《張小龍首次全面闡述小程序》這篇文章，必定會對這句話有印象："好比咱們到一個餐館，咱們可能想排隊或者說點一下菜，咱們並…

[[乾貨] 滴滴出行在小程序的實踐](https://juejin.im/entry/5831a...

滴滴出行的 webapp 有着很是龐大的用戶量，對於用戶體驗的要求很高，所以咱們在作小程序的時候也是精益求精的，如今把相關實踐給你們看看。

個人微信開發工具包

本身整理的微信開發工具包，包括界面呈現於 Hack、公衆號管理、微信支付等等

強大的微信 UI 庫 - jQuery WeUI

jQuery WeUI 是爲微信開發量身定製的 UI 庫，包含大量功能強大的組件，能夠極大提高用戶體驗和前端開發效率

WePayUI 來了！

WePayUI 由微信支付爲服務商和商戶量身打造，用於快速製做符合微信支付規範的 Web 頁面，提高開發效率。WePayUI 基於 WeUI 拓展，包含基礎組件和行業場景。

比較完整的微信小程序示例 - 知乎日報

還算比較完整的微信小程序示例, 對詳情頁作了些簡單的過濾, 顯示基本沒有問題。