前端组件

12月16日，微信正式发布了 WeUI.js 动态视觉组件库。WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，可以让用户的使用感知更加统一。WeUI.js 动态视觉组件库包含了button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。 一weui.js是什么？ weui.js 是 WeUI 的轻量级 JS 封装，不需要依赖其它库，GZIP 后仅有...

2016年9月微信小程序内测后不久，我在我的知乎专栏中写下了一篇《换个角度，再来看看微信小程序的开发与发展》。文中从一个开发者和产品经理的角度提出了一些对小程序的看法。2年过去了，相比于各种蹭热点的媒体文章，我当初的判断还是比较理智和准确的。很庆幸当初写这篇文章时，我并没有站在一个纯技术开发者的角度来看待小程序，这是这篇文章分析比较准确的主要原因。 文中我谈到微信会逐步淡化企业号；谈到小程序由于开发的低成本必定成为产品试水的最好形态；谈到小程序的成功必定是依赖于微信的生态与微...

背景开发中遇到的痛点 在开发前端应用的过程中，修改页面内容的途径就是找到对应的源文件怎么知道网页截图的原始代码，并修改对应的代码。如果同时在调试多个页面功能，或者项目架构命名混乱，则将会有大量时间浪费在找文件上。真的是开发 5 分钟，查找 2 小时。。。 所以如果有一种方式可以直接通过页面打开源文件，那么开发效率则会有明显提升！ 现存的解决方案 我接触的 vue 项目居多，所以就说说 vue 里面现有的解决方案 vue-devtools vue-devtools 有打开 ed...

↓推荐关注↓ 一、背景 在业务需求中，根据返回数据动态生成图片分享是很常见的场景。比如在起点读书小程序中，每本书都需要生成一个动态图片，包含：书名、作者、类别和当前页面小程序码，这几个内容都是会动态改变的。 那如何抽象化&高性能的实现这一类需求呢？下面我们一起来探讨动态图片的生成方案。 二、方案对比 目前业界已经有很多实现动态图片的方案，主要分为两种：客户端实现和服务端实现，下面根据我们的调研和实践经验，分别介绍下这两种实现方式和它们的优缺点。 2.1、客户端实现-html2...

作者|BinaryCoding 来源 |慕课专栏《你不知道的前端性能优化技巧》 前言 相信大多数的前端开发者都接触过雅虎35条军规，可能有的没有实际去学习当中的理论知识，但是在日常的工作中你已经在使用了。 下面我们就来去解读一下雅虎的 35 条军规，这里我不会逐字逐句的去翻译，对一些比较拗口的，我就采用意译方式总结出来，同时我也会加入一些自己的理解。这里推荐英语比较好的同学去直接阅读原文，英文不太好的同学直接阅读我这里的解读就可以了。 （原文链接：） 上图就是原版的雅虎 35...

点击上方“编程微刊”，选择“置顶公众号” 第一时间关注web前端技术干货！ 想要开发出一套高质量的小程序，运用框架微信小程序框架叫什么，组件库是省时省力省心必不可少一部分，随着小程序日渐火爆，各种不同类型的小程序也渐渐更新，其中不乏一些优秀好用的框架/组件库。 1：WeUI 小程序–使用教程 官方介绍：WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。小程序开发中最常用到的一款框架，受广大开发人员...

首先来看下WeUI的官方介绍： WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。在微信小程序的开发过程中，涉及到的前端复杂的样式界面的问题，就需要使用个UI框架，这样可以省去以后很多麻烦。 WeUI作为一个开源的移动端UI框架，由于它是微信官方提供的对微信的兼容性没有太大问题，而且和各组件的样式和微信一样，能够很好地和微信融合在一起，给用户较好的体验。 使用步骤 1、在GitHub上下载程序代码...

@[toc] 小程序组件微信小程序的开发实际上也是前端开发的一种。我们想要开发一个前端程序微信小程序组件传值，首先要做的就是创建美观的页面，然后处理好业务代码。在用户眼中首先会看到的是页面，而不会关心代码的实现，所以在学习前端开发时通常都是先从HTML、CSS入手，再去学习JavaScript。所以，本章先进行小程序组件的讲解。掌握了视图容器组件、内容组件，并学会使用导航组件进行跳转后，我们就可以开始搭建各种页面了。 本章主要涉及的知识点有： 3.1视图容器组件 视图容器组件...