12月16日，微信官方正式推出了WeUI.js动态视觉组件库。这套组件库与微信原生视觉体验保持一致，是微信设计团队专为微信内网页和小程序量身打造的样式库，旨在提升用户的使用体验，使感知更加统一。WeUI.js动态视觉组件库中汇集了诸如cell、、、、、、icon等多种元素。

一、weui.js是什么？

weui.js 是WeUI的轻量级封装，无需依赖其他库，经过GZIP压缩后体积仅为9.0 KB。

二、weui.js包含哪些组件？

form

tab

三、使用方式：

：

详细文档：

四、微信团队为何在此时公布官方视觉组件库：

微信团队与先前的轻应用平台相较，并不仅仅是为了搭建一个开发者与用户沟通的桥梁，亦非仅仅为了构建一个流量汇聚的入口，其根本目标是构筑一个完善的微信操作系统生态圈。往昔百度、UC等平台所推出的轻应用，主要功能仅限于平台间的流量引导和连接，并未对开发框架及设计标准实施过如此统一和严格的规定与要求。目前来看，最理想的生态环境应当是类似于苹果和安卓操作系统的那种，其中所有应用都拥有统一的开发平台，并且能提供与操作系统生态相匹配的极致用户体验。

自小程序的内测阶段过渡至公测阶段已历经三个季度，我们有充分的理由推断微信团队在此时已收到众多小程序开发者的审核请求。在这些需求中，最令微信团队感到棘手的可能就是那些开发设计规范与微信团队的标准不符，未能实现微信团队所追求的用户体验。微信官方进一步推出了Weui，目的在于确保所有开发者提交的小程序都能尽可能地接近微信APP的体验效果，以此向微信用户呈现最优质的体验。这不仅是衡量未来小程序生态能否激发8亿用户使用热情和频率的关键因素，更是微信生态发展的重要标准。

微信团队在早期推出公众号之际，曾推出“开发者模式”。彼时，他们积极倡导第三方企业借助微信公众号提供的接口，开发各式各样的微应用，诸如微网站、微商城以及微工具等。微信团队在初期并未对接入应用的开发框架及设计规范作出统一规定和严格要求，因此各服务接入商大多依据自定的开发框架和设计标准进行开发与设计。这导致市场上出现的应用界面风格各异，用户体验极差。正是这一原因，使得早期应用服务的用户接受度普遍不高，同时也未能为企业带来实际效益，成为问题核心所在。微信小程序的问世，促使微信团队对开发框架和设计规范进行了全面革新，进而迫使众多第三方服务机构重新审视并调整其跟随策略，依照新的开发标准提供全新的平台服务。此举或许将颠覆现有的微信第三方服务机构格局，引发一轮新的行业洗牌。

五、WeUI.js给小程序开发者带来了哪些好处？

六、微信小程序给前端设计领域带来了那些影响和推动：

微信小程序对应用程序进行了重新诠释，使得单一应用得以在多个平台、各种场合顺畅运行，这为前端开发者带来了“编译一次，广泛应用”的全新体验。

设计理念需从传统的PC导向思维转变为以移动端为首要考虑，这一转变主要基于对屏幕尺寸、网络速度、输入方式等关键差异性的考量。此外，许多原本适用于iOS系统的控件在小程序平台上需进行相应的调整与革新。

微信小程序凭借其易于操作的开发环境，推动了以和为核的前端技术走向主流地位，吸引了众多人士投身前端开发领域，共同为前端技术的进步贡献力量。

传统企业的前端工程师需应对PC、移动、APP等多平台开发，微信小程序的兴起则要求未来的前端工程师掌握小程序的开发设计，这无疑提升了学习与工作的难度，同时也让企业面临更高的人才成本投入。

微信小程序的出现将吸引众多从事后台开发和APP开发的程序员投身前端开发领域，从而对当前前端开发人员们的知识体系造成冲击，加强前端开发岗位的竞争态势，并使部分低端且知识体系不完善的前端开发者面临被市场淘汰或失业的潜在风险。

微信小程序的问世使得那些既精通后端又擅长前端的人才愈发受到企业的青睐与追捧，尤其是对于初创团队和互联网公司而言，具备全局视角且精通各类技术的复合型人才显得尤为关键。作为技术人员，我们必须积极适应变革，不断学习新技能，力争成为一位全能型的全栈工程师。

微信正式推出了WeUI.js动态视觉组件库，这一举措意味着用户在小程序中可以直接应用官方设计文档附录中的视觉组件，无需额外引入其他库。微信团队在构建小程序生态方面倾注了心血，而本人也在竭诚为大家提供丰富内容。正是基于这种用心，本人迅速为大家提供了相关解读，欢迎「点击此处」查看DEMO。