随笔分类 -  【003】JavaScipt

摘要:话不多说直接上demo: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <body> 8 <div class="contain 阅读全文
posted @ 2020-07-31 19:06 给时光以生命 阅读(431) 评论(0) 推荐(0)
摘要:数组和对象应用 》let arr1=[5,4,3,2]; //定义数组 arr1[2] 》let arr2=[0,1,[2,3],4]; //二级数组,嵌套数组 arr2[2][1] 》let arr3=[4,3,{"name":"lucas"},1] //数组对象 arr3[2].name 》le 阅读全文
posted @ 2020-06-18 01:54 给时光以生命 阅读(535) 评论(0) 推荐(0)
摘要:最近一直在做前端js错误监控的工作,在不断的打磨和完善中,发现里面还是知识点不少,现在就前端js错误监控做一些笔记和总结 为什么要做前端错误监控? 1. 为了保证产品的质量 2. 有些问题只存在于线上特定的环境 3. 后端错误有监控,前端错误没有监控 下面会讲: 前端错误的分类 错误的捕获方式 上报 阅读全文
posted @ 2020-02-29 20:56 给时光以生命 阅读(690) 评论(0) 推荐(0)
摘要:原型链 创建 (声明) 对象有几种方法 原型、构造函数、实例、原型链 的原理 new 运算符 一. 创建对象有几种方法 1.字面量 2.构造函数new new的作用: 1.创了一个新对象; 2.this指向构造函数; 3.构造函数有返回,会替换new出来的对象,如果没有就是new出来的对象 3.内置 阅读全文
posted @ 2020-01-30 23:34 给时光以生命 阅读(1132) 评论(0) 推荐(0)
摘要:我喜欢优化! 但是,如果站点无法在用户的 浏览器中运行,他们不会在乎我的优化代码。 我使用 "Endtest" 来创建自动测试,并在跨浏览器的云上执行它们。 "Netflix" 使用相同的工具来测试他们的 。 你应该查看 "文档" 下面是9个极其强大的 技巧。 1.全部替换 我们知道 函数只能替换第 阅读全文
posted @ 2019-12-31 23:04 给时光以生命 阅读(377) 评论(0) 推荐(0)
摘要:数组和字符串有很多相似的对方,比如数组和字符串都有以下方法: 1. concat 2. indexOf 3. lastIndexOf 4. slice 5. includes 鉴于toString及valueOf方法基本类型都有,这里就不做过多介绍了 1、数组中indexOf和较数组中include 阅读全文
posted @ 2019-12-19 14:33 给时光以生命 阅读(2149) 评论(0) 推荐(0)
摘要:闭包是Javascript语言特有的"链式作用域"结构(chain scope)变量的作用域有三种:全局作用域和局部作用域以及块作用域(ES6)。,子对象会一级一级地向上寻找所有父对象的变量。所以,父对象的所有变量,对子对象都是可见的,反之则不成立。 闭包:JavaScript高级程序设计里写闭包是 阅读全文
posted @ 2019-11-10 11:08 给时光以生命 阅读(905) 评论(0) 推荐(0)
摘要:1.前言 作为一名前端工程师,必须搞懂JS中的prototype、__proto__与constructor属性,相信很多初学者对这些属性存在许多困惑,容易把它们混淆,本文旨在帮助大家理清它们之间的关系并彻底搞懂它们。这里说明一点,__proto__属性的两边是各由两个下划线构成(这里为了方便大家看 阅读全文
posted @ 2019-10-31 23:44 给时光以生命 阅读(559) 评论(0) 推荐(0)
摘要:首先,先吓唬一下我们的小白们!在js中的描述宽高的可以细分有22种。属性根据不同的兼容性也分为五种 window.innerWidth //除去菜单栏的窗口宽度,与浏览器相关 window.innerHeight//除去菜单栏的窗口高度,与浏览器相关 window.outerWidth//包括菜单栏 阅读全文
posted @ 2019-09-11 21:51 给时光以生命 阅读(696) 评论(0) 推荐(1)
摘要:ES6标准新增了一种新的函数:Arrow Function(箭头函数)。 为什么叫Arrow Function?因为它的定义用的就是一个箭头: 语法: 那么箭头函数有哪些特点? 更简洁的语法 没有this 不能使用new 构造函数 不绑定arguments,用rest参数...解决 使用call() 阅读全文
posted @ 2019-07-21 17:15 给时光以生命 阅读(12011) 评论(0) 推荐(0)
摘要:想必学过javascript函数的同学想必能细心的发现,同样是函数,为什么有个函数要加上new关键字呢,加上他们的意义又是什么,作用于什么场景,下面我们就来给大家详细介绍一下。 问题 什么是构造函数? 构造函数的优点与缺点? 构造函数与普通函数区别是什么? 用new关键字的时候到底做了什么? 构造函 阅读全文
posted @ 2019-07-21 11:55 给时光以生命 阅读(1336) 评论(0) 推荐(0)
摘要:event.target 获取的是触发事件的标签元素 event.currentTarget 获取到的是发起事件的标签元素 一、事件属性:event.target target事件委托的定义:本来该自己干的事,但是自己不干,交给别人来干 例子1 1 <!DOCTYPE html> 2 <html> 阅读全文
posted @ 2019-06-30 14:54 给时光以生命 阅读(6422) 评论(0) 推荐(0)
摘要:首先一个常识就是,在浏览器执行JS脚本过程中,当出现脚本错误,并且你没有手动进行异常捕捉时,他会在浏览器下面出现黄色的叹号,这是正常的,这也不是最重要的,最重要的是,出错行以下的所有JS代码将中停执行,这是我们不希望看到的,所以说,对于自己写的,拿不准的脚本还是加上异常捕捉比较好。 try: 语句测 阅读全文
posted @ 2019-06-23 22:41 给时光以生命 阅读(16392) 评论(1) 推荐(0)
摘要:冒泡排序算法 例子:10,8,9,6,4,20,5 从小到大排序 第一轮 1)10>8 交换数据 得到:8,10,9,6,4,20,5 2)10>9 交换数据 得到:8,9,10,6,4,20,5 3)10>6 交换数据 得到:8,9,6,10,4,20,5 4)10>4 交换数据 得到:8,9,6 阅读全文
posted @ 2019-05-31 18:03 给时光以生命 阅读(1674) 评论(0) 推荐(0)
摘要:1.单选框/手风琴 1 <script> 2 $(document).ready(function(){ 3 $("dd").on("click",function(){ 4 var $this = $(this); 5 $("dd").removeClass("selected"); 6 $thi 阅读全文
posted @ 2019-05-23 16:52 给时光以生命 阅读(1010) 评论(1) 推荐(1)
摘要:鉴于 ECMAScript 是松散类型的,因此需要有一种手段来检测给定变量的数据类型。对于这个问题,JavaScript 也提供了多种方法,但遗憾的是,不同的方法得到的结果参差不齐。 下面介绍常用的几种方法,并对各个方法存在的问题进行简单的分析 1.typeof返回的是类型名包括以下 7 种:num 阅读全文
posted @ 2019-05-16 14:23 给时光以生命 阅读(1502) 评论(0) 推荐(0)
摘要:1.通过CreateTextNode文本节点 首先创建该元素(元素节点),然后向一个已存在的元素追加该文本节点 2.通过innerHTML属性 3.通过替换某元素的文本内容:innerHTML与CreateTextNode结合实现追加文本内容 阅读全文
posted @ 2019-05-05 01:54 给时光以生命 阅读(10327) 评论(0) 推荐(0)
摘要:在对网页进行调试的过程中,经常会用到js来获取元素的CSS样式, 1.下面的方法只能JS只能获取写在html标签中的写在style属性中的值(style=”…”),而无法获取定义在<style type="text/css">里面的样式属性值 代码运行后,顺利弹出第一个div的宽度、高度,但是最后一 阅读全文
posted @ 2019-05-04 22:29 给时光以生命 阅读(2273) 评论(2) 推荐(1)
摘要:1.创建属性 2.获取属性 3.删除属性(文字颜色) 如果仅仅只是添加类:document.getElementById("myDIV").classList.add("mystyle") 阅读全文
posted @ 2019-05-04 20:02 给时光以生命 阅读(2113) 评论(0) 推荐(0)
摘要:1. 添加新元素 2.删除已有元素 阅读全文
posted @ 2019-05-04 18:52 给时光以生命 阅读(3594) 评论(0) 推荐(1)