书架

书架

=一个知识书库=

React 虚拟 DOM 和 Diff 算法

React 虚拟 DOM 和 Diff 算法

# 虚拟 DOM 虚拟 DOM(Virtual DOM),就是一个 JS 对象,用来描述我们希望在页面中看到的 HTML 结构内容. 为什么使用虚拟 DOM? 真实 DOM 对象属性多,处理起来繁琐、效率低。更重要的原因:React 要做跨平台开发,而不是被束缚在浏览器端。 - 原生 DOM 对象: 也是一个 JS 对象,是浏览器默认提供的 - DOM 对象 和 HTML 元素之间是一一对应的关系 <!--more--> ```javascript const element = { type: 'h1', props: { classN
more...
CSS animation 属性

CSS animation 属性

# 一、animation属性也是一个简写属性,用于设置六个动画属性。 > 用法:animation: *name* *duration* *timing-function* *delay* *iteration-count* *direction*; 这六个属性值分别为: | *[animation-name](https://www.w3school.com.cn/cssref/pr_animation-name.asp)* | 规定需要绑定到选择器的 keyframe 名称 | | ---------------------------------------
more...
微前端qiankun(乾坤) hash模式

微前端qiankun(乾坤) hash模式

# 1、什么是微前端 微前端是一种架构风格,旨在通过将前端应用程序拆分为更小、更可管理的部分,使团队能够独立开发、部署和维护这些部分。微前端的目标是将前端应用程序拆分成多个更小的、独立的部分,这些部分可以由不同的团队开发和部署,同时还可以组合成一个完整的前端应用程序。 <!--more--> # 2、为什么选择qiankun ## 一、简单 ​ 由于主应用微应用都能做到技术栈无关,qiankun 对于用户而言只是一个类似 jQuery 的库,你需要调用几个 qiankun 的 API 即可完成应用的微前端改造。同时由于 qiankun 的 HTML entr
more...
Vue2和Vue3数据双向绑定原理的区别及优缺点

Vue2和Vue3数据双向绑定原理的区别及优缺点

我们都知道,Vue 是一套用于构建用户界面的渐进式框架,是目前前端领域主流框架之一,作为前端框架,它有两大核心: 1. 数据双向绑定:当数据发生改变,视图可以自动更新,可以不用关心dom操作,而专心数据操作; 2. 可组合的视图组件:把视图按照功能切分成若干基本单元,组件可以一级一级组合整个应用形成倒置组件树,可维护,可重用,可测试。 Vue从之前的1版本到现在基本所有公司都用到的2版本经历了一次重大变革,到2020年10月5日,Vue3的源码正式发布。3版本的发布其中比较变化大的一个点就是Vue的数据双向绑定的原理发生了变化,那么我们知道,**数据双向绑定的原理在前端的面试中基
more...
Vue3 标签之间通信,详解四种主流方案

Vue3 标签之间通信,详解四种主流方案

## 前言 最近**跨标签页数据传输**这类功能点比较火,因为现在跨标签同步数据共享的需求越来越多了,所以大家伙也就都探讨这类功能点的实现方式 今天我就在 Vue3 项目中,给大家演示一下**纯前端**如何实现**跨标签通信**: 1. BroadCast Channel 2. Service Worker 3. LocalStorage + onstorage 4. open + postMessage <!--more--> 我先准备一个基础页面,代码如下 ![图片](http://www.lixianglong.cn/bg_store/img/c
more...