![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
文章平均质量分 53
beichen3997
每一天都是一个进步
展开
-
JS中for循环的作用
for循环原创 2022-10-20 15:47:32 · 134 阅读 · 0 评论 -
JS doctype的作用
那么 compatMode 默认就是 BackCompat,浏览器按照自己的方式解析渲染页面)doctype在 html中的作用就是触发浏览器的标准模式,否则为怪异模式;告诉浏览器按照何种规范解析页(如果你的页面没有 DOCTYPE 的声明,不同浏览器在怪异模式下会有一些不同的表现,不建议使用怪异模式;* doctype是一种标准通用标记语言的文档类型声明;doctype一定需要写html上面才会生效;* 告知浏览器文档使用哪种 HTML 或 XHTML 规范。原创 2022-10-20 15:43:20 · 160 阅读 · 0 评论 -
JS中this的了解及应用场景
Q1:函数执行,看方法前面是否有“点”,没有“点”,this是window「严格模式下是undefined」,有“点”,“点”前面是谁this就是谁。* Q2:给当前元素的某个事件行为绑定方法,当事件行为触发,方法中的this是当前元素本身「排除attachEvent」* Q4:箭头函数中没有执行主体,所用到的this都是其所处上下文中的this。* this执行主体,谁把它执行的「和在哪创建&在哪执行都没有必然的关系」* + 掌握this的好玩应用:鸭子类型。原创 2022-10-20 15:39:14 · 107 阅读 · 0 评论 -
JS数据检测原理
类型检测原创 2022-10-20 15:03:58 · 108 阅读 · 0 评论 -
一文帮你搞定 JS 手写题!面试手写题不慌了
1.call的实现 第一个参数为null或者undefined时,this指向全局对象window,值为原始值的指向该原始值的自动包装对象,如 String、Number、Boolean 为了避免函数名与上下文(context)的属性发生冲突,使用Symbol类型作为唯一值 将函数作为传入的上下文(context)属性执行 函数执行完成后删除该属性 返回执行结果 Function.prototype.myCall=function(context,....原创 2021-08-06 13:59:51 · 191 阅读 · 0 评论 -
javascript——原型与原型链
一、prototype在JavaScript中,每个函数都有一个prototype属性,这个属性指向函数的原型对象。例如:function Person(age) { this.age = age }Person.prototype.name = 'kavin'var person1 = new Person()var person2 = new Person()console.log(person1.name) //kavinconsole.log(perso原创 2020-10-19 10:36:46 · 146 阅读 · 0 评论 -
基准测试js
console.time('Timer1');var items = [];for(var i = 0; i < 100000; i++){ items.push({index: i});}console.timeEnd('Timer1');结果Timer1: 13.076904296875ms原创 2020-09-24 17:05:11 · 173 阅读 · 0 评论 -
CSS3中各个浏览器内核兼容的设置
1.-moz-:代表FireFox浏览器私有属性2.-ms-:代表IE浏览器私有属性3.-webkit-:代表safari、chrome浏览器私有属性4.-o-:代表opera浏览器私有属性IE9以下的浏览器不支持HTML5标签,所以需要导入一个html5.js补丁,原理是通过JS来生成HTML5新标签对象。因为本着移动优先的原则,现在写CSS都会用media query(响应式设计),IE8以下的浏览器不支持media query,这会导致@media 声明的C...原创 2020-09-09 13:46:38 · 409 阅读 · 0 评论 -
中文排序
var arr = ['南京', '北京','-','','', '上海','北京', '杭州', '北京','深圳','-']; function sortChinese (arr) { // 参数: 排序的数组 arr.sort(function (item1, item2) { console.log(item1.localeCompare(item2, 'zh-CN'))...原创 2020-04-03 11:19:39 · 125 阅读 · 0 评论 -
JS中获取当前日期(年-月-日)
很多时候我们需要在前台获取当前日期,但是可能后台并不能传过来,这个时候就需要用JS代码来获取当年日期,目前只总结出一种获得(yyyyMMdd)的日期格式,JS代码如下:/ 获取当前日期var date = new Date();// 获取当前月份var nowMonth = date.getMonth() + 1;// 获取当前是几号var strDate = date.get...原创 2020-03-31 16:57:09 · 13261 阅读 · 0 评论 -
Echarts常用配置(折线图阴影渐变,柱状图堆叠,柱状图顶部显示数量,饼图引导线配置,饼图引导线末加圆点效果)
1.折线图与柱状图鼠标hover效果 tooltip:{ width:20, axisPointer:{ type:'shadow' }, fommatter(params){ return params[0] //params是图表数据,为数组,在有两个数据(折线图或柱状图堆叠的情况)的情况下可通过param...原创 2020-03-04 15:53:46 · 1600 阅读 · 0 评论 -
echarts悬浮提示框之formatter 函数
要求:在图表用条形图显示一部分数据,其余数据采用悬浮提示框显示。说明:在echarts中的series要求的数据格式如下series: [{name: '直接访问',type: 'bar',stack: '总量',label: {no...原创 2020-03-04 15:48:40 · 1645 阅读 · 0 评论 -
模拟跳动的wify
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> html { height: 100%; } body { height: 100%; b...原创 2019-10-25 18:51:52 · 134 阅读 · 0 评论 -
跳动的舞蹈
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> /* ----- Loader ----- */ body { background-color: #55c1FA...原创 2019-10-25 18:44:25 · 194 阅读 · 0 评论 -
进度条动画
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>loading</title> <style> body { background: #000; } canvas { backgr...原创 2019-10-25 18:36:47 · 183 阅读 · 0 评论 -
在数组中删除对象
this.multipleSelection.map((value)=>{ if(JSON.stringify(this.tableData3).indexOf(JSON.stringify(value)) !== -1){ console.log(JSON.stringify(this.tableData...原创 2019-03-07 10:00:58 · 197 阅读 · 0 评论 -
权限动态函数
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script> var arr=[ { path: '/con...原创 2019-03-21 17:01:40 · 125 阅读 · 0 评论 -
js动态验证码防刷
<!DOCTYPE html><html><head><meta charset="utf-8"/><script src=""></script><style> .drag{ width: 300px; height: 40px; line-height: 40px; ...原创 2019-03-28 10:51:35 · 664 阅读 · 0 评论 -
在标签中直接调用js
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div><a href="javascrip...原创 2019-04-23 11:17:41 · 723 阅读 · 0 评论 -
帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)
作为一名前端工程师,必须搞懂JS中的prototype、__proto__与constructor属性,相信很多初学者对这些属性存在许多困惑,容易把它们混淆,本文旨在帮助大家理清它们之间的关系并彻底搞懂它们。这里说明一点,__proto__属性的两边是各由两个下划线构成(这里为了方便大家看清,在两下划线之间加入了一个空格:_ _proto_ _),本文基于谷歌浏览器(版本 72.0.3626.1...原创 2019-04-28 10:04:19 · 132 阅读 · 0 评论 -
JS继承的几种方式
JS继承的几种方式(1) 属性拷贝就是将对象的成员复制一份给需要继承的对象// 创建父对象var superObj = { name: 'Li', age: 25, friends: ['小明', '小李', '小赵'], showName: function(){ alert(this.name); }}// 创建需要继承的子对象var s...转载 2019-04-24 10:57:33 · 85 阅读 · 0 评论 -
为什么要做A.prototype.constructor=A这样的修正?
问题虽然看过这篇博文JavaScript prototype之后对原型理解不再那么模糊了,但是依然还有很多理解不甚透彻的地方。比如,今天看到一个原型式继承的例子,又有些困惑,于是找了些帖子看看,有了一些自己的理解,贴在这里,希望理解不对的地方大家可以帮我指出来,多谢了!先看一段代码:function Person(){ console.log("in 'Person'");...转载 2019-04-24 13:25:10 · 163 阅读 · 0 评论 -
一张图理解prototype、proto和constructor的三角关系
javascript里的关系又多又乱。作用域链是一种单向的链式关系,还算简单清晰;this机制的调用关系,稍微有些复杂;而关于原型,则是prototype、proto和constructor的三角关系。本文先用一张图开宗明义,然后详细解释原型的三角关系图示概念 上图中的复杂关系,实际上来源就两行代码function Foo(){};var f1 = new...转载 2019-04-24 13:37:23 · 117 阅读 · 0 评论 -
JavaScript代码执行的先后顺序问题
一、js--->单线程 严格意义上来说,javascript没有多线程的概念,所有的程序都是单线程依次执行的。 1、什么是单线程? 通俗点说,就是代码在执行过程中,另一段代码想要执行就必须等当前代码执行完成后才可以进行。我们拿一段代码来解释一下吧? 1 2 3 4 5 for(var i=1;i<=...转载 2019-04-24 15:12:21 · 416 阅读 · 0 评论 -
理解JavaScript中的堆和栈
这里先说两个概念:1、堆(heap)2、栈(stack)堆是堆内存的简称。栈是栈内存的简称。说到堆栈,我们讲的就是内存的使用和分配了,没有寄存器的事,也没有硬盘的事。各种语言在处理堆栈的原理上都大同小异。堆是动态分配内存,内存大小不一,也不会自动释放。栈是自动分配相对固定大小的内存空间,并由系统自动释放。javascript的基本类型就5种:Undefined、Null、Boolean...转载 2019-04-29 11:06:29 · 161 阅读 · 0 评论 -
移动端双指缩放事件(原生),e.originalEvent.touches
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>双指缩放事件</title></head><body> <div class="full-bgimg"> </div>...转载 2019-05-08 11:27:49 · 1377 阅读 · 0 评论 -
JS实现水印效果
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>水印</title></head><body> <div class="warp"> ...原创 2019-07-12 16:08:50 · 649 阅读 · 0 评论 -
iframe重复下载问题解决方案
Vue.prototype.createDownloadUrl = function(url) { // //获得id为downLoadListFrame的frame var divFrame = window.parent.document.getElementById("downLoadListFrame") //判...原创 2019-07-30 18:11:42 · 1958 阅读 · 2 评论 -
正则表达式详解
1.\ : 将下一个字符标记为一个特殊字符、或一个原义字符、或一个 向后引用、或一个八进制转义符。例如,'n' 匹配字符 "n"。'n' 匹配一个换行符。序列 '\' 匹配 "" 而 "(" 则匹配 "("。2.^:匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multiline 属性,^ 也匹配 'n' 或 'r' 之后的位置。3.$:匹配输入字符串的结束位置。如果设置了R...转载 2018-12-17 10:15:56 · 409 阅读 · 0 评论