Violetks Blog

Thinking will not overcome fear but action will.

Vue3 基础知识（一）

官网：https://cn.vuejs.org/ 一、Vue3 带来了什么 1、性能的提升：（1）打包大小减少 41%。（2）初次渲染快 55%，更新渲染快 133%。（3）内存减少 54%。 2、源码的升级：（1）使用 Proxy 代替 defineProperty 实现响应式。（2）重写虚拟 DOM 的实现和 Tree-Shaking。 3、更好地支持 TypeScr...

Posted by violetks on January 7, 2023

Vue Router

Vue 路由配置 & 页面跳转 & 参数传递

路由重新渲染了视图，不是真正的页面跳转。注意：与 Vue2 匹配的是 Vue Router 3.x，与 Vue3 匹配的是 Vue Router 4.x。一、单页应用（SPA）与多页应用（MPA）的区别 1、多页应用有多个独立的页面的应用，每个公共资源（JS、CSS等）需选择性重新加载，多页面跳转刷新所有资源。每一次页面跳转时，服务器都会返回一个新的 HTML 文档。常用于 ...

Posted by violetks on January 6, 2023

Vuex

一、Vuex 的功能？能否进行兄弟组件之间的传值？注意：与 Vue2 匹配的是 Vuex 3，与 Vue3 匹配的是 Vuex 4。 Vuex是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。主要用于管理 Vue 中的共享状态，可以兄弟组件互相传值。上图的说明： ①Vue Compon...

Posted by violetks on January 5, 2023

Vue2 过渡&动画

Vue2 于 2023年12月31日停止维护，官网：https://v2.cn.vuejs.org/ 一、单元素/组件的过渡：使用<transition> 1、当插入或删除包含在transition组件中的元素时，Vue 将会做以下处理：（1）自动嗅探目标元素是否应用了 CSS 过渡或动画，如果是，在恰当的时机添加/删除 CSS 类名。（2）如果过渡组件提供了 Ja...

Posted by violetks on January 4, 2023

Vue2 基础知识（三）

Vue2 于 2023年12月31日停止维护，官网：https://v2.cn.vuejs.org/ 一、处理边界情况（★） 1、访问元素 & 组件（1）访问根实例：在每个new Vue实例的子组件中，其根实例可以通过$root访问。 // Vue 根实例 new Vue({ data: { foo: 1 }, computed: { bar:...

Posted by violetks on January 3, 2023

Vue2 基础知识（二）

Vue2 于 2023年12月31日停止维护，官网：https://v2.cn.vuejs.org/ 一、computed 和 watch 有什么区别？应用场景？侦听的是 data 里面的值吗？（★） 1、功能上：computed是计算属性，依赖其他的属性计算而得出最后的值，是用于定义基于数据之上的数据。watch是侦听一个值的变化并做对应的操作，允许数据变化时执行异步操作。 2、...

Posted by violetks on January 2, 2023

Vue2 基础知识（一）

Vue2 于 2023年12月31日停止维护，官网：https://v2.cn.vuejs.org/ 一、Vue 是什么 Vue 是一套用于构建用户界面的渐进式 JavaScript 框架。渐进式可以理解为 Vue 可以自底向上逐层应用，从一个轻量小巧的核心库逐渐递进到可以引入各种 Vue 插件。二、Vue 的特点 1、采用组件化模式，提高代码复用率，且让代码更好维护。 2、声...

Posted by violetks on January 1, 2023

字符串相关算法题

一、替换空格（牛客网）请实现一个函数，将一个字符串中的每个空格替换成“%20”。例1：We Are Happy 替换后 We%20Are%20Happy 例2：hello world 替换后 hello%20%20world // 方法一：replaceAll function replaceSpace (str) { return str.replaceAll(" ", "%20...

Posted by violetks on April 15, 2021

二叉树相关算法题

树或者链表的题大部分是要靠递归来做的。第一题：翻转二叉树原二叉树： 8 / \ 6 10 / \ / \ 5 7 9 11 镜像二叉树： 8 / \ 10 6 / \ / \ 11 9 7 5 分析：针对每个节点...

Posted by violetks on April 6, 2021

链表相关算法题

第一题：从尾到头打印链表输入一个链表，按链表从尾到头的顺序返回一个 ArrayList。 // 示例1 输入：{1, 2, 3} 返回：[3, 2, 1] // 示例2 输入：{67, 0, 24, 58} 返回：[58, 24, 0, 67] // 定义链表的方法 function ListNode (x) { this.val = x; this.next = null...

Posted by violetks on April 5, 2021