JavaScript事件循环机制 宏任务和微任务

我们知道JavaScript是单线程的，意思就是一个时间只能做一件事情。就比如车站过安检一样，都会一个个通过，这就是单线程。那么这样问题就来了，假如程序中有一个很慢的http请求，用户必须要等待响应才可以继续后续的操作，这样就不妥了。所以我们就让长时间请求的程序代码挂起，让用户先操作其他事情。 在Jav...

前端，node生成uuid

npm install uuid --save import { v4 as uuidv4 } from 'uuid'; function render(){ for(var i=0;i<20;i++){ console.log(uuidv4()) } } render();

tradingView一个页面创建多个k线

最简单的方式就是 <div class="trading-view" :id="id"></div> render(){ return <div id={this.state.id}></div> }

扁平数据结构转Tree

let arr = [ {id: 1, name: '部门1', pid: 0}, {id: 2, name: '部门2', pid: 1}, {id: 3, name: '部门3', pid: 1}, {id: 4, name: '部门4', pid: 3}, {id: 5, name: '部门5',...

TradingView全屏显示后，依旧保持可打开/关闭全屏功能

简单说，需要你自定义图表～ 思路：就是将TradingView自带的全屏按钮给隐藏起来，然后自定义图表实现逻辑咯。 let's do it! 1.首先将header_fullscreen_button如下配置 disabled_features: [ "header_fullscreen_button"...

js获取浏览器和电脑的放大倍数

如果我们可以通过js获取到电脑的默认缩放，那对我们做页面适配将会有很大的帮助。下面就跟大家分享下js代码： function detectZoom() { let ratio = 0 const screen = window.screen const ua = navigator.userAgent....

vuecli4配置热更新失效或不能及时更新

官方文档; vue-cli-service serve 命令会启动一个开发服务器 (基于 webpack-dev-server ) 并附带开箱即用的模块热重载 (Hot-Module-Replacement)。 （我的问题好像是没安装，具体的自己再看看） webpack4.0需要手动配置开启热更新，默认...

升级bable 7+

升级babel 7，官方提供了一个工具 babel-upgrade ，对于已有的项目，只需要运行一行命令就可以升级到7版本以上了。 运行命令： npm babel-upgrade --write --install 安装出现如下提醒 请执行以下代码： npm install --save @babel/...

通过babel配置使用可选链`?.`和双问号`??`

什么是可选链 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining 当访问多层对象属性(如 o.a.b )时，如果属性 a 为空，则会报引用错误 为此我们不得不这么处理：...

ElmentUI 设置禁止点击遮罩关闭 el-dialog 弹窗

el-dialog 弹窗初始化默认点击弹窗组件以外区域(遮罩)会导致该组件关闭 方法一：(局部控制) 修改 close-on-click-modal 属性改为 false 可以禁止点击遮罩关闭弹窗(默认是true) 注：在使用 close-on-click-modal 属性时，必须在该属性前加冒号 "...