背景：产品针对新功能提出了一个Radio嵌套Select的交互，实现过程中遇到一点小问题大致效果如下：代码也比较简单：<RadioGroup> <Radio> <Select> <Option v-for="valu

最近在整理补充之前项目的技术文档，回顾的过程中发现了一些小的知识点，顾记录下，以便后续查阅const focusElement = document.activeElement;通过上面上面的代码就可以获取到页面当前的焦点元素，焦点元素也可能是<select>元素 (menu) 或者一个

背景：之前在系统中做了一个将dom导出图片的功能https://yukinoyukino.com/archives/dom导出为图片，本以为解决了跨域问题，但结果从灰度上到正式环境之后还是存在这个问题一、问题出现问题出现在这一行代码：const image = canvas.toDataURL('i

背景： 最近遇到一个需求，需要展示一个键值的列表，并能点击复制按钮将Key值复制到系统的剪切板中（这个需求好像还挺常见的）一、简介Clipboard API提供系统剪切板的功能，其暴露于全局属性navigator.clipboard中，其包含write、read、writeText和readText

背景：前段时间接到一个需求，有一个用户自定义上传的图片会频繁更改，但大多都是更改文本内容，所以提出了制作几套模板针对不同的场景，用户可以输入、更改文本内容，然后生成图片保存。实现方式在网上搜索到《基于html2canvas实现网页保存为图片及图片清晰度优化》这篇文章，写的很详细，就参考实现了出来。整

一、Event对象type：发生事件的类型，JS支持的事件类型非常多，大致可以分为以下几类：设备无关输入事件：这类事件和特定输入设备相关；例如mousemove、keydown、touchmove等；设备相关输入事件：这类事件并不与特定输入设备相关，它可以由多种设备触发；例如：click既可以由鼠标

今天开始学React，之前大部分时间都是用的v-if，极少数时候用JSX时条件渲染是通过三目运算符完成的，React文档中对JSX的条件渲染比较详细，故记录一下元素变量（if）通过if判断返回不同的组件：function Btn(props) { if (props.isLoading) {

背景：文件上传在选择文件后重新选择文件，然后取消会出现页面卡死的情况，且只在Chrome中出现，觉得应该是浏览器在某些地方处理不一样，后来排查到是input标签的问题，故记录一下。一、差异介绍Input标签type为file时，点击会弹出一个文件选择框，若选中文件后再次点击选择，然后点击取消，在Fi

记录一次bug排查一、场景一个空的输入框在保存之后并无异常，再次编辑空白保存之后，其中的内容变为了null。二、排查过程    首先找到这个”null”是什么时候产生的，所以先查看了get到的数据，显示是desc: null，这是没问题的，表单显示也是正常的，没有任何内容，但当再次点击保存时，再获取

序（碎碎念）：本文是在整理《你不知道的JS（上）》第五章时写下的，先是把整本书过了一遍，其中有些细节并未深究，待整理时再看一遍，前面几章都顺利的写出来了，一天整理一章（其中跳过了第4章，究其原因我目前没觉得混入有什么使用场景），并没有遇到什么大问题，但在整理这一章的时候，我发现书中的信息似乎并不清楚

一、创建对象语法声明（文字）模式var myObj = {key: value,...};构造模式var myObj = new Object();myObj.key = value;构造模式和文字声明生成的对象是一样的，唯一的区别是，文字声明可以添加多个键值对，构造模式只能逐一添加。二、 类型主要

一、默认绑定function foo() { console.log(this.a);}var a = 2;foo(); // 2这里调用foo函数打印的a就是全局作用域中定义的a，这就是第一种情况，this的默认绑定，绑定的对象是全局对象。在严格模式下，默认绑定的是undefined二、隐式

JS是一门编译语言，但其不像传统编译语言一样，不会提前编译，编译结果也不能在分布式中进行移植。JS的编译大部分情况下发生在代码执行前的几微秒。传统编译过程：词法分析->语法分析->代码生成。LHS和RHS查询：LHS查询是查找变量本身，RHS查询是查找变量的值。词法作用域：定义在词法分析

.map()用法let officers = [ { id: 20, name: 'Captain Piett' }, { id: 24, name: 'General Veers' }, { id: 56, name: 'Admiral Ozzel' }, { id: 88, name: