矛木

前端主题切换方案 现在我们经常可以看到一些网站会有类似暗黑模式/白天模式的主题切换功能，效果也是十分炫酷，在平时的开发场景中也有越来越多这样的需求，这里大致罗列一些常见的主题切换方案并分析其优劣，大家

但是作为一名初学者，了解它是如工作还是很有必要的。 本文将介绍webpack可以做什么，以及如何去配置来满足我们的日常开发需求。 css/sass/less 文件中的 @import 语句。 stylesheet url(...) 或者 HTML <img src=.…

虚拟DOM是一棵以 JavaScript 对象 (VNode 节点) 作为基础的树，用对象属性来描述节点，实际上它只是一层对真实 DOM 的抽象。通过一系列操作使这棵树映射到真实环境上。 Virtual DOM 对象的节点跟 DOM Tree 每个位置的属性一一对应的，因为人们…

async是一个异步函数的标识符，返回的值是一个异步的promise对象。await等待返回的是一个含有promise对象的函数。需要注意的是：await只能在async函数中。 需求二： 掷一个骰子猜出骰子的大小。默认猜大并使用try catch方法捕获错误 需求三： 掷二个…

Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员。 flex-flow属性是flex-directi…

注意:这种布局方式有一个缺点，html结构中，把中间的div放到下面。

函数防抖和节流，都是控制事件触发频率的方法。应用场景包括：输入框持续输入，多次触发点击事件等。 移动鼠标瞬间，控制台打印出多组坐标，如果不想频繁的触发onmousemove事件，在最后一次触发的2s后打印该点坐标。需要用到函数防抖、节流 防抖实现方法:设置一个定时器实现一段时间…

1.css normalize（index.css加上@import-normalize），作用保证页面在不同的浏览器上默认样式相同。 4.js也不需要@引入。在tsconfig.json添加"baseUrl":"src",可用import 'xxx/yyy.tsx'来引用sr…

如果一个物体对外界的刺激做出反应，它就是响应式的。比如：我打你一拳你喊疼，那你就是响应式的。 只要在Vue实例中声明的数据，它就是响应式的。也就是说，当我修改数据时，视图中就会重新渲染，出现最新的值。 比如：页面上显示的初始值为0，当我点击+1按钮时，页面上的数据就会立马变成1…