图片 1首页

微信小程序,独立开发者的数字游民时代来了?

系列教程:玩转微信小程序怎样将「服务号」改造成「小程序」?玩转微信小程序微信小程序项目结构及配置玩转微信小程序微信小程序名片夹详情页开发名片盒「我」的页面效果图与需求:

CNode首页展示,实现分类tab切换,目前文章详情暂时没有好的富文本解决方案暂时只是获取到了源数据,没有进行美化处理

昨晚微信小程序放出内测版,微信从超级应用向os层面的转变。

图片 2用户有多张名片,需要左右切换查看,往下切换是菜单按钮。
这里需求两处滑动,用到了微信提供给我们的滑动组件
swiper,并且进行了嵌套使用,第一层是名片展示与菜单按钮的上下滑动,
第二层是名片展示的左右滑动(支持互相嵌套使用的,可以放心使用)。Vertical
加上就是纵向滑动,去掉即是左右滑动。整体结构如下所示:图片 3点击事件绑定的是数据切换方式,因为需要支持多次点击切换。图片 4初始化数据是
nextSlide:图片 5再看下
nextSlide 事件。currentSlide 是当前页面的
index,改变它即可完成切换效果,可以看上图初始化数据时设置了 cs 是
0。图片 6因而赋值当前
data.cs+1 即可,再把绑定点击事件 clickNext 切换成
nextSlideAgain。图片 7再看下
nextSlideAgain 事件,执行的减去 1
个索引,实现多次点击切换效果。图片 8具体效果可以看到。
点击个人名片进去编辑名片页面,由于需要带参,故而使用的是
wx.navgateTo。图片 9可以看下效果:图片 10图片 11最后上点干货:我们发出第一篇教程的时候有人就注意到这点了,怎么做真实数据交互,下面大家可以了解下。首先进去是
MD5 加密,requster
交互层。图片 12怎么引用
MD5.js?当然是模块化 require,被引用的 js 不要忘记 module.exports
出来。下面是 requester.js 引用 MD5.js。ApplicationRoot
是服务器地址(配置服务器时在开发设置页面查看 AppID 和
AppSecret,配置服务器域名)。图片 13Require.js
这里 module.exports
是暴露方法出去。。图片 14这时候在全局
app.js 里面引入 require.js 映射到全局 global,这个 global
是全局的。图片 15这时候那个页面需要那个页面就直接去接受吧,模块化是不是很好用?图片 16可以完整的看下与后台做数据交互的一个请求实现方式如下:图一是
requester.js
里面的封装。图二是需要调用数据的页面渲染。图片 17图片 18大家有什么疑问可以多指点,会在下一章说明一些已知疑问。应该有一些人喜欢
sublime 编辑器,有人问怎么切换高亮,在你的右下角直接切换成 html
即可。图片 19好了,今天就到这里,明天更新:微信小程序编辑名片页面开发(涉及要点:检索、排序、滑动及页面交互),敬请期待!Hello小程序将与您共同成长。微信号:130870319
QQ群:40726600

图片 20accessToken登陆

在微信通过巨大的体积逼着用户删除低频使用的应用后,它准备让这些低频应用投入自己的怀抱。

登陆后显示头像及昵称,并保存在数据库

熟悉CSS+JS的比较容易入手,放上:GitHub地址

本demo大概涉及到的内容:
列表、条件渲染,页面跳转,请求的使用,数据简单的存储及获取。。。

本demo参考:查看详细

如果你还没有接触过小程序建议先访问官方文档哦:小程序官方

微信小程序会像之前的百度轻应用那样不死不活还是会创造新的变化?我们不知道,先简单介绍下

小团队的应用开发者一直都在面对着挑战,先做安卓还是先做iOS,或者先做个H5的试试水。每一个新的平台适配都意味着大量的人力支出,如果决定要做微信小程序,一次开发,所有微信覆盖的平台都能适配,意味着成本的大幅降低。

根据最新了解的信息,微信提供的微信小程序并不是传统意义上的web应用,而是采用了RN的技术来实现更好的体验,所以在开发微信小程序的时候也不用担心各种浏览器奇奇怪怪的兼容性。

因为采用RN的技术,微信小程序能够为用户提供Native
App的用户体验,只要有JS的开发基础,开发微信小程序也是So easy的事情啦!

榜上微信这条大腿,微信小程序的功能不只是我们开发的那么简单,微信登录,微信支付,模版消息等等功能都是信手拈来,开发工作的减少不是一点半点。

发表评论

电子邮件地址不会被公开。 必填项已用*标注