标签目录：小程序

2018
08-28

小程序开发实践总结 - WEB前端

从微信发布小程序以来，各大公司纷纷跟进都想从微信这个流量池里捞一杯羹。我司也不例外，我们整个前端团队这半年来基本上都是在开发小程序。前前后后也开发了四五个小程序了。总觉得要留下点什么，既是记录那些年我们踩过的坑，也是希望大家别再掉坑。那些年我们踩过的坑css样式不能引用本地图片资源，只能引用线上资源( background-image )，引用本地图片资源只能用 <image> 标签。{{}... 继续阅读 >

2017
08-08

微信小程序开发资源汇总

官方文档小程序开发文档小程序设计指南小程序开发者工具新闻报道微信正式开放内测"小程序"，不开发APP的日子真的来了？(36氪)关于微信小程序（应用号），我能透露的几个细节(可能吧)你的产品适不适合做微信小程序？你需要这篇产品逻辑分析(虎嗅网)微信公众平台小程序开放公测(微信官方)社区WXOPENClub|微信小程序专业社区工具微信小程序(应用号)微信web开发者工具破解版(DiyCode)... 继续阅读 >

2016
10-18

微信小程序demo

9月22日凌晨，微信公众平台对200个服务号发送了“微信小程序”的测试邀请。微信方面表示，“小程序”目前只是测试阶段，未来此类“小程序”的主体比较广泛，不管是个人、政府、企业、媒体，抑或是其他组织开发者，均可以申请注册和使用“小程序”，“小程序”发布后，在业内掀起了较大的反响。下面是我初步探究所做的简单整理。目录结构我们在微信提供的开发工具中新建一个项目，开发工具会给我们建立一个最基本的目录结构和示... 继续阅读 >

2016
10-17

微信小程序开发支持 websocket

为什么需要websocket？传统的实时交互的游戏，或服务器主动发送消息的行为（如推送服务），如果想做在微信上，可能你会使用轮询的方式进行，不过这太消耗资源，大量的请求也加重了服务器的负担，而且延迟问题比较严重。如果是自己开发的app，为了解决这些问题，很多团队会自建socket，使用tcp长链接、自定协议的方式与服务器进行相对实时的数据交互。有能力的团队，采用这种方式自然没什么大问题。不过小团队可能就要花费很多时... 继续阅读 >

2016
10-17

微信小程序官方文档解读：如何才能避开小程序的规则 “雷区”

虽然微信小程序还处于内测阶段，但得益于各种开发者、行业人士的广泛讨论，对微信小程序有深入了解的开发者已经初具规模。微信小程序的出现体现了微信的创新思维，也继承了微信严密的内容管理风格，稍有不慎，就可能触碰到微信的底线。对于开发者来说，如何才能在开发中避免违反微信的规则，顺利上线小程序？这份解读将可以帮助你全面地了解两份微信小程序官方文档——《微信小程序平台运营规范》和《微信小程序平台常见拒绝情形... 继续阅读 >

2016
09-29

微信小程序学习一初探“小程序”

最近这两天，“微信小程序”这个词占据了朋友圈，大有一番风起云涌之势，当然，还不可能夸张到使原生App开发人员失业这种程度。当然，作为一名技术人员，时刻保持对新技术的好奇心是必须的，所以在网上找大神的教程，搭建了一下开发环境，来学习一下这个新的开发框架。一项目文件结构当打开微信小程序的Demo的时候，我个人习惯是先看整个项目的文件结构，先大致弄清这部分是干什么的，那部分又是干什么的，微信小程序基本的文... 继续阅读 >

2016
09-29

微信小程序开发:Flex布局

微信小程序页面布局方式采用的是Flex布局。Flex布局，是W3c在2009年提出的一种新的方案，可以简便，完整，响应式的实现各种页面布局。Flex布局提供了元素在容器中的对齐，方向以及顺序，甚至他们可以是动态的或者不确定的大小的。Flex布局的主要特征是能够调整其子元素在不同的屏幕大小中能够用最适合的方法填充合适的空间。flex布局Flex布局的特点:任意方向的伸缩，向左，向右，向下，向上在样式层可以... 继续阅读 >

2016
09-29

不需内测账号，带你体验微信小程序完整开发过程

微信小程序还没正式发布就已经迅速成为大家讨论的焦点，那么大家可能觉得只有收到内测邀请才能体验小程序的开发流程，其实不然，大家都可以体验，下面就带大家一起了解。下载微信Web开发者工具首先，微信给我们提供了它自己的小程序集成开发工具，只需要到这个页面下载即可：下载完成后，打开开发者工具，会有一个扫码登录界面。用你的微信扫码就可以登录进来了，然后开发者工具会帮我们创建一个默认工程，项目的文件结构... 继续阅读 >

2016
09-29

微信小程序开发使用第三方库Immutable.js教程

Immutable 是Facebook开发的不可变数据集合。不可变数据一旦创建就不能被修改，是的应用开发更简单，允许使用函数式编程技术，比如惰性评估。ImmutableJS提供一个惰性Sequence，允许高效的队列方法链，类似map和filter，不用创建中间代表。immutable通过惰性队列和哈希映射提供Sequence,Range,Repeat,Map,OrderedMap,Set和一个稀疏Vector。微信小程序无法直接使用require('immutable.js')进行调用,需要... 继续阅读 >

2016
09-29

微信小程序开发实战——模块化

JavaScript模块规范在任何一个大型应用中模块化是很常见的，与一些更传统的编程语言不同的是，JavaScript（ECMA-262版本）还不支持原生的模块化。Javascript社区做了很多努力，在现有的运行环境中，实现"模块"的效果。通行的JavaScript模块规范主要有两种：CommonJS、AMD、UMD、CMD等CommonJSCommonJS规范是服务器端Javascript模块规范。Node.js的模块系统，就是参照CommonJS规范实现的。NPM也遵循了commonJS定义的包规范，... 继续阅读 >

2016
09-29

微信小程序开发:http请求

在微信小程序进行网络通信，只能和指定的域名进行通信，微信小程序包括四种类型的网络请求。普通HTTPS请求(wx.request)上传文件(wx.uploadFile)下载文件(wx.downloadFile)WebSocket通信(wx.connectSocket)这里以介绍wx.request,wx.uploadFile,wx.dowloadFile三种网络请求为主设置域名要微信小程序进行网络通信，必须先设置域名，不然会出现错误:URL域名不合法，请在mp后台配置... 继续阅读 >

2016
09-26

微信小程序，一个有局限的类似 React Native 轮子！

先抛出结论：微信小程序就是一个类似RN的轮子，可以快速开发，有一定的适用场景，但是也有其局限性。本文针对微信小程序的示例代码进行分析，告诉大家：微信小程序到底提供了什么？开发微信小程序方便么？微信小程序具体适用场景？最后还自作主张的说了点对于微信小程序的个人观点。微信小程序都提供了什么？微信小程序主要为我们提供了两部分东西：底层API和组件，不仅如此，微信小程序还引入新的文件格式。引入了新的... 继续阅读 >

2016
09-24

微信小程序常见疑问

怎么获取用户输入能够获取用户输入的组件，需要使用组件的属性bindchange将用户的输入内容同步到AppService<inputid="myInput"bindchange="bindChange"/><checkboxid="myCheckbox"bindchange="bindChange"/>varinputContent={}Page({data:{},bindChange:function(e){inputContent[e.currentTarget.id]=e.detail.value}})为什么脚本内不能使用window对象页面的脚本逻辑在是在AppService中... 继续阅读 >

2016
09-24

微信小程序是什么？

 微信小程序微信小程序是什么?微信应用号是一个APP应用推广平台，微信应用号目前暂定名为“小程序”，使用微信应用号平台，用户关注一个应用号就如同安装一个App一样，而微信应用号就相当于另一个AppStore，主要功能就是应用推广。用户关注一个应用号就如同安装一个App一样，而微信应用号就相当于另一个AppStore，主要功能就是应用推广。微信的目的似乎很简单，就是希望把用户使用App的动作都集中在微... 继续阅读 >