基于 Stencil 构建 Web Components 组件库

2022-03-23
阅读 3 分钟
7k
「组件化」 一直是前端工程师绕不开的话题,不管是日常业务开发封装业务组件;还是基础设施建设开发UI组件或基础组件;亦或者是 React 、Vue、Angular 等MV*框架,都是秉承着组件作为基础原子概念,所以可以肯定的是: 组件是下一代 web 技术的发展关键 。
封面图

移动端 input 键盘落下,页面未落下

2019-10-29
阅读 4 分钟
2.3k
页面整体不要设置 height:100%;overflow:hidden;否则安卓端 点击input,页面不会上顶,也无法滚动,可能会遮挡【兑换】按钮,需要先收起键盘,再点击按钮,影响用户体验~

v-charts的那些坑

2019-07-09
阅读 7 分钟
9.3k
每次用到 v-charts 我都一阵头疼,因为明明是相同的功能,但是我好像每次用到的解决方法都不一样??每次都是在api中各种查,各种尝试...直到做了个各种数据图形的需求,决定还是好好整理一下吧~~

vue + iview/elementUi --城市多选

2019-03-27
阅读 6 分钟
6.4k
注: <Select></Select>/<CheckboxGroup></CheckboxGroup>都是iview的组件,详情请看iview官网,同理elementUi也有相同的组件iview官网 elementUi官网

【前端进阶基础】VUE响应式数据原理 订阅-发布模式解析

2019-03-26
阅读 4 分钟
3.7k
vue框架的两个抽象核心:虚拟DOM和相应式数据原理 关于虚拟DOM的核心算法,我们上一章已经基本解析过了,详细的见React && VUE Virtual Dom的Diff算法统一之路 snabbdom.js解读 关于响应式数据原理,我们先看张图你 ‘ (4).png 具体来讲,要分以下几步: 初始化实例对象时运行initState, 建立好props, data 的钩...

React && VUE Virtual Dom的Diff算法统一之路 snabbdom.js解读

2019-03-21
阅读 9 分钟
5.7k
VirtualDOM是react在组件化开发场景下,针对DOM重排重绘性能瓶颈作出的重要优化方案,而他最具价值的核心功能是如何识别并保存新旧节点数据结构之间差异的方法,也即是diff算法。毫无疑问的是diff算法的复杂度与效率是决定VirtualDOM能够带来性能提升效果的关键因素。因此,在VirtualDOM方案被提出之后,社区中不断涌现...

vue + 微信获取用户信息

2019-03-20
阅读 3 分钟
6.3k
本次项目做到一个点赞功能,即分享出去一个页面给微信好友,微信好友点开并点赞,需要将点赞用户的微信昵称,微信头像以及微信openid,微信unionid(这个需要关注公众号才会有该字段)传给后端,记录点赞人的相关信息

vue + 微信二次分享/自定义分享

2019-03-20
阅读 5 分钟
9.6k
微信二次分享/自定义分享 从App中使用App分享(一次分享) 使用微信导航栏的分享(二次分享) --已做处理 使用微信导航栏的分享(二次分享) --未做处理 如上图,如果不做相关处理,页面进行二次分享,用户看到的就是链接+空图,上面显示的文案(考拉阅读)实际上是获取的title标签中的文案,我在网上查的相关例子...

vue编写的移动端条件搜索条组件

2019-01-17
阅读 3 分钟
4k
利用vue开发的移动端条件搜索条组件,方便在移动端进行多条件下搜索,提高用户的体验度,高速提取用户所要浏览的搜索条件,以便提供更精确的用户浏览内容。在使用过程中,希望开发者给予更多的建议和批评,使之更加完善,提供更好的服务。

ONE-sys 整合前后端脚手架 koa2 + pm2 + vue-cli3.0 + element

2019-01-14
阅读 4 分钟
5.2k
本脚手架主要致力于前端工程师的快速开发、一键部署等快捷开发框架,主要目的是想让前端工程师在一个阿里云服务器上可以快速开发部署自己的项目。本着前端后端融合统一的逻辑进行一些轮子的整合、并加入了自己的一些脚手架工具,第一次做脚手架的开发,如有问题,请在issue上提出,如果有帮助到您的地方,请不吝赐个star~

如何优雅的在Vue Project中使用vue-apollo

2017-08-09
阅读 3 分钟
14.9k
一个GraphQL查询可以包含一个或者多个操作(operation),类似于一个RESTful API。操作(operation)可以使两种类型:查询(Query)或者修改(mutation)。我们看一个例子: