react hooks深拷贝后无法保留视图状态
在使用useState做数据操作更新的时候，有一些复杂数据类型，一个对象数组里包含，函数，dom等等复杂数据类型，想要进行数据更新，并且视图更新的情况下，因useState的特性就必须进行深拷贝赋值。
方式
1、JSON.stringify配合JSON.parse 这个有限制，我们的数据类型包含，函数。它会丢失
2、Lodash 里的深拷贝方法
3、递归实现
我这里通过递归直接写的方法，发现拷贝
前端
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二. 测
JavaScript 面试系列：如何理解 ES6 中 Generator ？常用使用场景有哪些？
image.png
一、介绍
Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同
回顾下上文提到的解决异步的手段：
回调函数
promise
那么，上文我们提到 promsie 已经是一种比较流行的解决异步方案，那么为什么还出现 Generator？甚至 async/await 呢？
该问题我们留在后面再进行分析，下面先认识下 Generat
[git] MacBook 安装git
文章目录
1.Mac Git 安装
2. 开发者工具
安装 CommandLineTools
安装完成，错误解决
3. git 账户配置
账户设置
生成秘钥
git 或者 gitee 仓库添加公钥
查看全局账户命令
多账户设置
config文件
测试连接
clone到本地
1.Mac Git 安装Mac一般自带Git工具，也就
Vue中computed与method的区别
两者间区别：
1、computed 会基于响应数据缓存，在值不变的情况下不会再次计算，而是直接使用缓存中的值；methods不会缓存，调用相同的值计算还是会重新计算；
2、diff之前先看data里的数据是否发生变化，如果没有变化computed的方法不会执行，但methods里的方法会执行
3、computed是属性调用，不需要加括号。而methods是函数调用，必须要函数执行才可以得到结果。
Astro Islands
Astro Islands代表了前端Web架构的领先范式转变。Astro 将您的 UI 提取到页面上较小的独立组件中。未使用的JavaScript被轻量级HTML取代，保证更快的加载和交互时间（TTI）。
术语“Astro Island”是指HTML的静态页面上的交互式UI组件。一个页面上可以存在多个孤岛，并且一个孤岛始终单独呈现。将它们视为静态、非交互式 HTML 海洋中的岛屿。
im
第三十二节:Vue路由: Vue-router基本配置与使用
Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌.
1. Vue路由的安装和配置
1.1 安装vue路由
npm install vue-router --save-dev
2.2 配置vue路由
// 1\. 导入路由并使用
import Vue from 'vue' // 导入vuerouter
import
通过一个例子讲解Vue组合式API
一、Composition API概述
当我们编写Vue组件时候，组件中可能包含一系列的功能，例如一个代码仓库管理的应用，用户的仓库列表可以看做是一个组件，这个组件还包含筛选、搜索的功能。
所谓的功能我们可以理解为MVC中的Model和Controller。从视图角度，组件是最基本的代码复用单元，但是从逻辑上，功能模块是最基本的代码复用单元。
每个组件中可能包含多个功能（也称为关注点），而多个功能
解决element的Table表格组件的高度自适应问题
解决element的Table表格组件的高度问题( height只能是数字或者字符串 ),实现height: calc(100vh - 200px) 的效果
方式一：
注：也可直接将el-table的height属性绑定为字符串：calc(100vh - 200px) 实现为同样的效果， 200 是顶部和底部导航以及部分自定义布局 ；例：（这里使用了rem，一样的道理）
方式二：通过
基于开源做的图片压缩工具
软件介绍这是一款开源在GitHub上的项目，项目名字是：mageMinify该软件是一款用Python开发的跨平台图片压缩工具，专注于提供简单易用的界面和高效的压缩效果。它支持多种图片格式，可以单独处理文件或批量处理整个目录，并提供格式转换、文件重命名和详细统计等功能，采用优化的压缩算法，特别是对P
