Vue3.0 | vue3的新特性 Vue3的变化 官网地址: 一、对比vue2的变化 1.优点 vue3支持vue2的大多数特性,实现对vue2的兼容 vue3对比vue2具有明显的性能提升 打包大小减少41% 初次渲染快55%,更新快133% 内存使用减少54% 更好的支持TypeScript 使用Prox 前端 2025年06月28日 76 点赞 0 评论 10400 浏览
vite + vue3 多页面实战优化续集:eslint+lint-staged+husky+stylelint 目的:项目投入使用发现很多使用起来不舒服的地方,进行优化 注意!!!:最新的一次创建项目运行时候以及配置eslint部分出现了许多问题,可以结合最新的一篇vite+vue+ssg做官网 再记录一下项目创建结合起来查看是否有你遇到的问题 前提:在上一篇vite + vue3多页面配置记录references,loadEnv等中我详细记录了通过各种配置了解多页面项目。 结果:最终代码放到gitee这里 前端 2025年06月27日 41 点赞 0 评论 5344 浏览
在vue项目中axios发起请求时的小知识 1.发起axios请求时,喜欢使用async和await来修饰 使用axios发起请求时,我们在一些文章或者视频当中多多少少都会看到async和await这对兄弟?所以它们到底是什么意思呢?为什么要写成这样子? async和await是es7的语法,其实我们不需要深入理解,就当养成习惯就好,以后记住发送axios请求的时候加上这对修饰兄弟就行 async就是一个修饰符,用来修饰函数的,awai 前端 2025年06月27日 196 点赞 0 评论 5455 浏览
《图解Vue3.0》- 调试 如何对vue3项目进行调试 调试是开发过程中必备的一项技能,掌握了这项技能,可以很好的定义bug所在。一般在开发vue3项目时,有三种方式。 代码中添加debugger; 使用浏览器调试:sourcemap需启用 vs code 调试:先开启node服务,后启用vs code的调试模式 具体使用如下: debugger调试法 当打开开发者模式时才会起作用(F12), 但是使用完之后将其删除, 前端 2025年06月27日 37 点赞 0 评论 17810 浏览
Vue3.2+Vite2.x+Typescript项目进阶搭建-Element-plus 前言:该文没有全局引入的方式讲解 官方文档: 安装淘宝镜像(非必须) 先安装好淘宝镜像 npm install -g cnpm --registry= cnpm install node-sass --save 遇到错误 cnpm : 无法加载文件D:\nodejs\node_global\cnpm.ps1,因为在此系统上 前端 2025年06月27日 108 点赞 0 评论 15292 浏览
HTML超链接大致分为以下7类 HTML超链接大致分为以下7类: 1、简单链接 <a href="这里写链接地址" title="前端一万小时">知乎:itsOli</a> <!-- 注释:这里的 title 属性,作用是:当我们把鼠标停在 itsOli 上时,会弹出一个文本框: 前端一万小时。 -->复制代码 2、外部链接 将 target 设置成 _blank 时,点击这个链接,浏览器会新 前端 2025年06月26日 157 点赞 0 评论 915 浏览
vue异步渲染 vue是组件级更新,当数据更改一次组件就要重新渲染一次,性能不高,为了防止数据一更新就更新组件,所以做了个异步更新渲染。(核心的方法就是nextTick) 分析: 当数据变化后会调用notify方法,将watcher遍历,调用update方法通知watcher进行更新,这时候watcher并不会立即去执行,在update中会调用queueWatcher方法将watcher放到了一个队列里,在que 前端 2025年06月26日 187 点赞 0 评论 12261 浏览
116.学习微前端架构-乾坤 学习微前端架构-乾坤.png 目的:拆分应用,减轻一个庞大应用的压力,从另一个方面将公司所有的系统进行整合,形成一个整体。 微前端出现以前,每个系统都是独立的,用户需要保存不同系统的网址,使用微前端后,记录一个地址就好了。在用户层面进了整合,从开发层面减轻了系统压力。 主应用(不限技术栈)和子应用(目前vite项目的支持度不是很好) 接入案例,参考官网qiankun 首先需要搭建子应用 前端 2025年06月26日 185 点赞 0 评论 17465 浏览
创建自定义的 Angular 模块 在之前的一篇文章中,我们知道,从组件的角度看,一个 Angular 应用可以看作是按树形结构组织的组件集合。组件树的根结点,是主组件,作为全局组件的占位符,可以包含其他功能组件及其子组件。 在 Angular 应用中,一个组件会承担一个应用功能的一部分职责。换句话说,一个应用功能会分解为若干个组件共同去完成。基于组件去管理 Angular 应用,如果业务复杂,组件过多,粒度会显得过细,难于管理。 前端 2025年06月26日 94 点赞 0 评论 13373 浏览
vue组件的五种传值方法(父子\兄弟\跨组件) 一、props/$emit父子组件传值: 父传子 (自定义属性 props) 父组件向子组件传参,通过自定义属性的方式进行传参,在子组件中使用prop定义自定义的属性,然后在父组件中通过v-bind指令把需要传递的数据绑定在子组件上,那在子组件中props里面的自定义属性可以直接使用。 //父组件代码 渲染子组件 <Son :name="name" /> // 子组件代码,接 前端 2025年06月26日 192 点赞 0 评论 11436 浏览