自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(67)
  • 收藏
  • 关注

原创 Uniapp传参

跳转接收页面,直接 onLoad(opt)生命周期 中的opt就是接收到的传参。

2024-03-29 11:56:09 194

原创 css实现一行靠右,多行靠左

【代码】css实现一行靠右,多行靠左。

2023-06-07 14:23:26 487

原创 vue3+TS组合式创建ref() recative()

【代码】vue3+TS组合式创建ref() recative()

2023-04-23 15:31:59 384

原创 vue3中使用vuedraggable

【代码】vue3中使用vuedraggable。

2023-03-20 09:59:58 2730

原创 项目中遇到的问题分析

Component 在 router 变化的时候自动会给 router-view 把对应的组件传进来,v-slot 做为传输入口,把组件传进来,用 component :is 来动态化显示对应组件。那组件本身在哪引入的?

2023-03-14 16:16:34 189

原创 -D -g -S 安装命令的区别

这是只有开发环境需要的,而上线不是必须的,如webpack vite这些工具链。这是全局安装,一般是安装工具类,不管在文件的任何地方都可以使用。如:在安装element plus时使用的。, 会把包安装到开发和生产环境都需要的。在安装只有开发环境需要的依赖的时候用。中,这是程序运行需要的文件。

2023-03-09 08:28:01 331 1

原创 nodejs第六天 Express 暂停学习.....

Express 是一个 Node.js Web 应用程序开发框架,

2023-03-07 16:06:24 114

原创 nodejs第五天 npm yarn pnpm 包管理器

