蒲小若的博客

前提：后端返回的的表情是解析成字符串的这种，形如：[微笑]、[旺财]等的。

【代码】react中useEffect和useLayoutEffect的区别。

第三步：进入需要起服务的文件夹，执行【http-server】命令，如图。第一步：需要安装node（本地已经安装）第二步：安装http-server，如图。

babel-polyfill

近期做了这么一个需求：需要在弹框搜索和选取地图定位，然后我发现，使用new qq.maps.place.Autocomplete“不显示”下拉选项的问题如图：刚开始我以为是没有请求到数据，然后看了network，发现是有数据返回的再后来我发现 其实下拉选项是有渲染的最终找到原因是：下拉选项的元素的z-index要低于弹框的zindex，于是把下拉选项的z-index设置的弹框的z-index大就可以了最终效果为：最后附上代码/* eslint-dis

1.下载nvm 下载地址：Releases · coreybutler/nvm-windows · GitHubnvm-noinstall.zip： 这个是绿色免安装版本，但是使用之前需要配置 nvm-setup.zip：这是一个安装包，下载之后点击安装，无需配置就可以使用，方便。 Source code(zip)：zip压缩的源码 Sourc code(tar.gz)：tar.gz的源码，一般用于*nix系统 使用为 nvm-setup.zip 安装执行下一步直到 fin...

this.$nextTick(() => { const _this = this if (this.echartMap) { return } // 获取地图数据 axios.get('/json/eerduosi.geoJson').then(res => { echarts.use([MapChart]) echarts.registerMap('鄂.

function fn (a, c) { console.log(a) var a = 123 console.log(c) function a () {} if (false) { var d = 678 } console.log(d) console.log(b) var b = function () {} console.log(b) function c () {} console.

浅拷贝：当我们把一个对象赋值给一个新的变量时，赋的其实是该对象在栈中的地址，而不是堆中的数据。也就是两个对象指向的是同一个存储空间，无论哪个对象发生改变，其实都是改变的存储空间的内容，因此，两个对象是联动的。浅拷贝：重新在堆中创建内存，拷贝前后对象的基本数据类型互不影响，但拷贝前后对象的引用类型共享一块内存，会相互影响。深拷贝：从堆内存中开辟出来一个新的区域存放新对象，对对象中的子对象进行递归拷贝，拷贝前后的两个对象互不影响。...

重绘重绘：当渲染树中的一些元素需要更新属性，而这些属性只是影响元素的外观、风格，而不会影响不布局的操作，比如background-color，我们将这样的操作成为重绘。重绘过程：犹豫没有导致DOM集合属性的变化，因此元素的位置信息不需要更新，从而省去布局的过程，流程如下：跳过了生成布局树和建图层树的几个阶段，直接生成绘制列表，然后继续进行分块，生成位图等后面的一系列操作。回流回流：当渲染树中的一部分（或全部）因为元素的规模尺寸、布局、隐藏等改变而需要重新构建的操作，会影响到布局.

1.浏览器在接收到服务器返回的html页面之后2.浏览器开始构建DOM树，遇到css样式会构建css规则树（CSSOM）3.遇到js会通知DOM API和CSS DOM来操作DOM树和CSS规则树4.解析完成后，浏览器引擎会通过DOM TREE和CSS RULE TREE来构造rending tree5.渲染树构建完成之后进行布局处理，换一种说法就是确定每个节点在屏幕上确切的显示位置6.最后开始绘制，遍历渲染树，并用UI后端层，绘制出每一个UI的节点...

如：想要将后端返回的0,1在Y轴上和tooltip上显示为对应的停止和运行在设置之前是这样的：在图表设置的option中加上如下配置项option = { // 在tooltip中增加formatter tooltip: { formatter: (params) => { let value = params[0].data let status = '' if (value.

HTML如下：<el-tree ref="tree" :data="treeData" :props="defaultProps" node-key="classification_id" :expand-on-click-node="false" highlight-current check-strictly show-checkbox @check-change="treeCheckChange" @node-click="treeNodeClick" class="mt-10">&

来源 | https://www.jianshu.com/p/e161bd720e64国外某网站给出了44道JS难题，试着做了下，只做对了17道。这些题涉及面非常广，涵盖JS原型、函数细节、强制转换、闭包等知识，而且都是非常细节的东西，透过这些小细节可以折射出很多高级的JS知识点。你可以通过传送门（http://javascript-puzzlers.herokuapp.com/）先去测试一下你的水平，然后回来看看我的解析。为了详细解释这些细节，我也查阅了不少资料，弥补了很多JS知识盲点。.

functionfilterParams(obj){constkeys=Object.keys(obj)keys.forEach(key=>{constvalue=obj[key]if(isObject(value))filterParams(value)if(isEmpty(value))deleteobj[key]})returnobj}functionisEmpty(input){return...

在没有设置y轴最小刻度时，效果是这样的任务呢，是不会有零点几个的，所以这么做是不合理的，要把Y轴的最小刻度设置为1设置好之后的效果是这样的，这就符合了需求

/***异步队列又分为*微任务：Promise，process.nextTick*宏任务：整体代码script，setTimeout，setInterval*只有微任务队列为空，才会去执行下一个宏任务（这也就是3在1前面的原因）**async本身没有异步和同步之分，只是一个语法操作符，可以帮助解决异步的问题**setTimeoutPromise均属于异步操作*Promise中的resolve和reject还是属于同步操...

一行隐藏.opm-ellipsis { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}多行隐藏在项目中遇到了vue打包后css超出2行后省略号隐藏无效的问题，上网扒了一波后，发现还要加上以下属性 display: -webkit-box; -webkit-box-orient: vertical; word-break: break-all;...

async/await 本质上依然是基于Promise，但在使用上更加简便符合自然习惯。async函数内部同步执行。await之间相当于.then。async函数外部的调用异步执行。需要try/catch await应对promise reject的情况。getUser () { return this.$getAjax('user/list') }, async searchUser () { /** * 输出顺序为 * 1, re

在看这篇微博的时候才发现position原来还有这个属性，感觉很方便https://www.zhangxinxu.com/wordpress/2018/12/css-position-sticky/