微信小程序框架——微信小程序前端开发工具

微信小程序框架框架小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。框架提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，可以让开发者可以方便的聚焦于数据与逻辑上。响应的数据绑定框架的核心是一个响应的数据绑定系统。整个系统分为两块视图层（View）和逻辑层（App Service）框架可以让数据与视图非常简单地保持同步。当做数据修改的时候，只需要在逻辑层修改数据，视图层就会做相应的更新。通过这个简单的例子来看：在开发者工具中预览效果

Hello {{name}}! Click me!

// This is our App Service.// This is our data.var helloData = { name: 'WeChat' } // Register a Page. Page({ data: helloData, changeName: function(e) { // sent data change to view this.setData({ name: 'MINA' }) } }) 开发者通过框架将逻辑层数据中的 name 与视图层的 name 进行了绑定，所以在页面一打开的时候会显示 Hello WeChat! 当点击按钮的时候，视图层会发送 changeName 的事件给逻辑层，逻辑层找到对应的事件处理函数 逻辑层执行了 setData 的操作，将 name 从 WeChat 变为 MINA，因为该数据和视图层已经绑定了，从而视图层会自动改变为 Hello MINA! 。页面管理框架管理了整个小程序的页面路由，可以做到页面间的无缝切换，并给以页面完整的生命周期。开发者需要做的只是将页面的数据，方法，生命周期函数注册进框架中，其他的一切复杂的操作都交由框架处理。基础组件框架提供了一套基础的组件，这些组件自带微信风格的样式以及特殊的逻辑，开发者可以通过组合基础组件，创建出强大的微信小程序。丰富的 API 框架提供丰富的微信原生 API，可以方便的调起微信提供的能力，如获取用户信息，本地存储，支付功能等。微信小程序开发神器《微信小程序自动切片生成布局软件》，可以快速自动生成小程序前端布局和代码，还有免费的教程和技术支持。功能如下： 1、切片功能：原来手写的这部分工作，可以用切片软件的方法来切。切好后，可以自动生成wxml,wcss,js文件。 2、文字识别功能：效果图上的文字可以通过自动文字识别识别出来，提高录入的速度，减轻工作量。 3、存档功能：设计好的切片文件可以存档，以便下次需要的时候拿来重新编辑。只要有切片文件在，换了程序也可以秀给和编辑。有任何疑问欢迎随时联系我们！ Q Q : 348961183 官方网址：www.ymznkf.com/index.aspx?… 软件下载地址：www.ymznkf.com/new_view_55…

微信小程序框架——微信小程序前端开发工具相关推荐

好程序员web培训简述web前端开发工具有哪些
好程序员web培训简述web前端开发工具有哪些,随着互联网技术的发展,用户对于web网页的依赖性越来越重,这对于web前端开发工程师的要求也在不断提高.作为开发者来说,开发工作需要依赖很多开发工具的协 ...
2012年度最佳Web前端开发工具和框架总结
2012年度最佳Web前端开发工具和框架总结 2013/01/18 | 分类: 工具与资源 | 1 条评论 | 标签: 前端, 开发工具, 开发框架分享到:0 来源:梦想天空技术的快速发展让很多人 ...
2012年度最佳 Web 前端开发工具和框架——《上篇》
技术的快速发展让很多人学习起来无所适从,幸运的是,很多优秀的 Web 开发人员和设计人员在努力寻找各种有特色的解决方案. 因此,我们有了很多优秀的小工具和库,每一个都是用来解决特定的问题或维护一组特定 ...
2012年度最佳Web前端开发工具和框架
摘要:技术的快速发展让很多人学习起来无所适从,幸运的是,很多优秀的 Web 开发人员和设计人员在努力寻找各种有特色的解决方案. 因此,我们有了很多优秀的小工具和库,每一个都是用来解决特定的问题或维护一 ...
python开发工具排名-Python程序员必备的四款开发工具
原标题:Python程序员必备的四款开发工具每一位Python程序员都会有套工具来应对开发工作上的挑战.多年来,Python程序员使用开发工具来完成他们的工作.有很多工具对他们是有用的,不过对于初入 ...
python界面开发工具免费_Python程序员必备的四款开发工具
原标题:Python程序员必备的四款开发工具 Python自学与交流中心QQ群:260308621 大家今晚利用1个小时看python基础视频教程 23-27节 ,自己监督自己.跟着学习哈!一定要做到 ...
Java程序员必备的几款开发工具，高效才是硬道理！
作为一名优秀的Java程序员,怎能没有几款得心应手的高效开发工具呢!市面上类库.工具千千万,下面我就给大家推荐几款高效的Java开发工具. 一.Eclipse Eclipse做为一款开发源代码的Jav ...
超级棒的170+款web前端开发工具汇总，千万要收藏好！
作者:web前端开发我们与企业内部的Web开发团队进行了很多次交流,研究了很长时间,最后将Debug工具与Web前端开发工具整理汇总在了一起,这些工具对每个Web开发人员都非常有用. 这些工具将使您 ...
前端开发工具集（九）：单元测试（jest）
本文是前端开发工具系列之单元测试,主要会讨论利用常见的单元测试工具的原理和使用,保证前端开发时的代码正确性,该系列其他部分请参考这里. 本文后期会随着对自动化测试的探索不定时更新,最终会完成全套的自动 ...
细数那些年我用过的前端开发工具
图片发自简书App 一:HBuilder 下载地址:http://www.dcloud.io/ 飞速编码的极客工具,大幅提升HTML.js.css的开发效率. 使用HTML5开发,然后使用HBuild ...

微信小程序框架——微信小程序前端开发工具

微信小程序框架——微信小程序前端开发工具相关推荐

最新文章

热门文章