丰富好用的Hover.css效果库
使用方法： 1. 下载Hover.css https://ianlunn.github.io/Hover/ 夸克网盘下载 下载的文件 2. 将hover-min.css拷贝到项目中 3. 打开官网的效果案例，右键打开源代码，拷贝需要效果的类名 4. 在...
Vue前置导航守卫
前置路由守卫常用于项目在未登录时的跳转判断，不管是vue2还是vue3都是一样的用法，没有多少改变，路由守卫有好几种，写法也有几种，以下是最简单且最常用的一种。 判断用户是否登录需要在 ...
Vue3 基础第三篇
声明数据要这样写，把数据集中放在一个对象中： let state = reactive({ typeList: [], arr:[] }); 如果没用setup语法糖，那么这个state需要return，state.arr这样的写法太麻烦， 这样直接 retu...
前端知识点总结js篇
水平有限，如有错误，敬请指正。 Javascript篇 1. 数据类型 * 基本数据类型（Number,Boolean,String,null,undefined,symbol(ES6新增),BigInt） * 引用类型 （Object,Array,Function） 2. 基本数...
05——按键修饰符
什么是按键修饰符：按键修饰符就是捕获你按下的是什么键，进而触发什么方法，本质就是封装了原生js中的键盘事件，其实就是捕获某个键的键盘事件，代替了e.keycode。 在原生js中，我们要用按键触...
写网页及响应式
设计图分为版心一般为： 1600/1520/1440/1400/1200px pc正常写（一般是在1920px的屏幕），版心w写最大宽度为当前设计图版心的宽度，注意不是宽度，而是最大宽度。最大宽度的意思是，当屏幕大于...
Vue3 基础第一篇
vite创建项目 1.安装Node：Vite 需要 Node.js 版本 >= 12.0.0。 2.然后执行：npm init vite@latest 创建vite+vue项目 在命令行输入以下创建语句。然后根据下图所示，输入项目名称并选择vue框架 ...
项目04——Vue项目之初始化（删除示例文件）
我们脚手架生成的项目打开之后看到有默认的示例效果，这些示例我们开发的时候肯定是不需要的，所以我们要把它清除掉，让项目变成一个干净的没有任何东西的空项目，我们才能开始开发自己的项目。...
js 实现歌词滚动
项目目录： html <!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8' /> <meta http-equiv='X-UA-Compatible' content='IE=edge' /> <meta name='viewport' con...
【Jquery练习】tab栏切换
笔者还是前端的菜鸟，还请大家多多指教呀~ 欢迎大佬指正，一起学习，一起加油！ 排他思想 在实现今天的练习之前，我们先来了解一下排他思想，排他思想也就是为当前元素设置一个特定的样式，并为...
