YanHSama的博客

nvm切换版本无法使用npm

js下载纯文本js支持字符串下载至本地js支持将字符串生成URL在浏览器中预览js下载Excel无法打开解决

box-shadow的一些属性应用

前端项目中使用字体库

重要提示：FileReader 仅用于以安全的方式从用户（远程）系统读取文件内容 它不能用于从文件系统中按路径名简单地读取文件。要在 JavaScript 中按路径名读取文件，应使用标准 Ajax 解决方案进行服务器端文件读取，如果读取跨域，则使用 CORS 权限。元素上选择文件后返回的FileList对象，也可以来自拖放操作生成的 DataTransfer对象，还可以是来自在一个。对象允许 Web 应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用。对象指定要读取的文件或数据。

富文本支持上传图片

使用腾讯云文档预览，需要开通文档预览功能，该功能需要收费的。如果需要图片预览、视频或音频可以使用获取下载链接。使用cos获取预览文档链接。

【代码】js实现将文本生成二维码（腾讯云cos）

js事件循环、宏任务和微任务理解

node版本问题

node版本冲突问题

npm出现警告

将页面上图片的 src 属性设置为空字符串，将图片的真实路径保存在一个自定义属性中，当页面滚动的时候，进行判断，如果图片进入页面可视区域内，则从自定义属性中取出真实路径赋值给图片的 src 属性，以此来实现图片的延迟加载。：也叫延迟加载，指的是在长网页中延迟加载图片的时机，当用户需要访问时，再去加载，这样可以提高网站的首屏加载速度，提升用户的体验，并且可以减少服务器的压力。：最常用的方式是使用 js 中的 image 对象，通过为 image 对象来设置 scr 属性，来实现图片的预加载。.........

dom.clientwidth

CSS绘制三角形，伪元素的使用

头部导航

js获取设备电池信息

text开头样式

macbook 安装nvm

正则表达式支持使用变量

二进制与十进制多转换

html2canvas将页面绘制图片使用jspdf导出

线的中心点会和画布像素点的底部对齐，所以会线中间是黑色的，但由于一个像素就不能再切割了，所以会有半个像素被染色，就变成了浅灰色。发现上面设置样式，两条直线颜色都是同时修改的，如果需要每条直线设置不同的样式，需要使用新开路径，避免污染。在实际开发中，为了让自己或者别的开发者更容易看懂弧度的数值，1°应该写成 Math.PI / 180。counterclockwise，true为顺时针方向， false为逆时针方向，默认为false。bevel: 斜面;就会发现第一条直线时默认的颜色，第二条样式有更改。

/ canvas的toDataURL方法将canvas输出为data: URI类型的图片地址，再将该图片地址赋值给元素的src属性即可。// canvas的toDataURL方法将canvas输出为data: URI类型的图片地址，再将该图片地址赋值给元素的src属性即可。// 实现保存图片的目标只需要将canvas转image即可。// 实现保存图片的目标只需要将canvas转image即可。// 实现保存为图片的第一步：html转为canvas。'图片canvas.png'

js实现将excel文件转为blob或文件流上传以及下载。

实现剪切复制剪切版的主要实现。虽然目前暂时不推荐使用，但是目前也只有这个实现，便还是继续使用。

判断一个dom节点是否在可视化区域内。

ES6 的模块自动采用严格模式，不管你有没有在模块头部加上。严格模式主要有以下限制。

第一个参数是改变 this 指向的对象。第一个参数是改变 this 指向的对象。第一个参数是改变 this 指向的对象。使用后不会自动执行，会返回一个新函数。第一个参数都为改变this指向的对象。call() 方法可以有无数个参数。apply() 方法只能由两个参数。bind() 方法可以有无数个参数。后面的参数直接传递给函数的自身。后面的参数直接传递给函数的自身。在非严格模式下，若第一参数为。在严格模式下，若第一参数为。第二个参数必须是一个数组。......

正则表达，经常记不住，写下记录！修饰符修饰符描述i执行对大小写不敏感的匹配。g执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。i执行对大小写不敏感的匹配。m执行多行匹配。方括号用于查找某个范围内的字符表达式描述[abc]查找方括号之间的任何字符。[^abc]查找任何不在方括号之间的字符。[0-9]查找任何从 0 至 9 的数字。[a-z]查找任何从小写 a 到小写 z 的字符。[A-Z].

防抖与节流在实际项目基本都会用到。

什么是闭包？当内部函数（子函数）调用了外部函数（父函数）的变量，便产生了闭包。闭包产生条件？条件1：函数嵌套条件2：内部函数引用外部函数的变量

此方法不推荐使用let obj = { name: { a: 'f', b: 'fg' }, hellio: { d:'vv', s:'cc' }}let copyObj = Object.assign(obj, {c:'huu'})console.log(copyObj);console.log(obj);推荐使用方法let copyObj = {...obj, c:'huu'};console.log(copyObj);console.log(obj)

不同类型的变量比较要先转类型，叫做类型转换，类型转换也叫隐式转换。隐式转换通常发生在运算符加减乘除，等于，还有小于，大于等。。基本类型的转换1.字符串加数字,数字就会转成字符串。2.数字减字符串，字符串转成数字。如果字符串不是纯数字就会转成NaN。字符串减数字也一样。两个字符串相减也先转成数字。3.乘，除，大于，小于跟减的转换也是一样。规则：1.undefined等于null2.字符串和数字比较时，字符串转数字3.数字为布尔比较时，布尔转数字4.字符串和布尔比较时，两者转数字con

https://app.yinxiang.com/fx/fd8bff76-a0e7-4e4b-a302-ab049815b775

background-color设置透明

transform：scan()失效解决

iframe在react中使用

react实现视频播放

img加载中显示loading，加载失败显示默认图片