去年(19年10月)在某技术沙龙上分享了《小程序工程化探索》后，陆续有网友联系到我询问一些实现方面的细节，虽然常年顶着黑眼圈修着“福报”，但还是决定抽出时间写一个小程序工程化系列，一是希望能帮到部分同学，二是希望能提升自己的总结与表达能力，由于是一个系列，所以每篇文章会尽量聚焦一个点，篇幅不会很长。闲话少述，本篇是小程序工程化系列第一篇，我将会详细介绍如何利用 Webpack 实现对小程序代码的文件依赖分析。
小程序中每一个页面对应一个Page()方法,我们需要把变量和组件的各种事件都写在一个对象里,然后把对象作为这个参数传递给Page方法
PS：样式这块比较依赖html中的css，明白如何引用，关联关系，style的方式自定义样式。
小程序有自己的一套语法代码，与传统的html代码不太一致，这时就需要用到了文本解析工具，之前用的一直是一种解析方式是wxParse工具解析。但是这个工具没法实现代码的高亮，总是在一行显示。 经过在网上的查找发现了一个新的库，就是towxml。它是一个可将HTML、Markdown转为微信小程序WXML(WeiXin Markup Language)的渲染库
微信官方的wx.showToast这个API用起来限制性太强，在正式项目上根本用不上，但是又没有其他组件或API可以替代，所以就自己通过网上大神的方法自己写了一个自定义的toast组件。
大体相同，但小程序直接this.data的属性是不可以同步到视图的，必须调用this.setData()方法！
wx:for：在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。
概述 作为一名前端开发，如果你还停留在应用开发层面，那你就OUT了，快来跟我一起探讨下小程序框架本身底层实现的一些技术细节吧，让我们从小程序的运行机制来深度了解小程序。 小程序是基于WEB规范，采用HTML,CSS和JS等搭建的一套框架，微信官方给它们取了一个很牛逼的名字：WXML,WXSS，但本质上还是在整个WEB体系之下构建的。 WXML，个人猜测在取这个名字的是微信的Xml，说到底就是xml的一个子集。WXML采用微信自定义的少量标签WXSS，大家可以理解为就是自定义的CSS。实现逻辑部分的J
在开发小程序的时候，尤其是开发第三方小程序，我们作为开发者，只需要开发一套模板，客户的小程序对我们进行授权管理，我们需要将这套模板应用到对方的小程序上，然后由我们进行发版审核即可；
概述 作为一名前端开发，如果你还停留在应用开发层面，那你就OUT了，快来跟我一起探讨下小程序框架本身底层实现的一些技术细节吧，让我们从小程序的运行机制来深度了解小程序。 小程序是基于WEB规范，采用HTML,CSS和JS等搭建的一套框架，微信官方给它们取了一个很牛逼的名字：WXML,WXSS，但本质上还是在整个WEB体系之下构建的。 WXML，个人猜测在取这个名字的是微信的Xml，说到底就是xml的一个子集。WXML采用微信自定义的少量标签WXSS，大家可以理解为就是自定义的CSS。实现逻辑部分的JS还是通
由于微信小程序不支持HTML代码，但我们存在服务器中的文章内容的代码都是HTML的，当我们在微信小程序上，从服务器取出的HTML数据，又如何在小程序中显示呢？这需要一个插件wxParse。
「微信小程序」的开发框架体验起来，还不错——自带了UI框架。但是问题是他的IDE，表现起来相当的糟糕——其实主要是因为，我当时买WebStorm License买了好多年。所以，我觉得他的IDE真不如
在小程序开发中与网页开发虽然具有相似性,但仍然是有一些区别的,例如绑定事件的方式,处理事件穿透等
该项目为提供微信小程序一套便捷好用动画执行方案， 通过添加简单的动画类名和一些简单的参数，即可实现想要的动画效果。灵感来源 WOW.js
最近这两天，“微信小程序”这个词占据了朋友圈，大有一番风起云涌之势，当然，还不可能夸张到使原生App开发人员失业这种程度。当然，作为一名技术人员，时刻保持对新技术的好奇心是必须的，所以在网上找大神的教
在最近微信小程序开发过程中，遇到一些文章内容是HTML富文本的，但是偏偏微信小程序本身是支持HTML标签的，所以我们在解析内容的时候就需要将内容中的HTML标签转换成微信小程序所支持的标签，其实刚开始我遇到这个问题的时候也是懵圈的，最后咨询下一位大神，告诉了我一款超好用的插件——WxParse，今天就给大伙分享分享~先附上最后我实现的效果图
由于微信小程序不支持后台富文本编辑器编辑的html，需要使用wxParse 这个插件来解析，下面介绍一下这个插件的使用方法。
前段时间在下开发了个微信小程序，开发过程中总结了一些我觉得对我有用的小技巧，提炼出来，相当于一个总结复盘，也希望可以帮助到大家。如果对大家确实有帮助，别忘了点赞哦
这个其实大家可以理解为是一个公共的组件的js文件，这个js文件可以在你的任何组件页面内引用，引入后你的被引用的js文件就拥有了你引入的这个behaviors.js中的一切方法及变量
新建一个component文件夹与page文件夹平级，新建个power文件夹， 里面的wxml，wxss，js，json都是与page的一样 在.json文件夹中添加
在这里我创建一个示例项目 找两个图标加入 (如果项目很小需求比较少 才一两个的话直接选择颜色下载png格式就好了) 我主要是为了减少包体积 而且增添方便 图标颜色控制 加载快(微信小程序上传上限为 2048 kb)
WXSS(WeiXin Style Sheets)是一套样式语言，用于WXML的组件样式
小程序自定义组件是小程序开发中常用的一种技术，它可以将小程序中常用的UI组件封装成一个独立的组件，并在不同的页面中复用，从而提高小程序的代码可维护性和复用性。
如果项目复杂，并且很多功能相对独立，那么不同的功能可以交给不同的团队开发，团队本身存在差异如技术选型等。另外的好处是，功能解耦，各功能可以独立开发、测试、部署。
在官网注册页选择小程序注册即可，账号分为个人版和企业版： 个人版相对于企业版注册流程更为简单和宽松。
一直以来，我对自已做的微信小程序界面很不满意，但苦于对样式wxss一窍不通，只好默默忍受。俗话说的好，不在沉默中爆发就在沉默中灭亡，最近实在看不下去了，就想找个美工来帮忙，结果美工师傅没有理睬我，乍办。。。？之前就听说WeUI是微信官方为小程序量身设计的样式库，但对于年龄较大的我来说，还没有充分的胆量去尝试学习新知识，所以之前如果不是猫老师一步一步的教，一堂课一堂课的引导，估计我也早已放弃了程序设计。没有美工师傅，怎么办，那只好逼上梁山，上百度搜，结果发现其实也没那么难，因为很多好心的博主都把经验上传分享了。而且之前上过猫老师VUE的课，知道Nodejs和npm，而且微信官方的Demo也很清楚明了，那就水到渠成了。
开发小程序的第一步，你需要拥有一个小程序帐号，通过这个帐号你就可以管理你的小程序。
es6的Promise让异步接口的处理变得轻松，在旧版本的小程序中并不原生支持Promise，需要引入第三方库，例如：https://github.com/stefanpenner/es6-promise，然而在新版的小程序中已经原生支持了Promise，直接使用即可。
基本这些配置就可以满足正常的开发，其他有一些比如request请求超时之类的，都采用默认即可
文 | HustWolf 小程序的视图层，分为 WXML、WXSS 和基础组件。今天，我们就来详细解析 WXML 和 WXSS。 WXML WXML（WeiXin Markup Language）是为小程序 MINA 框架设计的语言，它结合基础组件、事件系统，可以构建出页面的结构。 说的通俗一点，WXML 有点类似 HTML，相当于一个最后的收尾的设计师。它可以告诉你，这个地方要有个图片，然后这个图片的地址是什么；然后告诉你这儿有个按钮，这个按钮控制什么的开关。 这么一说，我还觉得做小程序就像盖房子，有人负
点击构建之后，项目会自动帮我们进行构建，然后会多出一个miniprogram_npm文件夹：
import可以在文件中使用目标文件定义的template,import 有作用域的概念，即只会 import 目标文件中定义的 template，而不会 import 目标文件 import 的 template。
在事件的捕捉中可以使用 bind 以及 catch，下面以简单的实例给大家展示一下事件冒泡
创建模板文件，如 /templates/test/test.wxml 和 /templates/test/test.wxss
以下内容都是在0.11.112301版本中实践得出。现已更新至0.17.172600，如有版本调整，按实际情况而定，仅供出现类似情况时参考。 1. 快捷键 右键，选择格式化，格式化js、wxml、wxss等代码，也可以用Alt + SHIFT + F快捷键； 2. 知识点 小程序总会在读取Page下的data对象来做数据绑定，这个动作我们称之为A，而这个A动作的执行，是在onLoad函数之后执行的。但是在122100版本以后，this.data做数据绑定的方法已失效，并且也不建议直接通过this.data来
首先我们在github上下载wxParse https://github.com/icindy/wxParse 下载完之后我们需要用到目录下的wxParse文件夹，把他拷贝到我们的项目目录下
微信小程序出来已有段时间，虽还在内测阶段。利用空闲时间，我把蜂贷微信项目部分迁移到小程序上。 目录结构 小程序的主体由三个文件组成，这三个文件要放在项目的根目录下，分别是 1、app.js 配置小程序的逻辑 2、app.json 公共设置 3、app.wxss 公共样式 小程序可以自定义 page，但是 page 需要在 app.json 中做出声明，不然IDE会报错，找不到页面。小程序的页面由四个文件组成，分别是 1、.js文件 页面逻辑 2、.wxml 视图层文件，页面结构 3、.wxss 样式文件，页
知晓程序注： 即使你认为小程序开发很简单，也无法否认小程序开发中，仍然有许多需要注意的地方。稍不注意，就会产生意料之外的问题。 知晓程序（微信号 zxcx0101）今天推荐的这篇文章，是作者通过亲身开发，找到了微信小程序开发中的坑，并在文章给出了解决方案。希望能够帮助开发小程序的你，避开这些坑。 文 | 泡芙小姐 110 1. JSON 配置文件 小程序中，包含唯一的全局配置文件 app.json，以及每个页面的配置文件 page.json。每单页页面相应的 JSON 文件会覆盖与 app.json 相同
weapp-css-modules 是小程序的简化版 css-modules，比标准 css-modules[1] 代码量更少的优化方案
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
前几天有幸看了微信官方直播8月6日第一期小程序云开发实战的直播课,了解了一些关于小程序云开发的知识,在这里记录并分享给大家.
小程序概述 昨天晚上，微信团队对外宣布，微信小程序开放公测。开发者可登陆微信公众平台申请，开发完成后可以提交审核，公测期间咱不能发布。 我们前一段时间也进行了小程序开发，现在来对之前的开发体验做一个总结。 1. 小程序是什么？ 微信小程序是一种介于原生app、和web app的hybrid。通过微信进行加载，实现类似原生app的流畅。相对原生app来说，小程序更加轻量、更新实时、跨平台；相对web app来说，小程序资源离线，体验更流畅。 微信小程序的设计目标是通过尽可能简单、高效的方式让开发者可以在微
# 开发工具下载 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html # 微信平台注册 https://mp.weixin.qq.com 小程序包含一个描述整体程序的 app 和多个描述各自页面的 page 一个小程序主体部分根目录由三个文件组成 app.js 小程序逻辑 app.json 小程序公共配置 app.wxss 小程序公共样式表 一个小程序页面由四个文件组成 js 页面逻辑 wxml 页面结构 js
之前编写的新闻列表页面中，我们把示例数据都放在了js文件中，但实际上数据是不应该写在js文件中的，所以我们得把这些数据分离到一个单独的数据文件中。然后post.js文件就加载这个数据文件中的数据即可，这样也可以模拟一下加载服务器数据的过程。
老板想要一个小程序的东西，作为实诚却又没干过小程序开发的程序猿，二话不说，撸起袖子，开整。
《微信小程序七日谈》系列文章： 本系列的文章并非初学教程，而是笔者在具体开发过程中遇到的问题以及部分解决方案。 微信小程序自公布以来就被捧上了天，新闻一波接一波。一部分声音来自前端界，把小程序当成前端历史地位提升的一次革新；一部分声音来自app开发界，把小程序当成失业的助推器（摊手）。本文的目的不是讨论小程序的是或非，只是记录一下笔者在开发小程序过程中一些收获和感想。 有消息称第一批微信小程序在12月中下旬发布，在那之前，需要将已完成的小程序向腾讯提交审核。58到家看准了这次推广的机会，制定了小程序开发计
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
