前端

1. 首页
2. IT互联网
3. 前端

vite + vue3 多页面实战优化续集：eslint+lint-staged+husky+stylelint

目的：项目投入使用发现很多使用起来不舒服的地方，进行优化 注意!!!：最新的一次创建项目运行时候以及配置eslint部分出现了许多问题，可以结合最新的一篇vite+vue+ssg做官网 再记录一下项目创建结合起来查看是否有你遇到的问题 前提：在上一篇vite + vue3多页面配置记录references,loadEnv等中我详细记录了通过各种配置了解多页面项目。 结果：最终代码放到gitee这里

前端 2025年06月27日 41 点赞 0 评论 5341 浏览

在vue项目中axios发起请求时的小知识

1.发起axios请求时，喜欢使用async和await来修饰 使用axios发起请求时，我们在一些文章或者视频当中多多少少都会看到async和await这对兄弟？所以它们到底是什么意思呢？为什么要写成这样子？ async和await是es7的语法，其实我们不需要深入理解，就当养成习惯就好，以后记住发送axios请求的时候加上这对修饰兄弟就行 async就是一个修饰符，用来修饰函数的，awai

前端 2025年06月27日 196 点赞 0 评论 5452 浏览

《图解Vue3.0》- 调试

如何对vue3项目进行调试 调试是开发过程中必备的一项技能，掌握了这项技能，可以很好的定义bug所在。一般在开发vue3项目时，有三种方式。 代码中添加debugger; 使用浏览器调试：sourcemap需启用 vs code 调试：先开启node服务，后启用vs code的调试模式 具体使用如下： debugger调试法 当打开开发者模式时才会起作用(F12), 但是使用完之后将其删除，

前端 2025年06月27日 37 点赞 0 评论 17806 浏览

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 评论 15289 浏览

HTML超链接大致分为以下7类

HTML超链接大致分为以下7类： 1、简单链接 <a href="这里写链接地址" title="前端一万小时">知乎：itsOli</a> <!-- 注释：这里的 title 属性，作用是：当我们把鼠标停在 itsOli 上时，会弹出一个文本框： 前端一万小时。 -->复制代码 2、外部链接 将 target 设置成 _blank 时，点击这个链接，浏览器会新

前端 2025年06月26日 157 点赞 0 评论 914 浏览

vue异步渲染

vue是组件级更新，当数据更改一次组件就要重新渲染一次，性能不高，为了防止数据一更新就更新组件，所以做了个异步更新渲染。（核心的方法就是nextTick） 分析： 当数据变化后会调用notify方法，将watcher遍历，调用update方法通知watcher进行更新，这时候watcher并不会立即去执行，在update中会调用queueWatcher方法将watcher放到了一个队列里，在que

前端 2025年06月26日 187 点赞 0 评论 12259 浏览

116.学习微前端架构-乾坤

学习微前端架构-乾坤.png 目的：拆分应用，减轻一个庞大应用的压力，从另一个方面将公司所有的系统进行整合，形成一个整体。 微前端出现以前，每个系统都是独立的，用户需要保存不同系统的网址，使用微前端后，记录一个地址就好了。在用户层面进了整合，从开发层面减轻了系统压力。 主应用（不限技术栈）和子应用（目前vite项目的支持度不是很好） 接入案例，参考官网qiankun 首先需要搭建子应用

前端 2025年06月26日 185 点赞 0 评论 17462 浏览

创建自定义的 Angular 模块

在之前的一篇文章中，我们知道，从组件的角度看，一个 Angular 应用可以看作是按树形结构组织的组件集合。组件树的根结点，是主组件，作为全局组件的占位符，可以包含其他功能组件及其子组件。 在 Angular 应用中，一个组件会承担一个应用功能的一部分职责。换句话说，一个应用功能会分解为若干个组件共同去完成。基于组件去管理 Angular 应用，如果业务复杂，组件过多，粒度会显得过细，难于管理。

前端 2025年06月26日 94 点赞 0 评论 13370 浏览

vue组件的五种传值方法(父子\兄弟\跨组件)

一、props/$emit父子组件传值： 父传子 (自定义属性 props) 父组件向子组件传参，通过自定义属性的方式进行传参，在子组件中使用prop定义自定义的属性，然后在父组件中通过v-bind指令把需要传递的数据绑定在子组件上，那在子组件中props里面的自定义属性可以直接使用。 //父组件代码 渲染子组件 <Son :name="name" /> // 子组件代码，接

前端 2025年06月26日 192 点赞 0 评论 11435 浏览

You are using the runtime-only build of Vue where the template compiler is not available

image.png 原因分析：vue有两种形式的代码 compiler（模板）模式和runtime模式（运行时），vue模块的package.json的main字段默认为runtime模式， 指向了"dist/vue.runtime.common.js"位置 解决方法一、 报错后main.js代码： import App from './App' import router from

前端 2025年06月26日 73 点赞 0 评论 11692 浏览