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

1. 微信小程序页面跳转微信小程序的页面跳转有两种，一种是跳转（wx.navigateTo），一种是重定向（wx.redirectTo），其中跳转会向Pages中添加一条记录（可以通过getCurrentPages获取页面栈），而重定向则不会；redirectTo是类似于window.locatio

老规矩，还是先说说业务场景：有一个图片列表，可以添加、删除和更改，其中呢删除时设计给的设计稿时悬浮（hover）在图片上时显示删除的图标，所以就有了这个用before实现icon的场景进入正文，首先我们有一张图片（这里我就用了一个随机200x200px的api）：<img src="

前段时间给项目的无代码系统做了一个交互预览页面，主要功能是把UI信息的JSON解析渲染为可交互的网页，其中遇到了不同类型组件渲染的问题一、为什么需要动态组件渲染我们的无代码系统采用PCB协议（Page、Container和Block），为了实现交互，Container分为有焦点和无焦点，Block作

为什么Vue2中无法检测Object和Array的变化一、前言Vue官方文档中有这么一句话——由于 JavaScript 的限制，Vue 不能检测数组和对象的变化。尽管如此我们还是有一些办法来回避这些限制并保证它们的响应性。文中的例子都在codesandbox中有演示样例，可以对照着看，记得更改右边

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

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

Grid lines(网格线)、Grid column（列）和Grid row（行）通过grid-template-columns可以将网格分成指定大小的几列，其值可以是：具体的长度（px、rem）、百分比长度（%）、fr、repeat等（具体可参见grid-template-columns - C

我们使用Visio、OmniGraffle、Process On等这些画图软件时，点击一个元素会出现几个小圆圈和一个方框，表示这个元素目前是选中的一个状态，最近项目中也要做类似的效果，就查了查相关的内容，记录下两种实现方式：一、添加div这种方法很好理解，就是把一个元素放在一个新的div中，同时添加

背景：文件上传在选择文件后重新选择文件，然后取消会出现页面卡死的情况，且只在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查询是查找变量的值。词法作用域：定义在词法分析