上一页 1 ··· 13 14 15 16 17 18 19 20 21 ··· 23 下一页
摘要: 写在前面 在前端中,主要涉及的基本上就是 DOM的相关操作 和 JS,我们都知道 DOM 操作是比较耗时的,那么在我们写前端相关代码的时候,如何减少不必要的 DOM 操作便成了前端优化的重要内容。 虚拟DOM(virtual DOM) 在 jQuery 时代,基本上所有的 DOM 相关的操作都是由我 阅读全文
posted @ 2022-10-27 12:03 bb_xiaxia1998 阅读(41) 评论(0) 推荐(0)
摘要: 路由的hash和history模式的区别 Vue-Router有两种模式:hash模式和history模式。默认的路由模式是hash模式。 1. hash模式 简介: hash模式是开发中默认的模式,它的URL带着一个# 特点:hash值会出现在URL里面,但是不会出现在HTTP请求中,对后端完全没 阅读全文
posted @ 2022-10-27 12:02 bb_xiaxia1998 阅读(106) 评论(0) 推荐(0)
摘要: 什么是数据劫持? 定义: 数据劫持,指的是在访问或者修改对象的某个属性时,通过一段代码拦截这个行为,进行额外的操作或者修改返回结果。 简单地说,就是当我们 触发函数的时候 动一些手脚做点我们自己想做的事情,也就是所谓的 "劫持"操作 数据劫持的两种方案: Object.defineProperty 阅读全文
posted @ 2022-10-27 12:00 bb_xiaxia1998 阅读(105) 评论(0) 推荐(0)
摘要: 我们在开发Vue项目时候都知道,在vue开发中某些问题如果前期忽略掉,当时不会出现明显的效果,但是越向后开发越难做,而且项目做久了就会出现问题,这就是所说的蝴蝶效应,这样后期的维护成本会非常高,并且项目上线后还会影响用户体验,也会出现加载慢等一系列的性能问题,下面举一个简单的例子。 举个简单的例子 阅读全文
posted @ 2022-10-26 12:28 bb_xiaxia1998 阅读(33) 评论(0) 推荐(0)
摘要: 对Vue SSR的理解 Vue.js 是构建客户端应用程序的框架。默认情况下,可以在浏览器中输出 Vue 组件,进行生成 DOM 和操作 DOM。然而,也可以将同一个组件渲染为服务端的 HTML 字符串,将它们直接发送到浏览器,最后将这些静态标记"激活"为客户端上完全可交互的应用程序。 SSR也就是 阅读全文
posted @ 2022-10-26 12:27 bb_xiaxia1998 阅读(52) 评论(0) 推荐(0)
摘要: 背景 看了一些自定义指令的文章,但是探究其原理的文章却不多见,所以我决定水一篇。 如何自定义指令? 其实关于这个问题官方文档上已经有了很好的示例的,我们先来温故一下。 除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用 阅读全文
posted @ 2022-10-26 12:26 bb_xiaxia1998 阅读(35) 评论(0) 推荐(0)
摘要: 本文主要分以下两个部分对 Composition API 的原理进行解读: reactive API 原理 ref API 原理 reactive API 原理 打开源码可以找到reactive的入口,在composition-api/src/reactivity/reactive.ts,我们先从函 阅读全文
posted @ 2022-10-25 10:50 bb_xiaxia1998 阅读(45) 评论(0) 推荐(0)
摘要: 什么是 mixin ? Mixin 使我们能够为 Vue 组件编写可插拔和可重用的功能。 如果希望在多个组件之间重用一组组件选项,例如生命周期 hook、 方法等,则可以将其编写为 mixin,并在组件中简单的引用它。 然后将 mixin 的内容合并到组件中。如果你要在 mixin 中定义生命周期 阅读全文
posted @ 2022-10-25 10:49 bb_xiaxia1998 阅读(66) 评论(0) 推荐(0)
摘要: 一、简介 vue几个核心思想: 数据驱动 组件化 虚拟dom、diff局部最优更新 源码目录介绍 Vue.js 的源码在 src 目录下,其目录结构如下。 src ├── compiler # 编译相关 ├── core # 核心代码 ├── platforms # 不同平台的支持 ├── serv 阅读全文
posted @ 2022-10-25 10:48 bb_xiaxia1998 阅读(102) 评论(0) 推荐(0)
摘要: vue组件通信方式 一、props(父向子传值 自定义属性) / $emit(子向父传值 自定义事件) 父组件通过props的方式向子组件传递数据,而通过$emit 子组件可以向父组件通信。 1. 父组件向子组件传值(props) 下面通过一个例子说明父组件如何向子组件传递数据:在子组件articl 阅读全文
posted @ 2022-10-24 12:35 bb_xiaxia1998 阅读(48) 评论(0) 推荐(0)
上一页 1 ··· 13 14 15 16 17 18 19 20 21 ··· 23 下一页