小程序 - 收藏集 - 掘金

微信小程序特殊效果合集第一期 - 前端 - 掘金
针对微信小程序可以实现的一些简单的效果开始制作合集，以便同学们能够方便的查看；这次有星战字幕、弹出特效、滚动动画等效果...

微信小程序特殊效果合集第二期 - 前端 - 掘金
第一期地址： 微信小程序特殊效果合集第一期 自动完成文本框： 微信小程序之自动完成文本框 搜索关键词高亮： ...

微信小程序多页面传参通信的探索与实践 - 掘金
一、前言 最近微信小程序越来越火，不少公司都在将原生代码转为微信小程序代码。在开发过程中，由于微信小程序wx.navigateBack方法并不支持返回传参，导致一些页面，尤其是从列表页面跳入详情页，用户在详情页改变了状态，返回后无论是否刷新页面，体验都不是很好...

Webpack2.x 踩坑与总结 - 前端 - 掘金
本篇为在学习Vue2.x的时候使用Webpack2.x的踩坑与总结，关于Vue2.x的踩坑与总结，点击链接 项目地址：https://github.com/MrZhang123/Vue_project/tre...

微信小程序兼容性问题 - 前端 - 掘金
本文我们来谈谈微信小程序系统兼容性的那些坑。 微信小程序兼容性问题 微信小程序发布一周多了，兼容性问题，特别是 Android 平台兼容性问题特别严重。据我观察，...

最实用的微信小程序大全，持续更新中... - 掘金
最全的小程序开发教程，点击下载掘金App。 小程序上线 1月9日，张小龙没有食言，微信小程序如约而至。凌晨刚过，我们便在微信发现页看到了小程序的入口。 微信发现页 之后的一个小时里，每个微信群都在疯狂地讨论着小程序。由于小程序没有统一的入口，所以只能靠口口相传...

为什么小程序能适配不同机型？因为微信做了这个 - 阅读 - 掘金
关注知晓程序（微信号 zxcx0101），让你知道小程序的一切。我们都知道，小程序是一个跨系统的平台。这就意味着，小程序会在不同的设备上运行，但不同设备的分辨率会有差异。在小程序中，如何在分辨率不同的设备上保证视觉元素的正常显示？这就需要名为 rpx 的动态尺...

一个小时快速搭建微信小程序 - 前端 - 掘金
「小程序」这个划时代的产品发布快一周了，互联网技术人都在摩拳擦掌，跃跃欲试。可是小程序目前还在内测，首批只发放了 200 个内测资格（泪流满面）。本以为没有 AppID 这个月就与小程序无缘了，庆幸的是微信这两天发布了正式版开发者工具，无需内测邀请也可以尝鲜了...

深挖微信小程序！你需要先了解这三个内核 - 前端 - 掘金
以防你没看文档-微信小程序的相关运行平台 可能你目前还没有关注到微信小程序的运行机制，不过了解一下内容，可能对于你对微信小程序的认识会深刻和透彻一些。 在 iOS 上，小程序的 javascript 代码是运行在 JavaScriptCore 中 在 A...

WxMasonry - 微信小程序实现瀑布流布局 - 前端 - 掘金
WxMasonry-微信小程序瀑布流布局模式 来源 微信小程序开发论坛垂直微信小程序开发交流论坛 github地址 WxMasonry-微信小程序实现瀑布流布局 https://github.com/icindy/WxMasonry 效果(GIF加载中......

微信小程序电影推荐 demo 实战开发小结（附源码及思维导图） - 前端 - 掘金
一个精品 demo 的完全讲解！...

微信小程序开发环境搭建 - 掘金
微信小程序可谓是今天最火的一个名词了，一经出现真是轰炸了整个开发人员，当然很多App开发人员有了一个担心，微信小程序的到来会不会给移动端App带来一个寒冬，身为一个Android开发者我是不相信的，即使有，那也是很遥远的未来。 不管微信小程序是否能颠覆当今的开...

微信相关资源索引（含开源小程序资源收集） - 前端 - 掘金
站点相关 微信官网 微信 网页版 微信 Mac 版 微信 PC 版 微信 · 公众平台 微信开发者文档 公众号客服登录 微信 · 企业号 - 为企业或组织提供移动应用入口 企业号第三方应用 微信 · 小程序 体验 Demo 设计指南 ...

