前端学习笔记
学习前端过程的一些笔记以及遇到的问题
知福致福
这个作者很懒,什么都没留下…
展开
-
npm怎么迁移到pnpm
但是安装之后使用pnpm install 就发现包全被移动到ignored文件夹下面了,还报错。通过npm安装,安装好的pnpm在node_module下面,感觉不能用的亚子。配置pnpm,之前只是安装了,但没有配置,所以无法识别pnpm命令。bin 文件夹下面只有这个文件,既没有exe文件也没有cmd文件。看报错原因说使用了两个不同的包管理器,那应该怎么办呢?把pnpm.exe所在目录的路径添加到环境变量里面了。下载的vue3模板用到了pnpm,就安装了一下。通过下面的命令安装成功了。原创 2024-04-14 21:43:05 · 361 阅读 · 0 评论 -
webstorm修改默认存储和配置位置
webstorm原创 2024-04-14 17:03:07 · 405 阅读 · 0 评论 -
webstorm修改默认存储和配置位置
webstorm原创 2024-04-14 11:35:07 · 205 阅读 · 0 评论 -
vue报错Uncaught runtime errors: × ERROR ResizeObserver loop limit exceeded at handleError (webpack
单独使用都不会报错,但是两个结合在一起就产生了奇妙的化学反应。为什么最好不要在el-table外面套弹性布局盒子?使用了el-table组件+弹性布局。解决:修改弹性盒子布局。原创 2023-05-30 11:25:54 · 4425 阅读 · 0 评论 -
el-table如何实现筛选功能,以及filters,filter_method详解
在 ElementUI 的 el-table 组件中,提供了一个 el-table-column 组件的 filters 属性,可以用于对表格数据进行筛选操作。在 ElementUI 的 el-table 组件中,el-table-column 组件的 filters 属性确实是用于定义筛选菜单的选项列表。在上面的代码中,我们在 data 函数中定义了筛选菜单和表格数据,当用户选择某个筛选菜单项后,filterMethod 函数会根据选项的值对表格数据进行过滤,只保留符合条件的行。原创 2023-05-20 23:35:02 · 17250 阅读 · 1 评论 -
什么是回调函数?
回调函数可以是匿名函数,也可以是已定义的函数。但需要注意的是,过多的回调函数嵌套可能会导致代码可读性和维护性变差,因此需要采用一些技术手段,如Promise对象、async/await等来解决这个问题。回调函数是在某个操作完成之后,由调用方传递给被调用方的一个函数,被调用方在完成操作后会自动调用该函数。回调函数通常用于异步编程中,当某个异步操作完成时,调用回调函数来处理相关的结果。例如在使用setTimeout函数时,第一个参数就是回调函数,用于在指定的时间间隔之后执行相应的操作。原创 2023-05-05 16:37:19 · 108 阅读 · 0 评论 -
javascript正则表达式大括号、中括号、小括号的作用以及应用场景
在JavaScript正则表达式中,大括号 {}、中括号 [] 和小括号 () 都有不同的作用和应用场景。大括号 {}在正则表达式中,大括号 {} 表示重复次数。以下是一些常见的应用场景:{n}:精确匹配出现的次数,例如 \d{3} 匹配三个连续的数字。{n,}:至少匹配 n 次,例如 \d{4,} 匹配至少四个连续的数字。{n,m}:匹配 n 到 m 次,例如 \w{2,4} 匹配出现两到四次字母、数字或下划线。中括号 []在正则表达式中,中括号 [] 表示一个集合,包含要匹配的字符。原创 2023-05-01 10:43:33 · 4373 阅读 · 0 评论 -
vueRoute的路由正则表达式
Vue Router中的路由正则表达式与JavaScript的正则表达式语法相同,可以使用常见的正则表达式语法,例如字符类、重复和分组等。注意,在Vue Router中使用正则表达式时,需要将正则表达式包含在圆括号中,并在圆括号之前使用一个冒号来指定参数名称。另外,使用的正则表达式可能会影响路由匹配的性能。这可以匹配可选参数 id,也可以匹配不带参数的路由。这可以匹配一个或多个字母或数字(不区分大小写)。这可以匹配 yyyy-mm-dd 格式的日期。这可以匹配一个或多个字母(不区分大小写)。原创 2023-05-01 10:37:44 · 2472 阅读 · 0 评论 -
vue前端开发100问(持续更新)
前端开发时遇到的种种问题原创 2023-04-30 16:43:28 · 1518 阅读 · 0 评论 -
Vue.js 的内部渲染机制
这个过程被称为“响应式系统”。Vue.js的模板编译后会生成一棵虚拟DOM树,这棵树可以用Vue.js内置的渲染函数处理,最终映射成真实的DOM树。虚拟DOM树就是一个JavaScript对象,它可以再次进行修改操作,例如节点的新增、删除、替换等操作,并且可以进行高效的比较和更新,减少了直接操作DOM所带来的性能开销。综上所述,Vue.js的内部渲染机制围绕虚拟DOM、响应式系统、异步更新队列和组件级别的更新等关键技术点展开,可以提供高效的渲染性能和响应式系统,支持快速开发和高质量的用户体验。原创 2023-04-30 10:27:59 · 73 阅读 · 0 评论 -
vue中mount函数的作用
mount 方法接受一个 CSS 选择器字符串或一个 DOM 元素作为参数,用于指定要挂载到的 DOM 元素。在挂载 Vue 实例后,Vue 会将其使用的 DOM 元素替换为 Vue 实例渲染出的内容。总之,Vue 中的 mount 函数用于将 Vue 实例挂载到指定的 DOM 元素上。在 Vue.js 中,mount(挂载)函数用于将Vue实例挂载到指定的DOM元素上,使其能够渲染并显示在页面中。在 Vue.js 中,创建 Vue 实例后,在使用实例之前,需要先调用 mount 方法进行挂载。原创 2023-04-29 21:42:11 · 1421 阅读 · 0 评论 -
Vue.js 的内部渲染机制
这个过程被称为“响应式系统”。Vue.js的模板编译后会生成一棵虚拟DOM树,这棵树可以用Vue.js内置的渲染函数处理,最终映射成真实的DOM树。虚拟DOM树就是一个JavaScript对象,它可以再次进行修改操作,例如节点的新增、删除、替换等操作,并且可以进行高效的比较和更新,减少了直接操作DOM所带来的性能开销。综上所述,Vue.js的内部渲染机制围绕虚拟DOM、响应式系统、异步更新队列和组件级别的更新等关键技术点展开,可以提供高效的渲染性能和响应式系统,支持快速开发和高质量的用户体验。原创 2023-04-22 11:02:30 · 182 阅读 · 0 评论 -
为什么vue template里面的div不是块级元素而是行级元素
在 Vue.js 中,模板中的标签并没有直接对应构建 DOM 的操作。模板中的标签被编译成渲染函数,而渲染函数最终负责生成对应的 DOM 元素。因此,在模板中使用的标签不一定对应实际生成的 HTML 元素,而是对应 Vue.js 中的一个虚拟节点(vnode)。当在模板中使用 div 标签时,Vue.js 会将其编译为一个 vnode,而 vnode 只是一个 JavaScript 对象,它本身没有具体的元素类型。只有当 vnode 被渲染成实际的 DOM 元素时,才会确定它的元素类型。原创 2023-04-22 11:01:35 · 477 阅读 · 0 评论 -
vite是什么,使用vite开发vue的优点
Vite(法语中快速的意思)是一个轻量级的现代化的前端构建工具,针对现代浏览器(ES Modules)高效开发,它是由EvanYou(Vue.js 的创造者)所创建的。Vite 2 基于 esbuild 和原生浏览器模块系统构建,开发时候仅仅使用 ESM构建,不再有「打包」的概念。Vite下提供了一种开箱即用的开发服务,大大的提高了项目的开发效率。它支持 Vue、React、preact 和web components等框架。原创 2023-04-22 10:36:06 · 1122 阅读 · 0 评论 -
vue3里面的methods和computed的不同,以及各自在开发过程中分别承担什么功能,什么时候使用methods比较合适,什么时候使用computed比较合适
在Vue 3中,methods和computed都是Vue组件中的选项,它们的主要区别在于它们的用途和响应性。原创 2023-04-22 10:06:09 · 497 阅读 · 0 评论 -
vue开发环境配置
前端配置原创 2023-03-13 20:52:04 · 121 阅读 · 0 评论 -
vscode配置html开发环境
配置vscode原创 2023-03-12 21:30:34 · 2621 阅读 · 0 评论 -
关于vscode中写HTML时出现Code language not supported or defined的解决方式
code lunguage not supported or defined原创 2023-03-12 21:22:16 · 498 阅读 · 1 评论 -
html 标签
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <h1>欢迎来到这个页面</h1> <title></title> </head> <body> <p>请输入你的名字</p> <p>请输入你的年龄</p> <hr /> <b>.原创 2021-06-16 23:31:10 · 39 阅读 · 0 评论