Js
人比黄花嗖
这个作者很懒,什么都没留下…
展开
-
js字符串去重
//核心思想为://使用数组的filter方法过滤掉除第一次出现的字符以外其它字符,然后join连接字符串,s、i、o3个参数分别为:当前字符、当前字符索引、原字符串//此方法妙处在于利用js的call方法改变宿主,使用字符串调用数组中的过滤方法(字符串无此方法),//减少了复杂的循环步骤;并且此方法没有使用多余的变量减少内存开支;//巧妙的利用indexOf取出字符串中第一次出现的字符(非第一次出现的字符被过滤掉)。因而实现。//字...原创 2020-12-01 13:48:34 · 2145 阅读 · 0 评论 -
深入理解echarts的markline标注线
在移动端需求中,经常遇到echarts折线图需要在折线图的末尾节点添加标注文字,进行显示,是的用户能更加显眼的看到数据分析情况,这就需要使用echarts的markline进行实现:直接贴代码option ={ xAxis: { splitLine: { show: false, }, axisLabel: { color: '#fff', rotate: '35原创 2020-11-30 15:57:48 · 25209 阅读 · 6 评论 -
最全get与post请求的区别
GET和POST两种基本请求方法的区别GET和POST是HTTP请求的两种基本方法,要说它们的区别,接触过WEB开发的人都能说出一二。最直观的区别就是GET把参数包含在URL中,POST通过request body传递参数。基本区别如下: GET在浏览器回退时是无害的,而POST会再次提交请求。 GET产生的URL地址可以被Bookmark,而POST不可以。 GET请求会被浏览器主动cache,而POST不会,除非手动设置。 GET请求只能进行url编码,而原创 2020-10-27 17:14:56 · 136 阅读 · 0 评论 -
js中this绑定的优先级即指向问题
今天抽空对this绑定进行了整理:this绑定规则优先级上面也说过,这里在重复一下。优先级是这样的,以按照下面的顺序来进行判断:1.函数是否在new中调用(new绑定)?如果是的话this绑定的是新创建的对象;var a = 2;function foo(a){ this.a = a;}let bar1 = new foo(3);console.log(bar1.a); // ?let bar2 = new foo(4);console.log(bar2.a); //原创 2020-10-20 11:13:53 · 364 阅读 · 1 评论 -
求数组最大值及最小值原理解析
求数组最大值可采用apply()方法进行实现:var max=Math.max.apply(null,array);实现原理是:Math.max不支持Math.max([param1,param2])也就是数组,但是它支持Math.max(param1,param2...),所以可以根据apply的特点来解决 var max=Math.max.apply(null,array),这样就轻易的可以得到一个数组中的最大项(apply会将一个数组转换为一个参数接一个参数的方式传递给方法)这块在原创 2020-10-20 10:59:38 · 1095 阅读 · 0 评论 -
h5梯形tab实现
在开发过程中,产品提出需要一个梯形tab进行pag的切换,如图所示:在网上也找了很多梯形方案,最后都不适用,故采用如下方法进行实现:1.让ui提供三个梯形图片:左直角梯形,右直角梯形,中间等腰梯形2.通过点击事件切换里面的图形进行显示与隐藏即可html代码如下:<div class='yunying_header'> <div class="header_top_two_tab" data-num='0' style='bo原创 2020-08-11 14:05:56 · 1259 阅读 · 0 评论 -
js页面规范基本格式
这是我子工作以来总结的前台js的开发模板,利用闭包的特性很好的避免的页面的全局变量污染/*** 10千伏执行子模块说明*/var createfourltShow= function(name,code,time){//------------------------变量区---------------------------------------//ajax请求根路径...原创 2019-07-17 23:33:13 · 1448 阅读 · 0 评论 -
js获取页面的各种高度大全
1,获取屏幕的高度和宽度(屏幕分辨率):window.screen.heightwindow.screen.width2,获取屏幕工作区域的高度和宽度(去掉状态栏):window.screen.availHeightwindow.screen.availWidth3,网页全文的高度和宽度:document.body.scrollHeightdocument.body...转载 2019-07-17 23:34:51 · 17442 阅读 · 1 评论