网页开发中我们经常要处理用户交互，我们会用 addEventListener 添加事件监听器来监听各种用户操作，比如 click、mousedown、mousemove、input 等，这些都是由用户直接触发的事件。 那么对于一...

我们都知道,通常情况下我们使用 vue 大多都是用的 SFC(Signle File Component)单文件组件模式,即一个组件就是一个文件,但其实 Vue 也是支持使用 JSX 来编写组件的。这里不讨论 SFC 和 JSX 的好...

认识输入框 input 标签 输入框是我们网页中常见的元素，登录、注册、个人资料、收货地址等都需要用到输入框。而在 HTML 中，输入框的类型和属性都有很多，我们可以根据实际需求来决定使用哪一类...

写在开篇 html的内容，想要改变它的样式？比如颜色、字体、布局，等等，怎么破？CSS代码带你起飞！ css语法 css的语法非常简单，如下： 选择器 {属性: 值;属性:值} 例如： h2 {color: cornflo...

UI 同学设计了上图效果，两个颜色图形代表 a，b 两个数据的百分占比，难点在这个斜边的实现，但是掌握了 CSS 的 linear-gradient，也就没什么难事了。 linear-gradient() linear-gradient()  C...

喜欢就关注我们吧 作者 | 花椰菜菜 https://juejin.cn/post/7069397770766909476 文章篇幅会比较长，但是看完一定会收获满满~希望你坚持看下去呀~ Object.defineProperty() 作用：在一个对象上...

@testing-library[1] 是一系列建立在 DOM Testing Library[2]（@testing-library/dom）基础上的包的集合。用来测试 UI 组件，不鼓励测试实现细节（比如组件内部状态、方法甚至生命周期），而是...

Map和Set | es6基础 了解一下es的历史吧 Set Set结构类似于数组，成员唯一，没有重复的值，但是对象不被认为是唯一值，但是添加的是同一个对象变量还是属于同一值 const s = new Set([{}, ...

微信小程序应用介绍 微信小程序介绍从以下几方面 什么是小程序？怎么建立一个小程序？ 小程序的页面结构？ 视图层结构等？ 组件之间如何通信？ 页面跳转方式有哪些 生命周期？ 小程序如何引入其...