- 博客(35)
- 收藏
- 关注
原创 将项目从 Webpack 到 Vite 迁移的步骤
Vite不支持使用require相关方法导入模块和图片等,所以在迁移时要注意修改为import导入资源,具体可以参考该blog。
2024-10-23 10:09:07 438
原创 http请求的类型
http请求的类型GET描述:请求指定资源,不更改服务器上的资源。用途:加载页面、获取数据。例子:浏览器中输入一个网址访问网站。POST描述:向指定资源提交数据,更改服务器上的资源。用途:表单提交或上传文件,提交新的数据给服务器。PUT描述:向指定资源上传更新后的数据 。用途:更新已有的数据和资源。DELETE描述:请求删除指定资源。用途:删除某个资源,例如数据库中的记录。HEAD描述:请求指定资源的头部信息,与GET方法类似,但不返回实际数据内容,只返回响应
2024-09-27 16:05:33 334
原创 Vue Router 中,meta 对象。
meta对象允许你为路由添加自定义信息,灵活地适应应用的不同需求。虽然 Vue Router 本身不对meta对象中的内容做出限制,你可以根据实际需要自由定义和使用这些信息。这样可以使得路由配置更具灵活性和可扩展性。
2024-09-09 15:03:41 553
原创 Vue3中v-for的使用
数组遍历用于遍历数组。对象遍历用于遍历对象的键值对。索引访问允许你访问当前项的索引。嵌套遍历:你可以在v-for中嵌套另一个v-for。计算属性和方法:结合计算属性或方法来处理数据后渲染。使用v-for可以帮助你动态地生成和管理列表数据,并根据需要进行复杂的 DOM 操作。
2024-09-09 14:00:16 446
原创 vue-router 之如何在模版(template)中获取路由配置信息?
在vue3 中,route通常使用useRoute()钩子获取的,**代表当前激活的路由信息。**它包含了与当前路由相关的数据,比如路径、参数、查询字符串、路由名称等。path:当前路由的路径;params:路由参数;query:查询字符串参数;name:路由的名称;fullpath:完整的路径字符串,包含查询参数和哈希。
2024-09-09 13:54:40 435
原创 Navigator 对象是 JavaScript 中用于获取有关浏览器和设备的信息的对象
Navigator对象是 JavaScript 中用于获取有关浏览器和设备的信息的对象。它是window对象的一部分,主要用于访问浏览器的相关属性和功能。Navigator对象提供了许多属性和方法,可以帮助开发者检测用户的浏览器类型、操作系统、支持的功能等.。
2024-09-08 11:57:53 1056
原创 setup语法糖中使用 watch
在 Vue 3 的语法糖中,使用watch也是非常直接的。watch用于响应式地观察数据的变化,并在数据变化时执行一些副作用操作。以下是如何在中使用watch的详细步骤和示例。
2024-09-03 20:46:20 411
原创 JavaScript插件-screentfull-全屏功能
screenfull是一个流行的 JavaScript 插件,用于简化和增强全屏功能的实现。
2024-09-02 14:07:15 1018
原创 app.use()和app.component()的区别?
app.use()用于安装插件或全局配置,如 Vue Router、Vuex、或者自定义插件。app.componet() 用于全局注册组件,这样在任何模板中都可以直接使用该组件。
2024-09-01 16:28:39 609
原创 Node.js - MongDB
Mongdb是数据库,本质是按照数据结构来组织、存储和管理数据的应用程序;作用是,管理数据,对数据进行 增、删、改、查。为什么选择学习Mongdb这个数据库?因为操作语法和js类似,易于上手。有了mongoose就不用直接在命令行窗口手动输入命令来操作数据库了,通过程序来操作数据库,就是mongoose的作用。mongoose的本质就是一个包。
2023-11-06 21:21:29 113
原创 防抖使用-js
4)this的指向,由于setTimeout回调函数this执行window的原因,运行时候我们需要将this的指向改变为按钮;3)让独立的执行函数产生联系,即不能每次点击的时候都创建timer,清除timer、设置定时,会导致起不到防抖的效果;使用作用域链/闭包,在return返回的函数《执行函数》外面定义timer变量,使得每次都访问同一个变量timer。高阶函数, 防抖函数返回一个函数,然后被防抖函数《执行函数》放在返回的函数内部;5)执行函数传入参数的问题 ----1)改变页面大小的统计。
2023-10-31 21:44:46 86 1
原创 js事件捕获和事件冒泡
DOM2级事件:element.addEventListener("click", 回调函数, false/true)DOM0级事件:element .onclick = 回调函数。事件冒泡:由低到高,从目标元素到顶部元素;事件捕获:由高到低,从顶部元素到目标元素;默认是(false)冒泡,true是捕获。
2023-10-31 21:05:43 78 1
原创 node.js 案例实践- 记账本
1、lowdb是什么?为什么要学习它?lowdb是一个包,我们想要将表单form提交的数据进行持久化,就必须使用lowdb来完成!下载1.0.0版本:npm i lowdb@1.0.0使用lowdb对数据进行增删改查// 导入 lowdb// 获取 db 对象// 初始化数据// 写入数据// db.get('post').push({id:1, title:'今天天气还不错~~'}).write()
2023-10-30 15:13:17 404
原创 node.js - express模块
/ 1、导入 express// 2、创建应用对象// 3、创建路由// 当浏览器的请求是get,且访问的地址是/home时候,就执行回调函数(req, res) => {},// 给浏览器返回res.end()的结果})// 4、监听端口,启动服务console.log('服务已经启动, 端口3000正在监听中.....')})// 1、导入 express// 2、创建应用对象// 3、创建路由。
2023-10-28 22:11:19 323
原创 node.js-包管理工具
1)什么是“包”?“包”的英文单词是 package,,代表了一组特定功能的源码集合;2)包管理工具:管理【包】的应用软件,可以对【包】进行下载安装、更新、删除、删除、上传等操作;借助包管理工具,可以快速开发项目,提高开发效率;包管理工具是一个通用的概念, 很多编程语言都有包管理工具,所以掌握好包管理工具,非常重要。3)常用的包管理工具npmyarn cnpmrequire 导入npm包基本流程:1、在当前文件夹下node_modules中寻找同名的文件夹;
2023-10-27 22:03:04 65 1
原创 nodejs - 网络基础概念
ip地址本质上是32位的二进制数字,但是由于太长了就将其分割成四部分,每部分为八位二进制,然后将每部分在转换为十进制数字,每部分使用‘.’来进行分割。IP用来标识网络中的设备(手机、电脑...),实现设备间的通信。
2023-10-18 21:53:46 48 1
原创 后台管理系统2
【注】这里需要获取选中的所有的权限的id,包括123级的权限,然后以逗号分割字符串传递给后端。给el-row设置上下边框线,动态绑定class类,设置bdbottom和bdtop样式。2)通过data属性绑定数据源,通过props属性指定嵌套属性和显示名称。让每一行都居中对齐:1)设置vcenter类 2)在每一行上添加上该类。node-key = “id” 指定id值为树节点的唯一标识的属性。点击分配权限按钮,显示对话框,发送请求,获得所有权限列表。二级权限占6列 三级权限占18列。
2023-10-06 20:37:24 94 1
原创 transform用法
tansform:translate(50%, 50%) 横轴上移动父元素50%, 纵轴上移动父元素的50%;6、tansform-style flat | preserve-3d 设置盒子是否按3d空间显示。7、translateX、 translateY、translateZ 设置三维移动。8、rotateX, rotateY, rotateZ 设置三维旋转。4、skew(x-angle, y-angle) 设置盒子斜切。9、scaleX, scaleY、scaleZ设置三维缩放。
2023-09-30 09:22:21 183
原创 vue- router
由于vue是单页面应用,当我们打包的时候,运行npm run build时,会生成dist文件夹,这里只有静态资源和一个index.html页面,所以当我们使用超链接进行页面跳转的时候是不起作用的,因为只有一个页面无法跳转,所以,在单页面应用中,我们必须通过路由来实现组件的切换,也就是页面的切换;路由模块的本质就是,建立起url和页面之间的映射关系。二、vue- router实现的原理SPA:单一页面应用,只有一个完整的页面;它在加载页面时候,不会加载整个页面,而是只更新某个指定的容器中的内容。
2023-09-27 10:55:12 92 1
原创 Vue3 + Element-Plus电商后台管理系统详细记录《前后端分离版》
基于vue3 和element-plus的电商后台管理系统。
2023-08-22 18:02:23 2856 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人