- 浏览: 32897 次
最新评论
12月16日,微信正式发布了WeUI.js动态视觉组件库。WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,可以让用户的使用感知更加统一。WeUI.js动态视觉组件库包含了button、cell、dialog、progress、toast、article、actionsheet、icon等各式元素。
一、weui.js是什么?
weui.js 是WeUI的轻量级JS封装,不需要依赖其它库,GZIP后仅有9.0 KB。
二、weui.js包含哪些组件?
actionsheet
alert
confirm
dialog
form
gallery
loading
picker
searchbar
slider
tab
toast
toptips
uploader
三、使用方式:
Github:https://github.com/weui/weui.js
详细文档:http://dwz.cn/4QTFrm
四、微信团队为何在此时公布官方视觉组件库:
为了更像微信OS
微信团队和之前的轻应用平台相比,不是简单为了给开发者和用户之间提供一个平台连接、也不是只为了做一个流量入口平台那么简单,而是为了打造一个完美的微信OS生态。当年百度、UC等平台推出的轻应用,更多的只是起到了一个平台倒流和连接的作用,并没有对开发框架和设计规范进行过如此统一的规范和要求。现在看来,最好的生态,当然是类似苹果安卓OS那样,所有的应用具备统一的开发框架和接近OS生态的完美体验。
为了极致的用户体验
从小程序内测到公测已经过去了三个月,我们有理由相信微信团队已经接到了不少小程序开发者的审核需求,这其中最让微信团队头疼的应该就是开发设计规范不符合微信团队的要求,达不到微信团队想要的那种用户体验。微信官方进一步推出Weui就是为了让所有开发者提交的小程序都能够接近微信APP的体验效果,从而给微信用户带去最佳的用户体验,这也是未来小程序生态能否提高8亿用户使用热度和频率的一个重要指标。
倒逼第三方服务商转型
微信团队在早年推出公众号的时候曾经推出过“开发者模式”,当时,微信团队鼓励第三方公司利用微信公众号开放的接口进行各种微应用的开发,比如:微网站、微商城,微工具等各种应用。但是,微信团队早期并没有对这些接入应用的开发框架和设计规范进行统一的定义和严格要求,导致每一个服务接入商基本都是按照自己的开发框架和设计标准进行开发来设计,使得市面上看到的这些应用页面呈现五花八门,用户体验极其糟糕,这也就造成了早期的应用服务被用户的接受度过低,同时无法给企业带来实际价值的症结所在。随着微信小程序的出现,微信团队重塑统一的开发框架和设计规范,倒逼这些第三方服务机构重新定义自己的跟随策略,按照新的开发规范重新提供新的平台服务。或许,现有的微信第三方服务机构格局将被打破,第三方服务机构将面临新一轮的洗牌。
五、WeUI.js给小程序开发者带来了哪些好处?
使用Weui设计出来的小程序如同用户使用微信客户端一样的视觉效果,可以让小程序的体验感更强。
使用Weui设计小程序更够提高开发者的开发效率,降低开发者的开发成本,从而让开发者更快的开发出符合规范的小程序。
使用Weui设计小程序如同您雇佣一支国内顶尖的设计团队帮您打造一个接近完美的视觉框架。
六、微信小程序给前端设计领域带来了那些影响和推动:
全平台兼容
微信小程序重新定义了APP,使得一款应用能够在android、iphone以及windows phone中都能运行,对于前端来说实现了“一次编译,到处运行”的理念。
前端开发思维的改变
设计理念需要从传统的PC思维需要转向到以移动为先的思维,这其中主要考虑的差异化在于屏幕尺寸、网络带宽、输入设备等几个方面的不同。同时很多之前可以用于iOS与Android的控件需要在小程序上重新调整和创新。
推动前端技术的发展
微信小程序以其简单的开发环境,使以Javascript和HTML5为主的前端技术成为真正的主流,越来越多的人开始接触前端开发,为前端技术的发展贡献力量。
前端投入成本的增加
原本一家传统企业的前端开发人员需要覆盖PC端、移动端、APP应用等各种平台,微信小程序的出现会导致未来的前端开发人员还需要涉及小程序的前端开发设计,这在一定程度增加了前端开发人员学习和工作成本,同时也会给企业带来更多的人才投入成本。
前端人才的竞争更加明显
微信小程序的诞生会吸引一大批后台开发、APP开发的程序猿们加入前端开发大军,进一步冲击现有的前端开发人员的的知识结构,加剧前端开发岗位的竞争格局,迫使一些低端且知识结构不全面的前端开发人员面临被淘汰或者失业的风险。
全栈工程师会越来越吃香
随着微信小程序的出现,既懂后台,又懂前端的人才会越来越受到企业的重视和拥抱,特别对于创业团队和互联网企业来说,一个拥有全局思维、熟悉各种技术的人才非常重要。身为技术人员,我们需要不断拥抱变化,不断get新技能,努力成为一个全栈工程师。
微信正式发布WeUI.js动态视觉组件库,这意味着,大家可以在小程序里面,直接使用在官方设计文档附录中的视觉组件(而不需要额外引入其他库)。
来源链接:http://bbs.jointforce.com/topic/24301
一、weui.js是什么?
weui.js 是WeUI的轻量级JS封装,不需要依赖其它库,GZIP后仅有9.0 KB。
二、weui.js包含哪些组件?
actionsheet
alert
confirm
dialog
form
gallery
loading
picker
searchbar
slider
tab
toast
toptips
uploader
三、使用方式:
Github:https://github.com/weui/weui.js
详细文档:http://dwz.cn/4QTFrm
四、微信团队为何在此时公布官方视觉组件库:
为了更像微信OS
微信团队和之前的轻应用平台相比,不是简单为了给开发者和用户之间提供一个平台连接、也不是只为了做一个流量入口平台那么简单,而是为了打造一个完美的微信OS生态。当年百度、UC等平台推出的轻应用,更多的只是起到了一个平台倒流和连接的作用,并没有对开发框架和设计规范进行过如此统一的规范和要求。现在看来,最好的生态,当然是类似苹果安卓OS那样,所有的应用具备统一的开发框架和接近OS生态的完美体验。
为了极致的用户体验
从小程序内测到公测已经过去了三个月,我们有理由相信微信团队已经接到了不少小程序开发者的审核需求,这其中最让微信团队头疼的应该就是开发设计规范不符合微信团队的要求,达不到微信团队想要的那种用户体验。微信官方进一步推出Weui就是为了让所有开发者提交的小程序都能够接近微信APP的体验效果,从而给微信用户带去最佳的用户体验,这也是未来小程序生态能否提高8亿用户使用热度和频率的一个重要指标。
倒逼第三方服务商转型
微信团队在早年推出公众号的时候曾经推出过“开发者模式”,当时,微信团队鼓励第三方公司利用微信公众号开放的接口进行各种微应用的开发,比如:微网站、微商城,微工具等各种应用。但是,微信团队早期并没有对这些接入应用的开发框架和设计规范进行统一的定义和严格要求,导致每一个服务接入商基本都是按照自己的开发框架和设计标准进行开发来设计,使得市面上看到的这些应用页面呈现五花八门,用户体验极其糟糕,这也就造成了早期的应用服务被用户的接受度过低,同时无法给企业带来实际价值的症结所在。随着微信小程序的出现,微信团队重塑统一的开发框架和设计规范,倒逼这些第三方服务机构重新定义自己的跟随策略,按照新的开发规范重新提供新的平台服务。或许,现有的微信第三方服务机构格局将被打破,第三方服务机构将面临新一轮的洗牌。
五、WeUI.js给小程序开发者带来了哪些好处?
使用Weui设计出来的小程序如同用户使用微信客户端一样的视觉效果,可以让小程序的体验感更强。
使用Weui设计小程序更够提高开发者的开发效率,降低开发者的开发成本,从而让开发者更快的开发出符合规范的小程序。
使用Weui设计小程序如同您雇佣一支国内顶尖的设计团队帮您打造一个接近完美的视觉框架。
六、微信小程序给前端设计领域带来了那些影响和推动:
全平台兼容
微信小程序重新定义了APP,使得一款应用能够在android、iphone以及windows phone中都能运行,对于前端来说实现了“一次编译,到处运行”的理念。
前端开发思维的改变
设计理念需要从传统的PC思维需要转向到以移动为先的思维,这其中主要考虑的差异化在于屏幕尺寸、网络带宽、输入设备等几个方面的不同。同时很多之前可以用于iOS与Android的控件需要在小程序上重新调整和创新。
推动前端技术的发展
微信小程序以其简单的开发环境,使以Javascript和HTML5为主的前端技术成为真正的主流,越来越多的人开始接触前端开发,为前端技术的发展贡献力量。
前端投入成本的增加
原本一家传统企业的前端开发人员需要覆盖PC端、移动端、APP应用等各种平台,微信小程序的出现会导致未来的前端开发人员还需要涉及小程序的前端开发设计,这在一定程度增加了前端开发人员学习和工作成本,同时也会给企业带来更多的人才投入成本。
前端人才的竞争更加明显
微信小程序的诞生会吸引一大批后台开发、APP开发的程序猿们加入前端开发大军,进一步冲击现有的前端开发人员的的知识结构,加剧前端开发岗位的竞争格局,迫使一些低端且知识结构不全面的前端开发人员面临被淘汰或者失业的风险。
全栈工程师会越来越吃香
随着微信小程序的出现,既懂后台,又懂前端的人才会越来越受到企业的重视和拥抱,特别对于创业团队和互联网企业来说,一个拥有全局思维、熟悉各种技术的人才非常重要。身为技术人员,我们需要不断拥抱变化,不断get新技能,努力成为一个全栈工程师。
微信正式发布WeUI.js动态视觉组件库,这意味着,大家可以在小程序里面,直接使用在官方设计文档附录中的视觉组件(而不需要额外引入其他库)。
来源链接:http://bbs.jointforce.com/topic/24301
发表评论
-
微信小程序之提高应用速度小技巧
2017-03-17 17:08 10101、提高页面加载速度 ... -
微信小程序支付(java后端)
2017-02-27 14:38 10307第一步 进入小程序,下单,请求下单支付,调用小程序登录AP ... -
高效编写微信小程序
2017-02-22 15:26 426微信小程序是一个工程,就和盖房子一样,打好了地基,才能保证后续 ... -
微信小程序开放部分模糊搜索,你怎么看?
2017-02-13 16:22 365今天看到一则新闻,微信小程序开始开放模糊搜索了,所以亲自测试了 ... -
微信小程序编写tabBar模板,map组件markers属性动态初始化
2017-02-07 16:04 2100一:编写tabBar模板 众所周知,微信小程序的tabBar ... -
目前为止小程序审核不通过原因整理汇总
2017-01-23 14:57 8491、小程序简介没有介绍小程序功能 2、类目与页面提供的内容不一 ... -
微信小程序之图书管理系统(wepy版)
2017-01-19 14:42 10422016年小程序的推出,刷爆了朋友圈。作为一名好奇的程序猿 ... -
微信小程序form组件
2017-01-18 15:29 1001form 组件 表单 主要属性: 效果图: form. ... -
wafer-master小程序
2017-01-13 15:00 551wafer-master小程序 1、Centos 重启ngin ... -
信小程序参数二维码的8大使用场景
2017-01-12 15:13 649一、小程序参数二维码的8大使用场景 1 地推。 使用 ... -
小程序用户反馈-HotApp小程序统计仿微信聊天用户反馈组件...
2017-01-06 14:46 517用户反馈是小程序开发 ... -
小程序是微信最后的机会吗?它能做多大?
2017-01-05 15:46 488微信小程序又刷屏了。 ... -
获得session_key和openId(加解密、签名系列)
2016-12-26 15:57 9811:session_key和openId是什么?session ... -
5个关键词看小程序和App的UI设计异同
2016-12-23 14:20 479关键词一:友好礼貌对应于苹果:Less is more 苹果在 ... -
微信小程序canvas组件简单运用之涂鸦
2016-12-19 14:17 482源码 index.html <view class ... -
《转》小程序之本地缓存
2016-12-16 15:07 880目前,微信给每个小程序提供了10M的本地缓存空间 有了本地缓存 ... -
深度加速:微信小程序将成为下一个风口
2016-12-09 16:58 3082016年11月3日,“小程 ... -
深度加速:微信小程序将成为下一个风口
2016-12-09 16:55 4052016年11月3日,“小程序 ...
相关推荐
微信小程序正式发布 官方视觉组件库给我们传递了怎样的信号
微信小程序正式发布 官方视觉组件库给我们传递了怎样的信号.pdf
微信小程序 小程序官方Demo (源码)微信小程序 小程序官方Demo (源码)微信小程序 小程序官方Demo (源码)微信小程序 小程序官方Demo (源码)微信小程序 小程序官方Demo (源码)微信小程序 小程序官方Demo (源码)微信小...
微信小程序 用户反馈组件 (源码)微信小程序 用户反馈组件 (源码)微信小程序 用户反馈组件 (源码)微信小程序 用户反馈组件 (源码)微信小程序 用户反馈组件 (源码)微信小程序 用户反馈组件 (源码)微信小程序 用户反馈...
微信小程序投票系统微信小程序云开发实现的...瀑布流展示,排名,活动发布等功能排名,活动发布等功能活动发布等功能微信小程序投票系统微信小程序云开发实现的投票微信小程序系统。瀑布流展示,排名,活动发布等功能
微信小程序——用户反馈组件(截图+源码).zip 微信小程序——用户反馈组件(截图+源码).zip 微信小程序——用户反馈组件(截图+源码).zip 微信小程序——用户反馈组件(截图+源码).zip 微信小程序——用户反馈...
微信小程序封装上传文件组件,只适用于单独上传图片,不携带参数,结合后端接口返回路径之后,再调用另外的保存接口,携带参数与图片提交的场景,请慎重使用。
全套微信小程序元件库
【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大...
微信小程序demo组件:canvas股票分时图(源代码+截图)微信小程序demo组件:canvas股票分时图(源代码+截图)微信小程序demo组件:canvas股票分时图(源代码+截图)微信小程序demo组件:canvas股票分时图(源代码+截图)微信...
微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)...
微信小程序车型控件选择器,支持搜索,动态加载数据,仿微信联系人导航操作,暂未实现滑动匹配,后期加上,标题可静态切换
微信小程序 树形菜单组件 存放路径:/components/treeList/treeList listData数据格式:[{title:'A层级菜单1',children:[]},{title:'A层级菜单2',children:[]}] 使用: ...
微信小程序实现map组件 微信开发者工具 微信小程序实现map组件 微信开发者工具
【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大...
【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大...
wxSmartApp 本项目主要展示微信小程序中组件以及微信api的使用示例,关于微信项目环境的搭建以及各目录结构创建请参考小程序基础教程https://mp.weixin.qq.com/debug/wxadoc/dev/
微信小程序源码 小程序官方Demo(学习版)微信小程序源码 小程序官方Demo(学习版)微信小程序源码 小程序官方Demo(学习版)微信小程序源码 小程序官方Demo(学习版)微信小程序源码 小程序官方Demo(学习版)微信小程序源码 ...
【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大...
【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大...