Vue类组件是一个库，它允许您以类样式的语法创建Vue组件。例如，下面是一个用Vue类组件编写的简单计数器组件: 如示例所示，通过使用@Component装饰器对类进行注解，可以用直观和标准的类语法定义组件数据和方法。您可以简单地用类样式的组件替换组件定义，因为它等价于组件定义…

基于 Vue3 的组件库 element-plus 正式发布，element-plus 是一个使用 TypeScript + Composition API 重构的全新项目。官方列出了下面几项主要更新，本文会阅读 element-plus 的源码，从以下几个方面在整体和细节上来…

现如今，我们总是在无止境的刷。刷微博、刷抖音、刷沸点......一次次丝滑下拉体验的背后却是前端攻城狮的用心。 本篇讨论基于 Vue.js 的列表无限下拉实践。 我们的目标就是：让列表下拉纵享丝滑，而不是像以往的下拉就 loading 等待的体验。 咱还是用 Vue CLI 来…

Flexbox布局 已是目前最为流行的Web布局方式之一，它给Web开发者在完成页面或组件的UI布局带来了极大的灵活性和便利性。但也是因为它有极大的灵活性，里面隐藏了一些不为人知的细节，如果不是对Flexbox极为熟悉或者对其规范极为了解的话，其中有很多细节将会被遗漏，而这些细…

CSS Grid 布局是如今 CSS 中最强大的布局系统。与 flexbox 的一维布局系统不同，CSS Grid 布局是一个二维布局系统，也就意味着它可以同时处理列和行。通过将 CSS 规则应用于父元素 (成为 Grid Container 栅格容器)和其子元素（成为 Gri…

首先回顾一下上期文章 从表情包来学canvas, 初步认识了canvas的基本用法，并且通过案例来实现了常见的2D图形类的写法。 本期进步深入canvas，认识canvas的绘图库，并且制作一款简易的lol走位小游戏(点击试玩)。如果你觉得碰撞单位有点丑，其实我是故意的，学会他…

近一段时间一直在做移动端web应用相关的开发，随着产品迭代页面越来越多，一个页面模块也随着增加，产品经理就提出了给内容模块较多的页面添加锚点功能的需求。 本来想着移动端页面模块锚点的产品市面上有很多，应该有现成的组件可以拿来即用，结果经过一番辛苦的调(sou)研(suo)，没有…

由于 Vite 并没有非常好用的文档工具，也不是所有的轮子都需要自己造，所以我们选择了 dumi 集成到我们的项目中作为文档工具使用。 新建文档目录 dumi/docs/，这里的 dumi 目录即启动命令的环境变量 APP_ROOT，你可以随意同步修改。 刚开始肯定不能搞个最难…

​ 年前年后比较闲，于是用React做了一个简单的lowcode平台，功能如上面动图所示。接下来按照完成功能点介绍下，主要包括： ​ lowcode平台挺常见的，目前网上做的比较成熟且通用的有兔展、易企秀、码卡、图司机等，但是为了个性化的设置，比如要访问本公司的数据库，很多公司…