记录学习前端的历程

原创 Navicat的使用--mysql

mysql数据库

原创 常用第三方库

/ 扩展// 从数组中随机选取一个元素，并返回。},});})

原创 DOM与BOM

DOM与BOM复习

原创 grid布局

grid知识点

原创 html与css知识点

html与css快速复习

原创 JS柯里化

【代码】JS柯里化。

原创 koa-apis

使用koa提供基础的后端api服务

原创 mysql与msql2数据驱动

node中使用mysql

原创 websocket知识点

/ 服务端提供websocket服务。// 给服务端发送消息。// 监听服务端数据。

原创 第七章 递归组件（树组件为例）

数据格式pid 父级idid 当前数据idid : "604e223fb205b95968e1312b" , pid : "" , name : "人事部" , code : "RSB" , manager : "战三" , introduce : "人事部" , … } {

原创 第三章 ref与reactive

/ 1.ref 改变数据，自动触发依赖更新constrefname"cjc";log"stu";// 2. shallowRef 浅层响应式constshallowRefname"cjc";function// 修改不成功，浅层shallowRef的响应式到 .value为止// 故 stu2.value.name = "stu2";无法更新视图name。

原创 MongoDB

数据存放路径：D:\data\db安装目录：D:\MongoDB\mongodb-windows-x86_64-5.0.19\mongodb-win32-x86_64-windows-5.0.19\bin 配置环境变量开启服务端，客户端。

原创 python环境

win+i 打开应用卸载删除python解释器和pycharm删除配置文件夹JetBrains。

原创 新闻列表详情页

查看请求方法查看参数定义api接口函数。

原创 阿里云ECS部署

vue3项目打包后生成dist文件夹，传输到服务器的 /root文件夹下。3. 重启nginx服务器。

原创 vue动画

opacity;transition;</动画命名:</

原创 ElMessage与ElLoading等样式问题

vite.config.ts配置。方式1 引入所有样式。方式2 引入组件样式。

原创 element plus自动导入没有类型提示

在tsconfig.app.json文件中自动导入时自动生成的文件。

原创 vite环境变量

import.meta.env对象中存储环vite的境变量。在不同环境下，自动读取不同的文件。环境变量以VITE_ 为前缀。

原创 vue内置组件

的组件保持逻辑上的父子关系。传入的 props 和触发的事件也会照常工作。只改变了渲染的 DOM 结构，它不会影响组件间的逻辑关系。Mask传送到body元素下，组件间的逻辑关系不变。

原创 移动端适配

缩放：在开发者工具中使用 shift+鼠标能进行网页的缩放</</

原创 keep-alive与router-view

在homeView.vue中添加name属性。

原创 tabControl+滚动到锚点

/

原创 瀑布流效果（hooks封装）

判断是元素滚动还是页面滚动。确定监听的对象。

原创 跑马灯效果（图标为例）

【代码】跑马灯效果（图标为例）

原创 页面滚动、局部滚动

【代码】页面滚动、局部滚动。

原创 分层设计view+api+store

原创 动态隐藏显示底部Tab栏

给div.city添加.page-cover的类（让div.city盖住页面的tabbar）css功能：让盒子盖住整个页面。

原创 使用图片资源的变量

webpack下能使用commonjs模块化语法。

原创 修改vant默认样式

修改UI组件库样式

原创 Vue Router4

vue-router4

原创 hooks钩子函数

App.vue</</importfrom'vue'importfrom// 使用hooks钩子函数// 返回ref类型的titleconstuseTitle'狗'// 修改标题，被watch监听到'猪'</

原创 Vue3响应式API

解构之后保留响应式：

原创 vue可复用性

vue可复用性

原创 动态组件和异步组件

/</component属性keep-alive属性。

原创 第六章 vue组件通信

父传子，父组件传递属性（静态或动态(v-bind绑定)），子组件通过props接收子传父，子组件使用$emit抛出自定义事件，父组件v-on监听自定义事件并实现回调函数插槽父组件provide提供数据，子孙组件inject注入数据通过全局事件总线eventBus进行跨组件值传递通过$ref$parent和$chidren获取实例进而通信通过vuex、pinia进行状态管理路由传值。

原创 第五章 生命周期函数

vue生命周期

原创 vue2组件通信案例：tab栏

vue2 tab栏切换

原创 vue排他思想

排他思想，vue2语法

原创 TS类型体操前置语法

【代码】TS类型体操前置语法。