随笔分类 -  JS

new Date(date).getTime()不兼容ios系统问题
摘要：接口返回格式为：testDateTime: "2021-10-15T23:59:50" //在安卓上这个写可以获取到的 var time = new Date(testDateTime).getTime(); //但在苹果手机上是不支持的，为NaN，ios系统认得“/”却不认得“-”，所以需要把"- 阅读全文
posted @ 2021-10-11 13:25 CHUNYIN 阅读(335) 评论(0) 推荐(0)
实现map,filter方法
摘要：实现map: <script> /* 实现map()迭代方法 思路: 对于每一项执行的函数 接收3个参数 : 数组项的值, 数组项的下标, 数组对象本身 指定this的作用域 返回每次函数调用结果组成的数组. arr.map(function(item,index,arr) {}, obj) 第二个 阅读全文
posted @ 2020-10-26 20:57 CHUNYIN 阅读(749) 评论(0) 推荐(0)
实现call,apply和bind方法
摘要：实现call 和bind 改变this指向 传入参数 返回结果 <script> /* 实现call() 思路: 改变this指向：可以将目标函数作为这个对象的属性 利用arguments类数组对象实现参数不定长 不能增加对象的属性，所以在结尾需要delete */ Function.prototy 阅读全文
posted @ 2020-10-25 17:26 CHUNYIN 阅读(549) 评论(0) 推荐(0)
JS实现节流与防抖
摘要：概念： 函数防抖(debounce)：触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。 函数节流(throttle)：高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率。 函数节流（throttle）与 函数防抖（debounce）都是为了限制函数 阅读全文
posted @ 2020-10-21 21:54 CHUNYIN 阅读(625) 评论(0) 推荐(0)
数组去重方法
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-10-21 10:27 CHUNYIN 阅读(121) 评论(0) 推荐(0)
commonJS与ES6模块化
摘要：CommonJS 场景 非浏览起-同步 API module.exports：导出模块 exports：是module.exports的引用，建议在单一文件中做导出时只使用两者其一，主要是担心手误互相覆盖。 require：导入模块 特点: 输出module.exports可以得知他本身是个对象，所 阅读全文
posted @ 2020-10-21 00:05 CHUNYIN 阅读(408) 评论(0) 推荐(0)
浅拷贝与深拷贝
摘要：深拷贝和浅拷贝最根本的区别在于是否真正获取一个对象的复制实体，而不是引用 深拷贝和浅拷贝是只针对Object和Array这样的引用数据类型的。 浅拷贝（shallowCopy） 只是增加了一个指针指向已存在的内存地址 深拷贝（deepCopy） 是增加了一个指针并且申请了一个新的内存，使这个增加的指 阅读全文
posted @ 2020-10-15 23:33 CHUNYIN 阅读(345) 评论(0) 推荐(0)
函数表达式
摘要：JS定义函数 方式有两种：一种是函数声明，另一种就是函数表达式 函数声明 函数声明可以定义命名的函数变量 变量声明必须以“function”开头。 函数名在自身作用域和父作用域内是可获取的。 具有函数声明提升 函数表达式 将函数定义为表达式语句（通常是变量赋值）的一部分。 通过函数表达式定义的函数可 阅读全文
posted @ 2020-10-12 17:24 CHUNYIN 阅读(760) 评论(0) 推荐(0)
继承
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-10-12 13:01 CHUNYIN 阅读(142) 评论(0) 推荐(0)
创建对象
摘要：虽然Object 构造函数或对象字面量都可以用来创建单个对象，但这些方式有个明显的缺点：使用同一个接口创建很多对象，会产生大量的重复代码。为解决这个问题，人们开始使用工厂模式的一种变体 工厂模式 这种模式抽象了创建具体对象的过程。考虑到在ECMAScript 中无法创建类，开发人员就发明了一种函数， 阅读全文
posted @ 2020-10-11 14:56 CHUNYIN 阅读(203) 评论(0) 推荐(0)
JSON
摘要：JSON 全称是”JavaScript Object Notation”，意思是JavaScript对象表示法. 它是一种基于文本，独立于语言的轻量级数据交换格式。 JSON是用于序列化对象，数组，数字，字符串，布尔值和null JSON有两种表示结构 对象 { } 数组 [ ] 属性名称必须为双引 阅读全文
posted @ 2020-09-24 18:35 CHUNYIN 阅读(119) 评论(0) 推荐(0)
定时器
摘要：setInterval() 定时调用 可以将一个函数,每隔一段时间执行一次 参数 1. 回调函数,该函数每隔一段时间会被调用 2. 每次调用间隔时间,单位是毫秒ms 返回值: 返回一个Number类型的数据 返回这个数字作为定时器的唯一标识 clearInterval()取消定时器 <!DOCTYP 阅读全文
posted @ 2020-09-22 16:10 CHUNYIN 阅读(120) 评论(0) 推荐(0)
BOM浏览器对象模型
摘要：BOM 浏览器对象模型 BOM可以使我们通过JS来操作浏览器 在BOM中我们提供了一组对象,用来完成浏览器的操作 BOM对象: Window 代表的是整个浏览器的窗口,同时window也是网页中的全局对象 Navigator 代表的是当前浏览器的信息,通过该对象可以识别不同的浏览器 Location 阅读全文
posted @ 2020-09-21 17:00 CHUNYIN 阅读(145) 评论(0) 推荐(0)
事件对象
摘要：事件对象: 当事件的响应函数而被触发时,浏览器每次都会将一个事件对象作为实参传递进响应函数,当事件对象中封装了当前事件相关的一切信息,比如 鼠标的坐标,键盘哪个键按下等 clientX\clientY 用于获取鼠标在当前可见窗口的坐标 pageX\pageY 可以获取鼠标对于当前页面的坐标,IE8不 阅读全文
posted @ 2020-09-19 19:43 CHUNYIN 阅读(351) 评论(0) 推荐(0)
DOM文档对象模型
摘要：DOM 全称Document Object Model 文档对象模型 JS通过DOM来对HTML文档进行操作 文档 表示的就是整个HTML网页文档 对象 表示将网页的每个部分都转换为一个对象 模型 使用模型来表示对象之前的关系,这样方便我们获取对象 节点(Node) 是构成HTML文档最基本的单元 阅读全文
posted @ 2020-09-15 09:52 CHUNYIN 阅读(161) 评论(0) 推荐(0)
正则表达式
摘要：正则表达式用于定义一些字符串的规则,计算机可以根据正则表达式来检查一个字符串是否符合规则,获取符合规则的内容取出来 创建正则表达式: var reg = new RegExp("正则表达式", "匹配模式") 第二个参数可以传匹配模式 i表示忽略大小写,g 表示全局 var reg = new Re 阅读全文
posted @ 2020-09-15 01:02 CHUNYIN 阅读(217) 评论(0) 推荐(0)
字符串的相关方法
摘要：在底层字符串是以字符数组的形式保存的 "hello" => ['h', 'e', 'l', 'l' ,'o'] <script> var str ="hello" var str2 = "12,34,56,7,9" // charAt()根据索引返回指定位置的字符 类似str[] var a = s 阅读全文
posted @ 2020-09-15 00:21 CHUNYIN 阅读(167) 评论(0) 推荐(0)
js基本知识
摘要：一. 特点: 解释型语言 基于原型的面向对象语言 二. 注释 /* 多行注释, 注释内容不会被执行,但是可以在源码中查看 */ //单行注释 三.书写规则: .必须区分大小写 每一条语句以分号结尾, 如果不以分好结尾,浏览器会自动添加,但是会消耗一部分资源,而且浏览器加分号 可能会出错,所以在开发中 阅读全文
posted @ 2020-09-06 00:30 CHUNYIN 阅读(339) 评论(0) 推荐(0)