node中的包管理器叫做npm(node package manage),我们可以将自己开发的包上传到npm中共别人使用,也可以直接从npm中下载别人开发好的包。version(必备:版本号,规则:1.0.0 最后一个是修复bug,中间是增加功能,第一个是更新功能,会影响兼容。3.会自动添加package.lock.json文件,用来记录当前项目的下包的结构和版本的,提升重新下载包的速度。npm在安装node时已经捆绑一起安装了,查看npm是否安装。前边的 ^ 表示匹配最新的4.x.x的版本,如果是"

2023-03-07 09:27:56 527

原创 node.js 第四天 模块化CommonJs

通过exports暴露出去,require获取暴露的内容。

2023-03-06 14:26:10 430

原创 node.js第四天 async 和await详解

async 创建的函数其返回值会自动封装到一个Promise中返回。

2023-03-03 16:52:09 298

原创 nodejs第三天 宏任务微任务图解执行过程

3. 第一个Promise.resolve().then()执行完,把第二个Promise.resolve().then()放入微队列。1.把第一个Promise.resolve().then()放入微任务队列中。2.把queueMicrotask()放入队列。队列:微任务队列、宏任务队列。

2023-03-03 14:46:37 153

原创 node.js 学习第二天 Promise 异步

promist。

2023-03-02 15:46:05 121

原创 Node.js学习第一天 nvm

点击绿色的 latest 找到最新的版本,找到nvm.setup.exe下载,双击安装即可。由于nvm也是国外的的,这时候下载node可能下载不下来,要先配置镜像。Node.js 运行在服务器的js,用来编写服务器。特点:单线程、异步、非阻塞。2.使用安装工具Nvm安装。1 去官网下载手动安装。

2023-03-01 16:51:19 174

原创 构建工具学习第2天 (vite)

生成开发服务器 链接http://localhost:5173/打开项目。预览打包后代码, 启动项目 http://localhost:4173/打包 会生成dist文件夹。

2023-03-01 10:13:13 129

原创 构建工具学习第一天 (webpack)

【代码】webpack 学习第一天。

2023-02-27 15:32:28 218

原创 git学习第二天GitHub 和gitee (远程仓库remote)

gitgithubgitee

2023-02-24 09:13:08 415 1

原创 git 学习第一天(本地仓库)

git官网下载链接:https://git-scm.com/downloads,点击右侧电脑上的Download for Windows进行下载,按照就是傻瓜式按照,下一步即可。刚添加到项目中的文件处于未跟踪状态,比如我在test文件中新建了一个1.txt,内容也添加完这时候1.txt处于未跟踪状态。右击鼠标打开git命令窗口,配置,这一步相当于后期管理代码的一个标识,标识某人操作。: 新建一个文件夹test ,命令进入test文件夹,未修改:磁盘文件和git仓库文件相同,没有修改。

2023-02-23 15:03:39 159

原创 vue3 布局样式的原理

当我们再组建中使用scoped时,vue会自动为组件中所有元素生成一个随机的属性。它的 CSS 只作用于当前组件中的元素,如果子组件只有一个根元素,也会被渗透。

2023-02-22 10:15:21 1670

原创 vue3响应式代理基础

返回的是一个对象的响应式代理,返回的是一个深层响应式对象,也可以使用shallowReactive()创建。可以不用.value解包,$ 是一个实验性,在项目中最好不是使用,要使用要在vite插件中做一些配置。访问ref对象时,必须通过对象 .value来访问其中的值。生成相应式代理时,他是将值包装为了一个对象 —》接收任意值,并返回它的响应式代理。在模板中,ref对象会被自动解包。

2023-02-20 15:36:32 149

原创 跨域解决的几种方法

跨域跨域 因为不同源浏览器断端 的 同源策略,协议 域名 端口相同 ,如果有一个不同,就会产生跨域,服务器端没有跨域。

2023-02-15 16:16:05 79

原创 防抖和节流

设定一个时间,当到达规定时间后执行回调函数。在这个时间里,另外的事件触发则不生效。直到事件触发的时间差大于设定好的延迟时间。继续不停输入-》监听请求-》不停清除赛道并进入赛道 -》直到输入结束-》监听结束-》最后一次清除赛道后进入赛道。input输入-》监听请求-》进入赛道等待1000ms -》:事件在我们规定的间隔 n 秒内多次执行,回调只会执行一次。-》执行demo()

2023-02-15 10:38:36 65

原创 2023最新WEB前端面试题大汇总(含答案)

vw只和屏幕的宽有关系,%继承父元素,如果父元素是50%,咋子元素 50% 就是父元素的一半,而vw永远只针对屏幕宽度 ,不继承父元素。两者针对的对象不同,padding:针对自身,margin:针对外部对象。var缺点 1. 声明提升,2. 没有局部作用域,3. 声明覆盖。行内元素宽由内容决定,块元素宽继承父元素。

2023-02-14 14:50:20 724

原创 TS学习第3天 泛型(Generic)

个函数或类时,在无法确定其中要使用的具体类型(返回值、参数、属性的类型不能确定);此时泛型便能够发挥作用;

2023-02-13 11:46:22 92

原创 TS第3天 Tpeyscript面向对象

一切皆对象。

2023-02-10 11:20:46 86

原创 TS第二天 Typesrcipt编译

上面两个模式只能编译和监视当前文件,用tsc可以编译所有文件,在改文件中新增一个配置文件,空文件即可,里边什么也不填 或者填 {}这时候执行tsc就可以编译该文档下所有文件了。手动模式:每次ts文件修改完,手动编译一次。监视模式:ts文件修改完,自动监视编译。

2023-02-10 08:59:54 283

原创 Ts笔记第一天

any 赋值给另外一个变量不报错,unknown 赋值给另外一个变量会报错。可以使用字面量去指定变量的类型,也可以通过字面量可以确定变量的取值范围。表示没有返回值的函数,如果有return 10 会报错。2. 安装ts -g全局安装。unknown 是一个类型安全的any,表示永远不会有结果,一般用来抛出异常。可以用类型断言来赋值 不报错。| 类型 | 例子 |数字 、字符串 和布尔类型。

2023-02-09 11:46:09 937

原创 用Nginx打包部署vue3项目及404和500解决

这时候可以去任务管理器中查看 是否启动成功,成功可以在任务管理器进程中看到。这个是我的配置,大家可以查看上面 第3 步 配置的具体是什么。可以看到successful 配置成功。6. 在浏览器中访问配置的路径。4. 去cmd中检查一下配置的文件,访问之后再次刷新页面会报404。5. 启动 Nginx。

2023-02-09 10:16:51 3611

原创 vue3 路由导航守卫

【代码】vue3 路由导航守卫。

2023-02-09 09:17:10 241

原创 vue3+element plus 树形控件权限控制

【代码】vue3+element plus 树形控件。

2023-02-09 09:03:21 1081

原创 vue3中使用echarts

【代码】vue3中使用echarts。

2023-02-08 15:47:55 180

原创 vue3 在 setup中数组数据变化页面不渲染

【代码】vue3 在 setup中数组数据变化页面不渲染。

2023-02-08 11:11:03 915 3

原创 vue3路由渲染菜单和路由参数获取

不然渲染获取不完整,多次点击链接不停往后加不会从头。

2023-02-08 09:51:32 1805

原创 vue3.0 + vite +axios封装使用方法

在 vite.config.js中配置代理,实现跨域等请求。通过在vite.config.js中配置后,调用就变成了。**全局使用并 2次封装axios **新建一个文件 service.js。调用成功 这里原API接口是。在vue页面中使用axios。

2023-02-06 16:51:23 901 1

原创 vue3+vite浏览器无法手动打断点

安装了vue3+vite,代码中使用了ts,这时候在scrip中也加了 lang=“ts” ,在调试的时候发现无法手动打断点,代码添加debugger可以正常,手动还是点击不起作用,看了很多文章,有说版本问题的,本人确定安装的都是最新的,所以想是不是ts没安装的 缘故,安装成功,重启,发现断点可以正常使用了。

2023-02-06 10:41:08 1272

原创 vue3+vite+ElementPlus安装和使用

vue3

2023-02-03 15:54:00 1372 1

原创 vue3+vite项目启动后自动打开浏览器配置

1). 找到左侧目录中的package.json文件,在。2)在启动后面加上 --open 即可。立即启动 并打开浏览器。

2023-02-02 15:07:56 2910

原创 vue项目初始化脚手架vue-cli安装

vue-cli,脚手架

2022-11-14 21:06:40 348

原创 js中的 this指向面试题

this指向

2022-11-05 11:31:46 191

原创 20222年10月日记形式刷面试题笔记

复习笔记

2022-10-19 15:39:22 255

原创 html实现中间间隔一样20px两端无间隔,宽度一样布局

<style>.box{display:flex; justify-content:space-between;}.item1{background:#ccc;}.item2{background:pink;}.item3{background:#ccc;}.box div{width:calc((100% - 20px)/3);}</style><div class="box"> <div class="item1">d</div&

2021-07-10 19:12:58 686

空空如也

空空如也

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

TA关注的人

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