- 博客(9)
- 收藏
- 关注
RSS订阅原创 Mac安装nvm(node、npm)及pnpm
NVM（Node Version Manager）是一个用于在基于Linux系统上安装和管理Node.js的shell脚本。（1）运行以下安装命令以更新Homebrew软件包列表并安装nvm。如果nvm已经安装，这个命令将列出已安装的nvm版本。（4）完成这些后，执行以下命令查看nvm版本。（2）检查Homebrew是否已经安装成功。（2）检查nvm是否已经安装成功。（1）打开终端运行以下安装命令。（1）查看Node的可用版本。（4）查看node版本。（2）查看pnpm版本。
2024-11-12 12:52:49
3273
原创 [React/JavaScript]使用html2Canvas将元素导出为PDF
【代码】[React/JavaScript]使用html2Canvas将元素导出为PDF。
2024-11-07 20:11:31
292
原创 WebSocket心跳机制（防止断联）的实现
（2）heartbeatCheck() 先清除定时器，然后创建30s定时器（倒计时）执行发送心跳的方法。（a）如果等待时间（10s）内收到了WebSocket推送来的消息，则认为连接仍然建立，重新开始间隔时间计时。（1）创建两个Ref存储定时器，一个定时器用于存储间隔时间及执行逻辑，一个定时器用于存储等待时间及执行逻辑。（b）如果没有收到消息，则认为连接已断开，发送关闭连接消息并重新建立连接。（3）heartbeatCheck() 执行的时机有两个，一个是开始连接的时候，一个是收到消息重置的时候。
2024-10-19 19:57:05
670
1
原创 [React/JavaScript/Css]手搓时间轴鱼骨图
2、时间轴分为一条线（base-line）和点位（degree-container），点位包括刻度（degree）、日期数字（num）和挂载在点位上的卡片。点位相对于线进行定位（上移，使刻度居于时间线上方），并逐步向右偏移相同的刻度（根据数据数量均分组件宽度）。4、通过添加鼠标滚轮事件修改缩放层级，时间轴放大transform: `scaleX(${scale})`，点位需同比缩小transform: `scaleX(${1 / scale})`，以保证时间刻度的大小不会变化。
2024-10-19 19:31:42
422
原创 《React官方文档》学习笔记
一、核心概念官方文档地址：Hello World – React (docschina.org)1、JSX更接近Javascript，因此采用驼峰命名法。原生HTML标签要小写，组件开头字母要大写。2、React DOM在渲染所有输入内容之前，默认会进行转义。它可以确保在你的应用中，永远不会注入那些并非自己明确编写的内容。所有的内容在渲染之前都被转换成了字符串。这样可以有效地防止XSS（跨站脚本）攻击。3、state的更新可能是异步的：出于性能考虑，React可能会把多个setState(.
2022-01-24 19:02:58
377
原创 《ECMAScript 6 入门教程》学习笔记
（一）ECMAScript 6 简介1、Babel转码器：用于将ES6代码转换为ES5代码，实现兼容。（二）let和const命令1、let的基本用法（1）let声明的变量只在代码块内有效，在代码块外调用：Uncaught ReferenceError: a is not defined。经典面试题：for循环里面的i用var定义和let定义有什么区别？var定义的是全局变量，let定义的变量每次循环都会重新声明，JS内部引擎会记住上一轮循环的值用于给本轮重新声明的循环赋值。特别注意：设置循
2022-01-07 17:06:57
671
原创 慕课网《初识HTML(5)+CSS(3)-2020升级版》学习笔记
一、HTML5介绍1、<head>标签里面可以包含meta、title（出现在浏览器标题栏中）、style、script等标签。二、HTML5语义化标签1、语义化的好处（1）更容易被搜索引擎收录。（2）更容易让屏幕阅读器读出网页内容。三、HTML5效果标签1、使用特殊字符 实现空格标签。2、使用<hr>标签实现水平线标签。五、HTML5图片、链接及表格标签1、<imgsrc="图片地址" alt="下载失败时的替换文本.
2021-11-21 22:36:21
235
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人