前端

Webpack to Vite踩坑指北

前言     最近一直在看vite的源码(传送),恰逢公司的项目使用的是webpack,正好借此机会做下迁移,并将该过程记录。当前项目使用webpack+vue2 对比     这里挑选了一个比较复杂的路由页面,分别使用vite和webpack启动,记录从npm run start到页面加载的耗时     vite     webpack 基础改造     packag

【R画图学习17.1】拼图软件1---patchwork

其实前面在学习的时候也陆陆续续的用过一些拼图的包,像par,cowplot,patchwork等。但是,感受下来好像最好用的还是patchwork,所以今天详细的学习一下。因为最新版本里面支持将ggplot与non-ggplot对象进行拼接。并且还有其它很多优点:可以给子图添加标记(ABCD...);可以将子图的图例移到一起;可以统一修改子图;也可以直接p1+p2出图等。 我们用自带的mtcars

vue3 生命周期

一、组件的生命周期 1.组件运行的过程 35.png 组件的生命周期指的是:组件从创建——运行(渲染)——销毁的整个过程,强调的是一个时间段。 2.如何监听组件的不同时刻 vue框架为组件内置了不同时刻的生命周期函数,生命周期函数会伴随着组件的运行而自动调用。 当组件在内存中被创建完毕之后,会自动调用created函数 当组件被成功的渲染到页面上时,会自动调用mounted函数 当组

Vue3 10多种组件通讯方法

本文简介 点赞 + 关注 + 收藏 = 学会了 本文讲解 Vue 3.2 组件多种通讯方式的基础用法,并且使用了 单文件组件 <script setup> 。 众所周知,Vue.js 中一个很重要的知识点是组件通信,不管是业务类的开发还是组件库开发,都有各自的通讯方法。 本文适合: 有 Vue 3 基础的读者。 打算开发组件库的读者。 本文会涉及的知识点: Props

前端大厂面试真题(二)

1. Doctype 作用? DOCTYPE 是用来声明文档类型和 DTD 规范的。 <!DOCTYPE html>声明位于 HTML 文档中的第一行,不是一个 HTML 标签,处于 html 标签之前。 告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE 不存在或格式不正确会导致文档以兼容模式呈现。 2. 标准模式与兼容模式各有什么区别? 标准模式的排版 和 JS

企业级低代码平台,JeecgBoot-Vue3版 v1.3.0 里程碑版本发布

项目介绍 Jeecgboot-Vue3 采用 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 等新技术方案,包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。JeecgBoot企业级的低代码平台对应的vue3前端版本! 强大的代码生成器让前后端代码一键生成! JeecgBoot引领低代码开发模式(OnlineCoding->

2022年前端js面试题

还有部分没更新完... var、let、const区别 1. var存在变量提升,而let、const没有 2. let、const有块级作用域,而var没有 3. var 在同一块作用域可以重复声明多个相同的变量,后者覆盖前者,let、const重 复声明会报错 4.let、var声明变量后可以进行改变值,const声明不能修改([对象、数组]的属性和方法可以改变 合并对象的方法可以写几种 c

前端知识梳理-浏览器篇

一、什么是进程,什么是线程 进程是cpu资源分配最小单位,线程是进程最小调度单位。 在我们的操作系统中,有许多许多的进程,操作系统每干一件事儿就会交给一个进程去做,比如打开音乐就是一个进程。而每个进程里又包含了许多的线程,例如打开了音乐播放器,放一首歌,就是一个新的线程,切换下一首,可能又是另外一个线程。总之他俩之间的关系就是一个进程包含多个线程。 二、浏览器是多进程还是单进程 浏览器一般都

最简单的webpack入门教程

1 前言 这是一个简单的webpack入门教程 Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。 2 基本使用 使用webpack的前提是已经有了node环境,安装node就不赘述了 2.1 初始化 在空文件夹中使用命令行执行: npm init -y 就会在当前目录下创建一个package.json文件 2.