必看！官方文档没有！从零接入小程序支付 - 前端 - 掘金
本文作者：jeffchen，是微信支付部门的员工，微信小程序官方文档中并没有微信支付的部分，所以他特意写了一份，感谢作者！本文已获授权；小程序中微信支付的能力，是随着小程序的发布一并推出的，然而小程序文档里关于微信支付接口只有一个requestPayment函...

如何突破小程序的五层页面限制？ - 阅读 - 掘金
知晓程序（微信号 zxcx0101），让你了解小程序的一切。知晓程序注：很多开发者在面对小程序的五层页面限制时，大概都会想起下面这首歌。知晓程序（微信号 zxcx0101）现在就告诉你们，怎样狠狠把这五层页面榨干。微信小程序中的页面导航 API 有三个，两个跳...

有用！关于微信小程序，那些开发文档没有告诉你的 - 前端 - 掘金
小程序与传统HTML5的区别小程序刚开放公测，互联网圈内开始了各种解读和猜测。其中有观点认为小程序和HTML5有着紧密关联，甚至小程序就是基于HTML5开发。 经过仔细研究文档和代码开发，从视图层的角度来说，小程序与传统HTML5还是有明显的区别，主要区别在于...

这【五篇】文章将带你深入了解「微信小程序」 - 前端 - 掘金
「微信小程序」剖析（一）：运行机制本文从‘微信web开发者工具’ IDE 中的代码下手，对「微信小程序」如何与 IDE 之前进行交互做了详细的介绍。并介绍了 IDE 如何将 WXML 代码和 WXSS 转换为对应的 HTML 和 CSS ，以及如何打包的一些...

