Vue和React的主要区别

Vue和React的区别主要体现在模板渲染方式、运行过程、框架本质、数据流和监听数据变化的实现原理上。模板渲染方式:Vue和React的模板渲染方式在表层和深层上有所不同。在表层上,Vue通过一种拓展的HTML语法进行模板渲染,而React则是通过JSX来渲染模板。在深层上,Vue和React都使用原生JS实现模板中的常见语法,比如插值、条件、循环等,但Vue的模板语法是可改变的,而React的模

- 阅读全文 -

Proxy相比Object.defineProperty到底好在哪?

核心要义什么是响应式?无论是Vue2还是Vue3,都是将响应式数据的取值和赋值变为函数,然后调用这个响应式数据的时候触发对应的getter和setter方法来触发更新。性能在ES6之前,Vue2为了实现响应式只有Object.defineProperty这个方法,而到了ES6之后,就可以使用Proxy代替。众所周知,在Vue2的组件模板中,有一个data方法,我们通常会在这个方法中返回我们在这个组

- 阅读全文 -

koa2+ts如何自动导入并注册路由

┌─/ ├─📂routes │ ├─📄A.ts 路由配置文件A │ ├─📄B.ts 路由配置文件B │ └─📄index.ts 路由注册文件 └─📄app.ts// app.ts import Koa from "koa"; import { autoRouter } from "./routes&quo

- 阅读全文 -

版本迭代时如何自动让用户端更新版本

思路今天遇到了这么一个需求,便是当服务商迭代软件版本时,前端如何自动获取到后端的更新信息然后自动完成版本更新。起初,我根据之前的项目经验以及结合webpack的热更新机制,给出的方案是通过websocket服务来实现。实现方法便是当服务端更新版本后自动给前端发送一条更新信息,使前端发生更新,但是这样不仅需要改动服务端的代码,还需要一直建立websocket通信,非常的麻烦且不稳定。实现回家之后我苦

- 阅读全文 -

MVVM设计模式

MVVM(Model-View-ViewModel) 是一种设计模式,用于构建用户界面与业务逻辑的分离和解耦。它将应用程序分为三个主要组件:模型(Model)、视图(View)和视图模型(ViewModel),并通过数据绑定机制连接它们。下面以一个简单的示例来详细介绍MVVM设计模式的工作原理:模型(Model):模型代表应用程序的数据和业务逻辑。它可以包括数据实体、数据访问和处理方法等。模型负责

- 阅读全文 -

微信小程序静默登录

1.在小程序的后端服务器上配置好微信登录接口,并获取到小程序的AppID和AppSecret,以便后续使用。2.在小程序的前端页面中,调用wx.login()方法获取用户的临时登录凭证 code。3.使用获取到的 code,调用微信登录接口wx.login()将 code 发送到后端服务器。4.在后端服务器中,通过使用收到的 code,调用微信登录 API 来获取用户的 session_key 和

- 阅读全文 -

常见的设计模式

MVC(Model-View-Controller,模型-视图-控制器):MVC 是一种将应用程序分成三个核心组件的模式。模型(Model)负责处理数据逻辑、持久化和状态管理;视图(View)用于呈现用户界面或数据;控制器(Controller)接收用户输入,并协调模型和视图之间的交互。Repository(仓库):仓库模式用于隔离持久层(数据库操作)和业务逻辑层。仓库封装了对数据存储的访问代码,

- 阅读全文 -

手撕数字千分位展示方法

function formatNumberWithCommas(number) { let numberStr = number.toString(); let formattedNumber = ''; let decimalSeparatorIndex = numberStr.indexOf('.'); // 处理整数部分 let integerPart = number

- 阅读全文 -

DOM和BOM

DOM(Document Object Model):DOM是一种编程接口,提供了对HTML或XML文档的结构化访问和操作。它将文档表示为一棵树形结构,其中每个节点都是一个对象,可以通过操作这些对象来改变文档的内容、结构和样式。DOM树的根节点是document对象,它代表整个文档。其他元素、文本、属性等都是document对象的子节点。基本概念:节点:文档中的一个元素、文本、注释等都是节点。元素

- 阅读全文 -

浏览器性能优化方案

1. 减少HTTP请求将多个小文件合并为一个大文件,例如将多个CSS文件合并为一个CSS文件,多个JS文件合并为一个JS文件。使用CSS Sprites合并多个小图片为一张大图片,减少图片请求次数。2. 压缩文件压缩代码文件(HTML/CSS/JavaScript),可以减少文件的体积,提高传输效率。使用Gzip压缩,服务器可以将文件在传输过程中进行压缩,浏览器接收后自动解压缩。3. 使用缓存设置

- 阅读全文 -