自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 JS中的String的常用API

JavaScript 中的字符串(String)有一系列内置的方法,用于处理和操作字符串。

2024-09-08 12:00:36 593

原创 Navigator 对象是 JavaScript 中用于获取有关浏览器和设备的信息的对象

Navigator对象是 JavaScript 中用于获取有关浏览器和设备的信息的对象。它是window对象的一部分,主要用于访问浏览器的相关属性和功能。Navigator对象提供了许多属性和方法,可以帮助开发者检测用户的浏览器类型、操作系统、支持的功能等.。

2024-09-08 11:57:53 1056

原创 git pull时,本地代码和远程仓库代码有冲突时,如何解决?

检查提交历史,确保合并正确。

2024-09-03 21:50:12 300 1

原创 将本地代码推送到远程仓库的步骤

如果有特定的远程分支,可以用。

2024-09-03 21:40:55 199

原创 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

原创 Vue3 中导入和使用组件(.vue文件)

在 Vue 3 中,导入和使用组件的方式取决于你使用的组件书写和组织方式。

2024-09-01 16:09:02 2506

原创 Mac的终端操作命令

记录cmd的常用命令

2024-08-25 13:30:11 126

转载 前端项目的开发流程

前端项目完整的开发流程包括:产品设计、原型评审、项目分工、项目开发、项目测试、项目构建、项目上线。

2024-08-17 08:31:28 104

原创 Node.js - MongDB

Mongdb是数据库,本质是按照数据结构来组织、存储和管理数据的应用程序;作用是,管理数据,对数据进行 增、删、改、查。为什么选择学习Mongdb这个数据库?因为操作语法和js类似,易于上手。有了mongoose就不用直接在命令行窗口手动输入命令来操作数据库了,通过程序来操作数据库,就是mongoose的作用。mongoose的本质就是一个包。

2023-11-06 21:21:29 113

原创 节流的使用-js

如果不在时间间隔内就。

2023-10-31 22:21:00 114 1

原创 防抖使用-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

原创 Node.js -- 模块化

尚硅谷 67 - 73

2023-10-27 20:14:26 44 1

原创 nodejs -- Http模块

尚硅谷 44-66。

2023-10-19 22:05:23 137

原创 nodejs - 网络基础概念

ip地址本质上是32位的二进制数字,但是由于太长了就将其分割成四部分,每部分为八位二进制,然后将每部分在转换为十进制数字,每部分使用‘.’来进行分割。IP用来标识网络中的设备(手机、电脑...),实现设备间的通信。

2023-10-18 21:53:46 48 1

原创 nodejs - Http协议

什么是协议?双方必须共同遵从的一组约定!

2023-10-18 21:33:10 41 1

原创 Node.js

Node.js是一个开源的,跨平台的js运行环境。是一个应用程序,是一款软件。

2023-10-18 20:40:20 127 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

原创 诺娃星云 前端一面总结 8月24日

诺瓦星云 前端一面

2023-08-24 22:04:40 114 1

原创 Vue3 + Element-Plus电商后台管理系统详细记录《前后端分离版》

基于vue3 和element-plus的电商后台管理系统。

2023-08-22 18:02:23 2856 3

原创 美团前端一面总结《8月21》

美团一面总结

2023-08-21 22:27:05 439 2

原创 js中如何实现一个mxn维的数组

js中实现mxn维数组的方法有三种。

2023-08-21 16:20:17 269 2

原创 js如何创建二叉树/当输入是数组时,如何转换为二叉树结构?

js实现二叉树结构

2023-08-20 16:01:47 545 4

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除