2020年06月_TianNicholas

原创 echarts圆环数据占比

//圆形echarts占比 makeUpEcharts(el, makeUp_val) { let color = ['#EAF1FF', '#73A0FA'];//圆环两色 let echartData = [{ value: 100 - makeUp_val }, { value: makeUp_val } ]; let formatNumber = fu.

2020-06-30 00:09:00 3784

原创 echart横向柱状图

app.title = 'Top 10';option = { tooltip: { trigger: 'axis', show:false, textStyle:{ color:'#6a717b', }, }, grid: { left: '3%', right: '4%', bottom: '3%', .

2020-06-23 17:18:46 2320

不管是react还是vue，父级组件与子组件的通信都是通过props来实现的，在vue中父组件的props遵循的是单向数据流，用官方的话说就是，父级的props的更新会向下流动到子组件中，反之则不行。也就是说，子组件不应该去修改props。但实际开发过程中，可能会有一些情况试图去修改props数据：注意：props属性是值传递的方式。this.forceUpdate函数：迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。...

2020-06-22 12:56:24 5057

原创 JS深拷贝方法

拷贝方式1、针对数组有这些方法：Array.slice() 1 2 vara=[1,2,3]; varb=a.slice();<br>b[0]=4;<br>console.log(b);//[4,2,3]<br>console.log(a);//[1,2,3] Array.concat 1 2 3 4 5 vara=[1,2,3];...

2020-06-22 12:52:25 238

转载 Vue 大型项目热更新优化

<div id="article_content" class="article_content clearfix" style="height: 2301px; overflow: hidden;"> <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/ck_htmledit_views-211130ba7a.css"> ...

2020-06-22 12:05:26 1907 1

转载 websocket+sockjs+stompjs详解及实例

最近有项目需求要用到websocket,刚开始以为很简单，但是随着遇到问题，深入了解，才知道websocket并不是想象中的那么简单，这篇文章主要是考虑websocket在客户端的使用。WebSocket配置实例1.http与websockethttp超文本传输协议，大家都非常熟悉，http有1.0、1.1、 2.0几个版本，从http1.1起，默认都开启了Keep-Alive，保持连接持续性...

2020-06-08 17:47:09 4081 1

原创 60个提升工作效率的JS工具方法

// 1.邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}// 2.手机号码export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s)}// 3.电话号码export const isPhone = (s) => .

2020-06-03 17:43:37 264

原创 JS的isNaN()函数 (数字转化)

isNaN() 函数其实并不能像它的描述中所写的那样，数字值返回 false，其他返回 true。实际上，它是判断一个值能否被 Number() 合法地转化成数字。这中间有什么区别呢，主要提现在一些特别的情况如下：1、数字形式的字符串。例如 "123"、"-3.14"，虽然是字符串型，但被 isNaN() 判为数，返回 false。（"12,345,678"，"1.2.3" 这些返回 true） 2、空值。null、空字符串""、空数组[]，都可被Number()合法的转为0，于是被isN..

2020-06-02 10:07:30 2476

qq_32615575的博客