vue学习
文章平均质量分 86
NGUP_LEE
毕业之后找到了一份还可以的工作,就是少了一些上学时学习的激情,上班就已经搞得自己精疲力尽,偶尔点开自己的博客,看到自己的学习笔记还可以帮助到不少的同学感到很开心。
加油,陌生人,如果你是为了挣钱,请努力,互联网不会辜负你,最重要的是你要考虑清楚自己的方向~
展开
-
vue中的性能优化
前端性能优化的目的是使网站的加载速度更快,从而提高用户体验。用户等待网站加载的时间越短,他们就越可能对网站产生好感,并越可能继续在网站上浏览。此外,在移动设备上,性能优化可以帮助网站在较慢的网络条件下仍然能够流畅运行。性能优化也可以降低服务器的负载,从而降低运营成本。总之,前端性能优化是为了提高网站的速度和用户体验,并降低运营成本。原创 2022-12-08 15:49:03 · 2912 阅读 · 0 评论 -
vue3中的自定义指令
在vue中,自定义指令可用于定义复杂的行为或公用的行为,以便于在多个组件中重复使用。例如,如果你想在一个应用中多处使用拖拽功能,你可以定义一个指令,某个组件通过使用该指令来为某个元素启用拖拽功能。另一个例子是,如果你想在一个应用中多处使用格式化日期的功能,你可以定义一个 指令,在组件中通过使用该指令来自动格式化日期。总之,当你想要在多个组件中重用某个复杂的行为或逻辑时,就可以考虑使用自定义指令。Vue 3 的指令系统与 Vue 2 相比有了一些改变。在 Vue 2 中,指令是一种特殊的 attribute,原创 2022-12-07 16:48:18 · 1869 阅读 · 0 评论 -
vue中的h函数与JSX语法
vue不仅像react一样实现了jsx,而且还借助jsx发挥了javascript动态画的优势,了解学习jsx可以让你更灵活的开发需求。在聊vue中的JSX之前,需要简单介绍一下 h 函数,理解了 h 函数,会更好的理解JSX。是一个用于创建VNode的实用程序,你可以理解为,但因为它频繁的被使用,所以简称为函数。2.理解h函数在vue3的项目中,是默认的写法,vue运行时会把解析为函数,之后,组件运行的时候通过函数去返回函数的运行结果去构造虚拟DOM上面的图片是我随意运行了一个demo,打开vue调原创 2022-12-06 20:03:13 · 3220 阅读 · 0 评论 -
import与require有什么区别(ES6模块和CommomJS模块的区别)
不知道你在学习别人的代码时,有没有遇见过这样的代码这里为什么没有用import?首先我们需要了解一下,import和require的功能是什么,他们又有什么区别。原创 2022-11-30 16:47:49 · 395 阅读 · 0 评论 -
Vue2常见的缺陷与Vue3带来的新特性
通过上面的图可以知道,Vue2所有的模块都是杂糅在一起的,这样做会导致不好拓展的问题,Vue3是怎么解决的呢?重构-拆包,使用monoerpo管理方式,响应式、编译和运行就全部独立了Vue3中,响应式独立了出来,而Vue2中的响应式只服务于Vue,Vue3中响应式与Vue解耦,你甚至可以在NodeJ S和React中使用响应式。渲染逻辑也被拆分为 平台无关渲染逻辑 和 浏览器渲染API 两部分。原创 2022-11-28 18:14:31 · 3732 阅读 · 0 评论 -
Vue基础——Vue的基本使用
文章目录一、基本使用步骤测试样例测试样例代码中MVVM对应关系图一、基本使用步骤导入Vue.js的script脚本在页面中声明一个将要被Vue控制的DOM区域创建VM实例对象(Vue实例对象)测试样例<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-wi原创 2022-05-02 13:59:29 · 1376 阅读 · 0 评论 -
async/await 以及同步、异步任务的执行过程
async和await关键字让我们可以用一种更简洁的方式写出基于Promise的异步行为,而无需刻意地链式调用promise。在其出现之前,开发者只能通过 链式.then() 的方式处理promise异步操作,这样写出的代码冗余且不易读语法async function name([param[, param[, ... param]]]) { statements }参数name 函数名称param要传递给函数的参数的名称statements包含函数主题的表达式,可以awai原创 2022-04-26 20:49:12 · 3939 阅读 · 1 评论