js
文章平均质量分 72
weixin_39460408
这个作者很懒,什么都没留下…
展开
-
关于echarts的api功能本地测试可行,打包线上功能失效问题
最近在用echarts开发一个H5的柱状图页面大致情况是在本地运行,浏览器显示正常,但是webpack打包后发到线上测试环境,功能就失效。排除结果:前端在本地运行的时候,会获取nodemodules安装的依赖包,确认过package.json里面的echarts依赖包是最新的4.7.0版本但是本地打包后发到线上,原先功能失效。看到webpack里面的externals: ...原创 2020-04-27 19:35:23 · 1355 阅读 · 0 评论 -
面试题汇总
1,解释防抖和节流2,前端重绘和回流3,css绘制三角函数4,react的生命周期5,如何看待react组件化6,webpack的plugin7,敏捷开发8,hook9,Promise如何区分是哪个错误请求10,serviceworker12,webwoker13,浏览器的存储14,ES6数据结构15,浏览器输入地址到返回数据16,let和var的区别17,promi...原创 2019-12-12 09:12:55 · 180 阅读 · 0 评论 -
Rxjs学习笔记二
--------------除了上帝,一切皆有起源----------------创建同步数据流只需要关心产生哪些数据,数据之间的先后顺序如何,不需要考虑时间方面的问题of:列举数据把参数数据用Obeservable对象来封装,同步吐出数据,没有任何时间间隔,吐出数据后,这个数据流就终结了Rx.Observable.of(1,2,3).subscribe(x=>conso...原创 2018-08-18 20:10:15 · 988 阅读 · 0 评论 -
Rxjs学习笔记三
合并类操作符concat:首尾相连类似于数组中的concat方法:1,从第一个Observable对象获取数据,把数据传给下游;2,当第一个Observable对象complete之后,concat就会去subscribe第二个Observable对象获取数据,把数据同样传给下游; 3, 以此类推,知道最后一个Observable完结之后,concat产生的Observable也就完结了...原创 2018-08-19 08:05:11 · 418 阅读 · 0 评论 -
关于base64转码
一、计算机开始之初,HexHex的编码原理是:把一长串二进制数每4个分一组,如果位数不够就在高位补0。4位数字一共只有16种情况,分别用0-9,A-F表示这16种情况。二、ASCII码美国信息交换标准代码,简称ASCII码表;这个码表包括了数字、英文大小写、符号、以及各种各样的转义字符,可以包含英文所用的全部功能。很快地,ASCII码称为了国际标准,现在大家知道的编码形式,都是与A...原创 2018-08-19 10:17:56 · 4136 阅读 · 0 评论 -
Promise.all方法
Promise.all 接收一个 promise对象的数组作为参数,当这个数组里的所有promise对象全部变为resolve或reject状态的时候,它才会去调用 .then 方法。向 Promise.all 传递一个由封装了XHR通信的promise对象数组的话,则只有在全部的XHR通信完成之后(变为FulFilled或Rejected状态)之后,才会调用 .then 方法。func...原创 2018-08-21 09:23:40 · 1231 阅读 · 0 评论 -
D3学习一(精通D3j.js 交互式数据可视化高级编程)
一、SVGSVG预定了其中形状元素,分别为矩形:<rect>;圆形:<circle>;椭圆:<ellipse>;线段:<line>;折线<polyline>;多边形:<polygon>;路径<path>1,矩形矩形的参数共有6个x:矩形左上角x坐标 y:矩形左上角y坐标 width:矩形的宽度原创 2018-08-25 08:08:06 · 2959 阅读 · 0 评论 -
Typescript学习笔记
ts数据类型1,booleanvar flag:boolean=true2,numbervar num:number=1233,数组类型var arr1:number[]=[1,2,3]var arr2:Array<number>=[1,2,3]var arr3:any[]=[1,"2",true]4,stringvar string:string="1212...原创 2019-03-25 16:54:35 · 183 阅读 · 0 评论 -
typescript编辑tsc时报错Unable to resolve signature of method decorator when called as an expression.
背景:typescript的api文档装饰器,本地运行命令行tsc filename.ts,试图编译成js文件时,vscode终端报错Unable to resolve signature of method decorator when called as an expression.解决方案:官网文档提供方法其中tsconfig.json文件通过tsc --init调出但...原创 2019-03-27 10:21:57 · 11505 阅读 · 0 评论 -
Rxjs学习笔记一
函数式编程声明式和声明式相对应的编程方式叫命令式编程,两者区别参考函数的map和for循环纯函数满足两点条件:1,函数的执行过程完全由输入参数决定,不会受除参数之外的任何数据的影响;2,函数不会修改任何外部状态,比如修改全局参数或传入的参数对象与纯函数相反的是不纯函数,可能会做以下几点:1,改变全局参数的值; 2,改变输入参数的对象 3,读取用户的输入,比如调用了alert或者co...原创 2018-08-18 17:02:03 · 356 阅读 · 0 评论 -
Rxjs的zip和switchMap方法
1,Zip将多个 Observable 组合以创建一个 Observable,该 Observable 的值是由所有输入 Observables 的值按顺序计算而来的。如果最后一个参数是函数, 这个函数被用来计算最终发出的值.否则, 返回一个顺序包含所有输入值的数组.Rx.Observable.zip(Rx.Observable.of(2),Rx.Observable.of(3)).subscri...原创 2018-07-11 09:42:40 · 5857 阅读 · 0 评论 -
D3入门
基础API选择元素d3.select()1选择所有指定元素的第一个d3.selectAll()1选择指定元素的全部绑定元素data()1绑定一个数组到选择集上,数组的各项值分别与选择集的各元素绑定dataum()1绑定一个数据到选择集上function(d, i){ }1当选择集需要使用被绑定的数据时,常需要使用匿名函数。其包含两个参数,其中: d 代表数据,也就是与某元素绑定的数据 i 代表索引...原创 2018-05-09 09:44:17 · 253 阅读 · 0 评论 -
HTML5 script标签和link标签
1,不加标签的script阻塞dom解析,执行顺序按照标签顺序2,async script不阻塞dom解析,执行顺序不固定,看网络状况3,defer script不阻塞dom解析,等dom解析执行完毕后再执行,执行顺序按照标签顺序4,link css不阻塞dom解析,阻塞了script的执行和dom的渲染...原创 2018-05-30 16:34:27 · 2802 阅读 · 0 评论 -
promise方法
含义Promise 对象用于一个异步操作的最终完成(或失败)及其结果值的表示。简单点说,它就是用于处理异步操作的,异步处理成功了就执行成功的操作,异步处理失败了就捕获错误或者停止后续操作。它的一般表示形式为:new Promise( /* executor */ function(resolve, reject) { //发送ajax请求,根据回调信息进行下...转载 2018-05-31 10:05:29 · 349 阅读 · 0 评论 -
axios基础api
axios基于http客户端的promise,面向浏览器和nodejs特色浏览器端发起XMLHttpRequests请求node端发起http请求支持Promise API监听请求和返回转化请求和返回取消请求自动转化json数据客户端支持抵御安装//使用npm:$ npm i axiso使用 bower$ bower instal axios//使用cdn<script src="...原创 2018-05-31 10:23:37 · 540 阅读 · 0 评论 -
正则表达式
创建/source/flags 或 new RegExp(source[, flags])source: 正则表达式文本flags: 修饰符,多个修饰符可以任意组合,取值如下g: 全局匹配,即查找所有匹配,而不是找到第一个匹配后停止i: 忽略大小写m: 多行,将 ^ 和 $ 规则应用在多行的每一行中u: Unicodey: 粘性匹配,仅匹配目标字符串中此正则表达式的lastIndex属性指示的索引...转载 2018-05-31 10:46:19 · 222 阅读 · 0 评论 -
JS判断空对象的几种方法
1,把json对象转化成json字符串,判断是否全等于“{}”var data = {};var b = (JSON.stringify(data) == "{}");alert(b);//true2,for-in循环,判断对象里面是否有值var obj = {};var b = function() {for(var key in obj) {return false;}retur...原创 2018-07-03 08:53:12 · 231 阅读 · 0 评论 -
js判断对象是否为空的方法
1,把对象转化成字符串var a={};a=JSON.stringify(a);a=='{}' //true2,for-in 循环var obj = {};var b = function() {for(var key in obj) {return false;}return true;}alert(b());//true3,使用ES6的Objec...原创 2018-07-16 19:05:15 · 178 阅读 · 0 评论 -
es6数组对象新方法总结
1,数组的合并var a=["校长","老师"];var b="我";var c=[...a,b];c=["校长","老师","我"];2,对象,()里面实现对象的组装var a=(( b={}, b.name="小花", b));console.log(a) //{name:'小花'}3,对象的映射va原创 2018-07-16 22:34:18 · 608 阅读 · 0 评论 -
JS中的call()方法和apply()方法用法总结
最近又遇到了JacvaScript中的call()方法和apply()方法,而在某些时候这两个方法还确实是十分重要的,那么就让我总结这两个方法的使用和区别吧。1. 每个函数都包含两个非继承而来的方法:call()方法和apply()方法。2. 相同点:这两个方法的作用是一样的。都是在特定的作用域中调用函数,等于设置函数体内this对象的值,以扩充函数赖以运行的作用域。一般来说,this总是指向调用...转载 2018-05-09 08:43:34 · 121 阅读 · 0 评论