js 鼠标事件总结
当监听鼠标事件时，会触发一些事件，我们可以与之交互： mousedown 按下鼠标按钮触发 mouseup 鼠标按钮被释放 click 点击事件 dblclick 双击事件 mousemove 当鼠标移动到元素上时，鼠标移动 mou...
05——按键修饰符
什么是按键修饰符：按键修饰符就是捕获你按下的是什么键，进而触发什么方法，本质就是封装了原生js中的键盘事件，其实就是捕获某个键的键盘事件，代替了e.keycode。 在原生js中，我们要用按键触...
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...
项目03——认识vue项目文件夹的各个目录
创建好vue项目文件夹在编辑器打开之后，你发现这个文件里面的东西太多了，无从下手，那么下面我们来认识一下这些文件都是干啥的： 一张图看下吧
项目01——vue 脚手架创建项目文件夹
之前说的都是vue的基础知识，学会这些基础知识之后，就要开始写一个真正的应用（网站/系统）了。写项目，不是和以前写原生js项目那样自己建文件夹（html，css，js）。vue提供了专门写项目的文件...
前端知识点总结js篇
水平有限，如有错误，敬请指正。 Javascript篇 1. 数据类型 * 基本数据类型（Number,Boolean,String,null,undefined,symbol(ES6新增),BigInt） * 引用类型 （Object,Array,Function） 2. 基本数...
vue3的hooks
这个东西相当于vue2的mixins，相比mixins，hooks更清楚复用功能代码的来源。就是把繁多的js功能拆分成单个的js文件，然后再引入到需要的地方使用。 在src目录下新建一个hooks的目录，所有拆分的...
项目05——Vue项目之页面跳转（路由）
任何一个应用一定会有页面跳转（切换），以前是用a标签来跳转的，但a标签会刷新页面，不能实现局部跳转。 在vue中，我们不会再使用a标签跳转了，vue提供了路由（router），他就是用来跳转页面的...
vue3的生命周期和编程式导航
vue3的生命周期： vue3的生命周期基本和vue2一样，只是最后一个钩子函数名字改变了。用法上可以和vue2一样作为配置项去使用完全可以，也可以使用组合式api在setup函数里面使用。 值得注意的是，...
项目06——第三方组件库的使用
在vue项目中，我们也可以使用第三方的组件库，之前传统的项目有bootstrap组件库，现在vue也有很多的组件库来供项目使用，下面来看看vue组件库的使用方式。 我们使用组件库的目的是借助组件库的...
