当你设计网站时，网站导航是一个非常重要的考虑因素。它是你网站中的主要元素，可能也是用户交互最多的元素。 尽管我们可以通过 HTML 和 CSS 创建一个简单菜单，但结合JavaScript 可以帮助提高创造力并改善整...
使用 CSS 轻松实现高频出现的各类奇形怪状按钮
背景 在群里会有同学问相关的问题，怎么样使用 CSS 实现一个内切角按钮呢、怎么样实现一个带箭头的按钮呢？ 本文基于一些高频出现在设计稿中的，使用 CSS 实现稍微有点难度和技巧性的按钮，讲解使用 CSS ...
HTML&CSS ：卡片去边角效果
这段代码创建了一个带有装饰性按钮的卡片(图片去边角)，通过 CSS 技术实现了按钮的装饰性效果，为页面添加了视觉吸引力。 演示效果 HTML&CSS <!doctype html> <html> <head>...
9 个神奇且超级实用的 JavaScript 数组方法
分享一些超级好用但是又很冷门的数组方法 copyWithin copyWithin 这个方法就是将一个数组里的某些元素，移动到另外一个位置，可以一次性移动多个 用法 const array1 = ['a', 'b'...
fetch获取请求进度
fetch API 本身不直接支持请求进度的监控，但你可以通过使用 ReadableStream 和 Response.body 来间接实现下载进度的跟踪。对于上传进度，fetch 目前没有直接的方法来跟踪。 ...
Vue内置指令v-once、v-memo和v-pre提升性能？
前言 Vue的内置指令估计大家都用过不少，例如v-for、v-if之类的就是最常用的内置指令，但今天给大家介绍几个平时用的比较少的内置指令。毕竟这几个Vue内置指令可用可不用，不用的时候系统正常跑，但在对的地...
妙用JS随机函数Random
Math.random()函数想必大家都不陌生,它可以生成一个[0-1)的随机数,基于此可以根据需要对其进一步处理,例如生成特定范围内的随机整数等等。本篇文章为大家介绍的是random函数的一些妙用 生成随机颜色色值 ...
手写nextTick
前言 最近在面试的时候被面试官问到,如何在vue中获取到最新的DOM元素，瞬间内心狂喜，自信地对面试官说不就是用nextTick嘛，当DOM元素更新时会执行传入nextTick的回调函数，我们在回调函数中就可以获取到最新...
面试官: 工作5年了 不知道Reflect嘛？
先有问题再有答案 Reflect是什么 Reflect都有哪些方法 这些方法存在的意义是什么 Reflect的方法为什么不放在Object上 Reflect的设计目的是什么 为什么proxy里一定要使用reflect Reflect...
总结了十个Vue3超级实用但是很冷门的API
今天给大家分享几个很少人用，但是又非常有用的 Vue3 的 API readonly 顾名思义，就是只读的意思，如果你的数据被这个 API 包裹住的话，那么修改之后并不会触发响应式，并且会提示警告 readonl...