react hooks深拷贝后无法保留视图状态
在使用useState做数据操作更新的时候，有一些复杂数据类型，一个对象数组里包含，函数，dom等等复杂数据类型，想要进行数据更新，并且视图更新的情况下，因useState的特性就必须进行深拷贝赋值。
方式
1、JSON.stringify配合JSON.parse 这个有限制，我们的数据类型包含，函数。它会丢失
2、Lodash 里的深拷贝方法
3、递归实现
我这里通过递归直接写的方法，发现拷贝
前端
Canvas vs WebGL：你真的搞懂浏览器图形渲染了吗？
前言：大多数前端工程师提到图形渲染就脑子一懵。Canvas？WebGL？好像懂，又好像不懂。这篇文章我们不装逼，从渲染原理、源码实现、性能差异、实战场景四个维度把它们拆得体无完肤，看完你就明白为什么大多数人都用错了。
Canvas为什么叫"画布"而不是"页面"？
问
Astro Islands
Astro Islands代表了前端Web架构的领先范式转变。Astro 将您的 UI 提取到页面上较小的独立组件中。未使用的JavaScript被轻量级HTML取代，保证更快的加载和交互时间（TTI）。
术语“Astro Island”是指HTML的静态页面上的交互式UI组件。一个页面上可以存在多个孤岛，并且一个孤岛始终单独呈现。将它们视为静态、非交互式 HTML 海洋中的岛屿。
im
离开舒适区之后：从三年前端到 CS 硕士——我在韩国亚大读研的得失
过去一年多，我做了一个挺重要的决定：辞职，去韩国留学读研。这段时间我几乎没怎么学习新的前端内容，但也没有停下来。我在韩国亚洲大学完成了计算机科学与技术（大数据）硕士的学习，在高强度的节奏里重新建立了自己的方法，也因为持续写博客获得了一些机会，担任本科 Web 实训课讲师。现
通过一个例子讲解Vue组合式API
一、Composition API概述
当我们编写Vue组件时候，组件中可能包含一系列的功能，例如一个代码仓库管理的应用，用户的仓库列表可以看做是一个组件，这个组件还包含筛选、搜索的功能。
所谓的功能我们可以理解为MVC中的Model和Controller。从视图角度，组件是最基本的代码复用单元，但是从逻辑上，功能模块是最基本的代码复用单元。
每个组件中可能包含多个功能（也称为关注点），而多个功能
vue2使用rtsp视频流接入海康威视摄像头(纯前端)
一.获取海康威视rtsp视频流海康威视官方的RTSP最新取流格式如下:rtsp://用户名:密码@IP:554/Streaming/Channels/101用户名和密码IP就是登陆摄像头时候的IP(笔者这里IP是192.168.1.210)所以笔者的rtsp流地址就是rtsp://用户名:密码@192.168.1.210:554/Streaming/Channels/101二. 测
前端如何应对精确数字运算？用BigNumber.js解决JavaScript原生Number类型在处理大数或高精度计算时的局限性
目录前端如何应对精确数字运算？用BigNumber.js解决JavaScript原生Number类型在处理大数或高精度计算时的局限性一、BigNumber.js介绍1、什么是 BigNumber.js？2、作用领域3、核心特性二、安装配置与基础用法1、引入 BigNumber.js2、配置 BigNumber.js3、常用方法①创建 BigNumber 实例②基本运算③
前端vue：路由的基本使用
1. 路由
概念： Hash 地址与组件之间的对应关系
工作方式：
当用户点击页面上的路由链接
导致了 URL 地址栏中的 Hash 值发生了变化
前端路由就会监听到 Hash 地址的变化
前端路由把当前 Hash 地址对应的组件渲染都浏览器中
2. vue-router`
vue-router 是 vue.js 官方给出的路由解决方案
2.1 vue-router 的基本用法
安装 vue-r
