JS
关注
分享
扫一扫
文章平均质量分 53
beichen3997
每一天都是一个进步
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JS中for循环的作用
for循环原创 2022-10-20 15:47:32 · 177 阅读 · 0 评论 -
JS doctype的作用
那么 compatMode 默认就是 BackCompat,浏览器按照自己的方式解析渲染页面）doctype在 html中的作用就是触发浏览器的标准模式,否则为怪异模式;告诉浏览器按照何种规范解析页（如果你的页面没有 DOCTYPE 的声明，不同浏览器在怪异模式下会有一些不同的表现，不建议使用怪异模式;* doctype是一种标准通用标记语言的文档类型声明;doctype一定需要写html上面才会生效;* 告知浏览器文档使用哪种 HTML 或 XHTML 规范。原创 2022-10-20 15:43:20 · 212 阅读 · 0 评论 -
JS中this的了解及应用场景
Q1:函数执行，看方法前面是否有“点”，没有“点”，this是window「严格模式下是undefined」，有“点”，“点”前面是谁this就是谁。* Q2:给当前元素的某个事件行为绑定方法，当事件行为触发，方法中的this是当前元素本身「排除attachEvent」* Q4:箭头函数中没有执行主体，所用到的this都是其所处上下文中的this。* this执行主体，谁把它执行的「和在哪创建&在哪执行都没有必然的关系」* + 掌握this的好玩应用：鸭子类型。原创 2022-10-20 15:39:14 · 150 阅读 · 0 评论 -
JS数据检测原理
类型检测原创 2022-10-20 15:03:58 · 143 阅读 · 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 · 288 阅读 · 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 · 172 阅读 · 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 · 211 阅读 · 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 · 458 阅读 · 0 评论 -
中文排序
var arr = ['南京', '北京','-','','', '上海','北京', '杭州', '北京','深圳','-']; function sortChinese (arr) { // 参数： 排序的数组 arr.sort(function (item1, item2) { console.log(item1.localeCompare(item2, 'zh-CN'))...原创 2020-04-03 11:19:39 · 145 阅读 · 0 评论 -
JS中获取当前日期（年-月-日）
很多时候我们需要在前台获取当前日期，但是可能后台并不能传过来，这个时候就需要用JS代码来获取当年日期，目前只总结出一种获得(yyyyMMdd)的日期格式，JS代码如下：/ 获取当前日期var date = new Date();// 获取当前月份var nowMonth = date.getMonth() + 1;// 获取当前是几号var strDate = date.get...原创 2020-03-31 16:57:09 · 13752 阅读 · 0 评论 -
Echarts常用配置(折线图阴影渐变，柱状图堆叠，柱状图顶部显示数量，饼图引导线配置，饼图引导线末加圆点效果)
1.折线图与柱状图鼠标hover效果 tooltip:{ width:20, axisPointer:{ type:'shadow' }, fommatter(params){ return params[0] //params是图表数据，为数组，在有两个数据（折线图或柱状图堆叠的情况）的情况下可通过param...原创 2020-03-04 15:53:46 · 1717 阅读 · 0 评论 -
echarts悬浮提示框之formatter 函数
要求：在图表用条形图显示一部分数据，其余数据采用悬浮提示框显示。说明：在echarts中的series要求的数据格式如下series: [{name: '直接访问',type: 'bar',stack: '总量',label: {no...原创 2020-03-04 15:48:40 · 1759 阅读 · 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 · 163 阅读 · 0 评论 -
跳动的舞蹈
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> /* ----- Loader ----- */ body { background-color: #55c1FA...原创 2019-10-25 18:44:25 · 216 阅读 · 0 评论 -
进度条动画
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>loading</title> <style> body { background: #000; } canvas { backgr...原创 2019-10-25 18:36:47 · 216 阅读 · 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 · 232 阅读 · 0 评论 -
权限动态函数
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script> var arr=[ { path: '/con...原创 2019-03-21 17:01:40 · 169 阅读 · 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 · 719 阅读 · 0 评论 -
在标签中直接调用js
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div><a href="javascrip...原创 2019-04-23 11:17:41 · 754 阅读 · 0 评论 -
帮你彻底搞懂JS中的prototype、__proto__与constructor（图解）
作为一名前端工程师，必须搞懂JS中的prototype、__proto__与constructor属性，相信很多初学者对这些属性存在许多困惑，容易把它们混淆，本文旨在帮助大家理清它们之间的关系并彻底搞懂它们。这里说明一点，__proto__属性的两边是各由两个下划线构成（这里为了方便大家看清，在两下划线之间加入了一个空格：_ _proto_ _），本文基于谷歌浏览器（版本 72.0.3626.1...原创 2019-04-28 10:04:19 · 157 阅读 · 0 评论 -
JS继承的几种方式
JS继承的几种方式(1) 属性拷贝就是将对象的成员复制一份给需要继承的对象// 创建父对象var superObj = { name: 'Li', age: 25, friends: ['小明', '小李', '小赵'], showName: function(){ alert(this.name); }}// 创建需要继承的子对象var s...转载 2019-04-24 10:57:33 · 106 阅读 · 0 评论 -
为什么要做A.prototype.constructor=A这样的修正？
问题虽然看过这篇博文JavaScript prototype之后对原型理解不再那么模糊了，但是依然还有很多理解不甚透彻的地方。比如，今天看到一个原型式继承的例子，又有些困惑，于是找了些帖子看看，有了一些自己的理解，贴在这里，希望理解不对的地方大家可以帮我指出来，多谢了！先看一段代码：function Person(){ console.log("in 'Person'");...转载 2019-04-24 13:25:10 · 186 阅读 · 0 评论 -
一张图理解prototype、proto和constructor的三角关系
javascript里的关系又多又乱。作用域链是一种单向的链式关系，还算简单清晰；this机制的调用关系，稍微有些复杂；而关于原型，则是prototype、proto和constructor的三角关系。本文先用一张图开宗明义，然后详细解释原型的三角关系图示概念 上图中的复杂关系，实际上来源就两行代码function Foo(){};var f1 = new...转载 2019-04-24 13:37:23 · 151 阅读 · 0 评论 -
JavaScript代码执行的先后顺序问题
一、js--->单线程 严格意义上来说，javascript没有多线程的概念，所有的程序都是单线程依次执行的。 1、什么是单线程？ 通俗点说，就是代码在执行过程中，另一段代码想要执行就必须等当前代码执行完成后才可以进行。我们拿一段代码来解释一下吧? 1 2 3 4 5 for(var i=1;i<=...转载 2019-04-24 15:12:21 · 449 阅读 · 0 评论 -
理解JavaScript中的堆和栈
这里先说两个概念：1、堆（heap）2、栈（stack）堆是堆内存的简称。栈是栈内存的简称。说到堆栈，我们讲的就是内存的使用和分配了，没有寄存器的事，也没有硬盘的事。各种语言在处理堆栈的原理上都大同小异。堆是动态分配内存，内存大小不一，也不会自动释放。栈是自动分配相对固定大小的内存空间，并由系统自动释放。javascript的基本类型就5种:Undefined、Null、Boolean...转载 2019-04-29 11:06:29 · 194 阅读 · 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 · 1444 阅读 · 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 · 685 阅读 · 0 评论 -
iframe重复下载问题解决方案
Vue.prototype.createDownloadUrl = function(url) { // //获得id为downLoadListFrame的frame var divFrame = window.parent.document.getElementById("downLoadListFrame") //判...原创 2019-07-30 18:11:42 · 2132 阅读 · 2 评论 -
正则表达式详解
1.\ : 将下一个字符标记为一个特殊字符、或一个原义字符、或一个 向后引用、或一个八进制转义符。例如，'n' 匹配字符 "n"。'n' 匹配一个换行符。序列 '\' 匹配 "" 而 "(" 则匹配 "("。2.^：匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multiline 属性，^ 也匹配 'n' 或 'r' 之后的位置。3.$：匹配输入字符串的结束位置。如果设置了R...转载 2018-12-17 10:15:56 · 478 阅读 · 0 评论