效果预览 代码链接 提交历史 API设计需求 tabs的子组件只能是tab组件 点击标签切换，动态渲染内容 – v-model:selected，动态组件 tab标签下横线移动，且长度根据标签宽度变化 用户怎么用该组件123456<x-tabs v-model:selected=&qu ...

效果预览 代码链接 提交历史 API设计需求 点击后弹出 – v-model:visible 有遮罩层 overlay，可控制点击遮罩层是否关闭 – closeOnClickOverlay 有 close 按钮 有标题，支持自定义标题 – title / slot=”title” 有内容 ，支持 ...

效果预览 代码链接 提交历史 API设计需求 支持button的基本事件 — click, focus,mouseover等 — 属性绑定 可以是基础按钮，可以是链接 — theme 可以有不同的等级 — level 可以改变大小 — size 可以禁用 — diabled 加载状态 — ...

前言UI造轮子Vue2版官网初步部署上线了，决定暂时告一段落，先学习Vue3的造轮子课。这个阶段的学习总结以Vue3新特性为主，以及这其中踩到的坑，节奏依然是写轮子–>看文档–>写总结，然后会将Vue3的学习笔记做一个整体的总结。加油~(ง •_•)ง 效果预览 代码链接 提交历史 AP ...

公司项目的上一个版本中，应用内的消息提醒有一个这样的小气泡： 之前这个气泡是固定的，但在新版本的开发中，固定的气泡会阻碍一些按钮的交互，因此跟产品沟通了一下，决定为这个气泡加入沿屏幕右侧纵向拖拽的功能。 在网上找了几个觉得都不太满意。于是结合在网上找到的，尝试自己封装一个公共组件，便于以后类似功能 ...

什么是webpack？ 官方解释： At its core, webpack is a static module bundler for modern JavaScript applications. 翻译： 从本质上来讲，webpack 是一个现代的JavaScript应用的静态模块打包工具 可 ...

情景复现今天在项目中发现Android显示正常，而iOS显示一片空白，用safari打开后发现报错： 1Invalid regular expression: invalid group specifier name 排查原因及解决谷歌后得到stackoverflow的答案：safari，fir ...

ajax什么是Ajaxajax:前后端分离后，都是后台通过接口返回数据，前端需要通过接口访问数据。那么这个通过接口访问后台数据的过程就叫ajax。 简单来说就是用 JS 向服务端发起一个请求，并获取服务器返回的内容 参考 ：https://zhuanlan.zhihu.com/p/2256474 ...

原型 每个函数都具有一个存储共用的属性和方法的对象 叫 原型对象 构造函数(类)可以通过prototype这样一个指针来指向该原型对象 每当实例化一个对象，该对象就有一个默认的属性__proto__，通过该属性来指向该构造函数的原型对象，从而共享原型对象上的属性和方法 123456var ar ...

什么是DOM 文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标记语言（HTML 或者 XML ）的标准编程接口 简言之，它会将web页面和脚本或程序语言连接起来。 html 和DOM的区别 html就是标签，文档对象在页面中的表示，DOM就是对 ...