微信小程序开发: http 请求 - 后端 - 掘金
在微信小程序进行网络通信，只能和指定的域名进行通信，微信小程序包括四种类型的网络请求。 普通HTTPS请求(wx.request) 上传文件(wx.uploadFile) 下载文件(wx.downloadFile) WebSocket通信(wx.connec...

微信小程序开发之拖拽 view - 前端 - 掘金
需要做个浮在scroll-view之上的button.尝试了一下. 上GIF: Android中也会有类似移动控件的操作.思路差不多.获取到位移的X Y 的变量,给控件设置坐标. 1.index.wxml <image src=...

一个干净的简单的微信小程序 Demo - 前端 - 掘金
一个基于微信小程序的任务清单。包括所有任务列表、未完成列表和已完成列表，可以标识为未完成和已完成。 [1][2] 克隆此项目到本地 在微信开发工具中创建项目 选择该项目目录 官方开发文档[3] 开发工具下载[4]...

微信小程序 根据屏幕宽高等比例缩放图片 - 前端 - 掘金
微信小程序 根据屏幕宽高等比例缩放图片 获取屏幕宽高 获取图片宽高...

微信小程序 (应用号) 微信 web 开发者工具破解版 - 前端 - 掘金
群名称：diycode微信小程序群 群 号：283744264 MAC 官方版：https://yunpan.cn/ckvBk8WXK742d （提取码：421d） windows官方版：https://yunpan.cn/ckvBEzAbn9CPX （...

微信小程序仿手机版豆瓣电影 - 前端 - 掘金
使用豆瓣电影 API，仿照豆瓣电影 Andorid App 写的一个微信小程序。更多内容见 github: https://github.com/David-Guo/weapp-douban-movie...

微信小程序 - 从零开始制作一个跑步微信小程序 - 前端 - 掘金
前言 我已经把全部代码放在github上-weChatApp-Run，可以下载来看看或者先star收藏，我以后还会进行一些优化更新。现在只是一个学习Demo，大家沟通学习，实际应用还需更多优化。 正文 ...

微信小程序 - 仿豆瓣电影 - 前端 - 掘金
微信小程序-豆瓣电影项目 项目树 ├── README.md ├── app.js ├── app.json ├── app.wxss ├── d...

从零开始带你撸一个小程序 - 前端 - 掘金
从零开始带你撸一个小程序 余博伦 · 12 小时前 微信推出小程序已经有些天了，相信同学们或多或少都把玩体验过小程序了。今天从零学习前端开发专栏就手把手带你，从...

小程序之豆瓣电影源码解读 - 掘金
项目是从github上面下载的，因为本人觉得项目做得非常棒，含括了一些巧妙的解决思路，所以写一篇文章，将其源码精髓部分，抽出来给大家讲讲~~ 先看项目效果： 首页效果 一、loading加载和自定义上拉刷新 1）loading加载效果： 细心同学可能发现，热...

微信小程序特殊效果合集第二期 - 前端 - 掘金
第一期地址： 微信小程序特殊效果合集第一期 自动完成文本框： 微信小程序之自动完成文本框 搜索关键词高亮： ...

微信小程序微信支付接入开发 - 后端 - 掘金
主要讲述微信小程序接入微信支付开发过程中遇到的坑，分为两大块，小程序端和后台接口封装。...

在你开发微信小程序时能用上的那些 ES6 特性 - 前端 - 掘金
微信小程序的官方开发工具中，已经集成了 babel 插件对 ES6 语法进行转换，各种第三方工具自然更少不了了。 所以可以放心的尝试使用 ES6，体验新标准带来的各种便利之处，省下时间后学习充电，或者早点下班、锻炼身体、下厨做个菜，调节生活又放松身心，...

微信小程序组件化解决方案wx-component - 掘金
前言 最近摩拜单车小程序需求越来越多，多人协作，甚至多个项目并行。如何合作的更顺畅，提升团队成员开发效率，这便是这段时间思考的问题。 其中很重要的一点就是，小程序功能组件化。但小程序的开发框架目前还不支持component，结合具体开发经验，我们封装了wx-c...

[小工具] 微信小程序代码压缩 - 前端 - 掘金
===== update ===== 缺心眼儿的我，刚才没有贴地址：GitHub - nbagonet/wxa-compressor: 微信小程序代码压缩器 当你的微信小程序编译包大小超过 1024kb 时，不要急着砍模块，我觉得它还能再挽救一...

小程序城市选择小组件 - 前端 - 掘金
微信小程序城市选择器 没有加搜索，请自行添加搜索 1、安装 git clone git@gi...

我们做了一个自认为是微信小程序最佳应用场景的小程序 - 前端 - 掘金
12月26日 小明问我：“微信小程序最近发布了新更新，增加了分享、模板消息和带参数的二维码，我们要不要赶个时髦，也做点什么？” 此前小程序才刚内测，开发者社区已为之沸腾。我却不不以为然，“不过是公众号的改进版而已，不值得关注。” 如今小...

WeZRender：微信小程序 Canvas 增强组件 - 前端 - 掘金
WeZRender是一个微信小程序Canvas增强组件。 使用 WXML： 纯文本查看 复制代码 canvas style=width: 375px; height: 600px; canvas-id=line-canvas-1/canvas JS： 纯文本 ...

微信小程序全面实战，架构设计 && 躲坑攻略 - 前端 - 掘金
最近集中开发了两款微信小程序，分别是好奇心日历（每天一条辞典+一个小投票）和好奇心日报（轻量版），直接上图： Paste_Image.png ...

微信小程序开发技巧（持续更新 ing） - 工具资源 - 掘金
微信小程序开发技巧（持续更新ing） 框架部分 ...

微信小程序之『仿QQ消息气泡拖拽消失』 - 掘金
转载：请写明掘金原文链接及作者名 '小小小'一个潜心研究小程序QQ群：139128168 ← 点击加群 今天带来的是仿QQ消息气泡拖拽消失特效，源码中很多地方还是有很多不足，希望大家一起齐心协力，给我提出宝贵意见，咱们一起来继续完善此效果~~...

微信小程序 -- 数字动效 - 前端 - 掘金
随着微信小程序的出现，es6的追随者也越来越多了，我最近也在努力学习中，之前一直使用es5，感觉e6还是小众，没想到最近一直在研究小程序，也逛了好多论坛，发现微信小程序的好多demo都是大神们在用es6开发，顿时感觉全世界好像就我还在使用最基本的javascr...

weex 实践（前端视角） - 前端 - 掘金
功能介绍 如上图所示，本次weex实践将订单展示页面进行了weex化，这个界面交互简单，用weex完全可以实现，...

微信小程序实用组件：城市切换 - 前端 - 掘金
空白同学做了一个城市切换的 demo，一起互相学习...

使用 ES6 新特性开发微信小程序（1） - 前端 - 掘金
ECMAScript 6（简称ES6）是JavaScript语言的最新标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。微信小程序支持绝大部分ES6的新增特性。 Constants（常量） ES6新增了const关键字...

微信小程序更新，新增分享、扫一扫等功能 - 阅读 - 掘金
下载地址 最新版本 0.11.122100 （2016-12-21） windows 64 、 windows 32 、 mac 0.11.122100 更新概述 新增分享、模板消息、客服消息、扫一扫、带参数二维码（当前仅限开发者和体验者使用）等功能 新增...

微信小程序 12/21 更新 “彩蛋” 上: 分享 G 点 | 客服闭环 - 前端 - 掘金
前言 微信小程序12/21更新后，眼前一亮，很有诚意。本文分析一下我觉得这次更新中两个“兴奋点”1. 微信小程序的分享2. 微信小程序的客服消息 微信小程序的“分享G点”来了 看到0.11.122100更新这次更新后，无法压抑已久的欲望，终于被发掘出来，那就是...

什么是微信小程序？和 app 和 HTML 5 有什么区别？ - 产品 - 掘金
知晓程序（微信号 zxcx0101），让你了解小程序的一切。小程序到底是什么？它跟 app 和 HTML 5 有什么区别？它和订阅号、服务号又有什么不同？小程序真的是无所不能的吗？每天，知晓程序（微信号 zxcx0101）都会在后台看到这些提问……如果你真的还...

精选微信小程序组件插件, 优秀组件插件集合 - 前端 - 掘金
来源 微信小程序开发论坛垂直微信小程序开发交流论坛 备注 微信小程序汇总优秀的小程序,长期更新.... 欢迎提交... 编辑.... 开源组件/及插件 [组件]wxParse-微信小程序富文本解析组件 名称 wxParse-微信小程序富文本解...

微信小程序开发之https从无到有 - 掘金
原文链接：www.devsai.com 本篇不讲什么是https，什么是SSL,什么是nginx 想了解这些的请绕道，相信有很多优秀的文章会告诉你。 本篇要讲的在最短的时间内，让你的网站从http升级到https。 开始教程前再说一句：https你值得拥有。 ...

微信小程序『侧边栏滑动』特效 - 掘金
侧边栏滑动是很常见的功能，但是小程序出来不久，很多特效还没有成熟案例，只能原生重写，所以今天为大家带来4个漂亮的侧边栏特效~~ 侧边栏特效一 先看效果： 点击按钮侧边滑动 wxml: <v...

微信小程序之仿微信漂流瓶 - 前端 - 掘金
周末找事做做.看到微信里有个漂流瓶.试着敲了敲. 这里是用leancloud做后台.涉及到语音和文字的储存,查询.自己不会写后台代码,对于我算是个福利. 欢迎交流! 技术点: 1.微信小程序开发之录音机 音频播放 动画 (真机可用) 2.微信小程序开发之...

新手布局福音！微信小程序使用 flex 的一些基础样式属性 - 前端 - 掘金
这篇文章，简单的介绍了一下 flex 在微信小程序的应用示例，推荐新手学习！...

微信小程序开发之大转盘 仿天猫超市抽奖 - 前端 - 掘金
天猫超市翻牌的转盘经常用,以前做Android,没啥想法,现在尝试微信小程序,看到别人家APP里有啥好玩的,就想去做一个. 上GIF看效果: 简要的说一下. 1.外面一圈闪烁的小球是用js控制的样式.500ms改变一次样式.简单粗暴; 2.抽奖的it...

微信小程序仿闲鱼『下拉菜单』 - 掘金
转载：请写明掘金原文链接及作者名 '小小小'一个潜心研究小程序QQ群：139128168 ← 点击加群 下拉菜单我们非常常见了，但是要在微信小程序中实现并不容易，今天带来的是仿闲鱼下拉菜单，相信对您有一定的帮助~~ 先看效果： 展示效果 麻雀...

微信小程序 Tips: 使用 mock.js 提供模拟数据 - 前端 - 掘金
mock.js Screen Shot 2016-12-12 at 09.05.26.png927x586 13.8 KB github: https://github.com/nuysoft/Mock/tree/refactoring20 宗旨: ...

微信小程序开发之圆形菜单 仿建行圆形菜单 - 前端 - 掘金
建行APP首页有个圆形菜单.仿了个玩具出来. 功能介绍: 1.一个圆形背景.六个item菜单.中间是微信用户的头像; 2.触摸滚动.速度较小时,随手指滚动,手指抬起,滚动停止;速度较大时,随手指滚动,手指抬起,还会自动滚动一段时间; CSDN微信小...

微信小程序之『自定义toast』 - 掘金
转载：请写明掘金原文链接及作者名 '小小小'一个潜心研究小程序QQ群：139128168 ← 点击加群 一、微信官方默认toast toast最常见了，几乎每个App都有这样的特效，先看下小程序自带的toast效果，立马想死的心都有了~~ 微...

使用 ES6 新特性开发微信小程序（1） - 前端 - 掘金
ECMAScript 6（简称ES6）是JavaScript语言的最新标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。微信小程序支持绝大部分ES6的新增特性。 Constants（常量） ES6新增了const关键字...

微信小程序实用组件：城市切换 - 前端 - 掘金
空白同学做了一个城市切换的 demo，一起互相学习...

关于微信小程序真机预览跟本地不同的问题说明 - 前端 - 掘金
微信小程序中出现最多的一个问题，就是真机跟本地不同：我简单列举一些我发现的原因，给大家参考，大家也可以把自己发现的东西回复给我，给我参考： 本地看不到数据，就先让本地能看到数据，再看本帖。。。。 1：本地可以看到数据，ios不行，安卓可以； 可能是tsl版...

目前发现最符合微信小程序定位的一款小程序 - 阅读 - 掘金
什么样的服务适合接入小程序？这是腾讯宣布开放微信小程序以来，网上被讨论的最多的有关小程序的话题之一。现在小程序上线已经四天了，不断的有新的小程序在网上曝光。笔者很希望找到一款小程序，来尝试回答这个问题。今天我们不讨论功能、界面这些，只讨论它是如何将用户和服务联...

微信小程序添加并使用外部字体 - 前端 - 掘金
本帖最后由 mrxat37 于 2016-12-4 20:57 编辑 字体使用是网页设计中不可或缺的一部分。经常地，我们希望在网页中使用某一特定字体，但是该字体并非主流操作系统的内置字体，这样用户在浏览页面的时候就有可能看不到真实的设计。 美工设计师最常做...

新手布局福音！微信小程序使用 flex 的一些基础样式属性 - 前端 - 掘金
这篇文章，简单的介绍了一下 flex 在微信小程序的应用示例，推荐新手学习！...

微信小程序脚手架工具 (帮助你快速部署源码) 基于 node - 前端 - 掘金
一、简介 一款微信小程序脚手架工具，帮助你快速开发微信小程序应用。 目前有两个功能： 快速构建初始项目架构。把wxdad语法快速编译成wxml和wxjs文件，帮助开发者急速开发。 二、完整使用教程： 完整使用教程请戳链接：（每次更新新版本都会第一时...

微信小程序电影推荐 demo 实战开发小结（附源码及思维导图） - 前端 - 掘金
一个精品 demo 的完全讲解！...

微信小程序 wx.uploadFile 的编码坑跳坑记录 - 前端 - 掘金
wx.uploadFile 是目前微信小程序已知坑中最难解决的坑之一，本文为作者有幸与朋友一起解决的方案之一；...

微信小程序 request:fail 错误（含 https 解决方案）（真机预览前必备） - 前端 - 掘金
这是一个坑倒无数微信小程序开发者的问题，我在跟很多人一起解决这个问题的过程中，把最为常见的情形和解决方法总结在这里，以便问题遇到者可以迅速排除各种情形；...

微信小程序：开发之前要知道的三件事 - 前端 - 掘金
很多人准备要开发微信的小程序，如果你真的想要开发小程序，就要先学会一套微信特制的 “开发语言”。为了更好地上手这门开发语言，下面这三件事你一定要知道...

必看！官方文档没有！从零接入小程序支付 - 前端 - 掘金
本文作者：jeffchen，是微信支付部门的员工，微信小程序官方文档中并没有微信支付的部分，所以他特意写了一份，感谢作者！本文已获授权；小程序中微信支付的能力，是随着小程序的发布一并推出的，然而小程序文档里关于微信支付接口只有一个requestPayment函...

微信小程序开发工具探索：数据, 配置, 日志等目录在哪儿? - 前端 - 掘金
首先分析了一下源码, 日志目录应该同 NW.JS 的应用目录相关,,, 查查查,, 一直查到 NW.JS 的 C++ 源码, 搞得太复杂, 大概知道位置, 但还是不确切. 决定不往这条线找, 换另一条路: 把日志文件修改输出到我指定目录, 再把原来目录输出出...

小程序开发踩过的坑, 以及一些解决方法 - 前端 - 掘金
大量作者亲身跳坑经历，微信小程序开发者推荐收藏，以备不时之需！...

干货：微信小程序框架全解脑图，一张图看清组件构造，学习必备！ - 前端 - 掘金
这是一位学姐精心制作的脑图，这一张图，我想应该可以极大的帮助很多前端同学理解微信小程序，强力推荐！...

微信小程序中使用 Promise 进行异步流程处理 - 前端 - 掘金
这篇文章如何在微信小程序中使用 Promise 这个神器进行了介绍...

微信小程序公测接入指南 - 前端 - 掘金
产品定位及功能介绍微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。小程序注册注册小程序帐号在微信公众平台官网首页（mp.weixin.qq.com）点击右上角的“立即注册”按钮。选择注册的帐号类型选择“小程...

前端外行的微信小程序瞎折腾之旅 - 前端 - 掘金
我一直是一个 iOS 客户端开发，前端经验只停留在 w3cschool 上面很基础的最初版本 html,css,js 学习，纯 helloworld 水准，就学了不到 10 分钟。所以这里也算是给客户端开发们打点气，新的东西阻碍的永远是你上手的动力，而不是这个...

微信小程序深入理解系列：微信小程序事件机制 - 前端 - 掘金
事件机制是一种非常典型的通讯方式，可以在代码中的不同对象之间传递信息，也可以在应用的不同层面进行沟通协作。今天我们想看来一下微信小程序框架提供的事件处理机制。小程序官方文档对事件的定义是：- 事件是视图层到逻辑层的通信方式- 事件可以将用户的行为反馈到逻辑层进...

微信小程序实战之小豆瓣图书 - 前端 - 掘金
最近微信小程序被炒得很火热，本人也抱着试一试的态度下载了微信web开发者工具，开发工具比较简洁，功能相对比较少，个性化设置也没有。了解完开发工具之后，顺便看了一下小程序的官方开发文档，大概了解了小程序的开发流程和一些常用的API。了解了小程序之后，自己就有了想...

不一样的角度 解读微信小程序 - 前端 - 掘金
作者信息：七月在夏天知乎专栏：https://zhuanlan.zhihu.com/oldtimes前段时间看完了雨果奖中短篇获奖小说《北京折叠》。很有意思的是，张小龙最近也要把应用折叠到微信里，这些应用被他称为：小程序。含着金钥匙的小程序，还未展现全貌，就已...

从零开始：微信小程序新手入门宝典《一》 - 前端 - 掘金
为了方便大家了解并入门微信小程序，我将一些可能会需要的知识，列在这里，让大家方便的从零开始学习；...

如何让你的微信小程序审核更容易通过？ - 前端 - 掘金
微信小程序审核不通过，有很多原因，其中最明显的一点就是：服务类目问题；所以我就将相关内容整理一下，方便大家更好的通过审核，快速上线！ 可以这么说，过了服务类目，就过了80%！ 下面我将所有类目不通过的原因聚集一下，给大家参考：...