![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
原生一些基础知识
致我逝去的青春
人生可以浓缩成三句话:1、你的责任就是你的方向,你的经历就是你的资本,你的性格就是你的命运。2、复杂的事情简单做,你就是专家;简单的事情重复做,你就是行家;重复的事情用心做,你就是赢家。3、美好是属于自信者的,机会是属于开拓者的,奇迹是属于执著者的
展开
-
js 事件行为以及传播和委托
事件 事件:浏览器的一种行为,也可以是用户行为 发生在HTML元素上事件 src是异步的 onclick onmouseover onmouseout onmouseenter onmouseleave onmousemove ondblclick onkeydown onkeyup onkeypress ontouchst...原创 2020-01-12 19:07:45 · 174 阅读 · 0 评论 -
js 发布订阅,移动端简单事件,h5新增属性
发布订阅 先进行订阅,订阅时把事件存储到一个事件池中,然后到了条件成立时,遍历事件池中的方法,把订阅的方法都执行; let box = document.getElementById("box"); // 订阅 function on(curEle,type,fn){ if(!curEle[type]){// 第一次进来,给其...原创 2020-01-12 20:41:51 · 1656 阅读 · 0 评论 -
ajax请求解析
ajaxajax请求执行步骤 $.ajax({ url:"", type:"post", data:{ userName:a.value, passWord:b.value }, success:functi...原创 2020-02-06 21:04:40 · 248 阅读 · 0 评论 -
重写promise 写一个类似于promise的方法
1.重写promise 写一个类似于promise的方法 // promise 内置类 //重写promise 写一个类似于promise的方法 class MyPromise{ constructor(excutor){//当new Mypromise constructor执行l //this -》Promise 的实例 ...原创 2020-03-05 12:44:42 · 557 阅读 · 0 评论 -
了解前后端联调,认识webpack,以及ES6import命令
1.前后端联调1.什么是前后端联调? 前后端联合调试 调试接口 当前后端阶段性开发完一个模块以后,前后端项目都提交,后端启动服务,前端向服务器发送请求,看能不能拿到后端真实的数据,这个验证双方接口的过程就是前后端流程2.为什么前后端联调? 前后端分离 前后端开发之前由后端制定接口文档,接口文档制定了每一个请求的地址 参数 请求方式;后端根据接口文档写代码3.公司什么时...原创 2020-03-05 14:32:06 · 339 阅读 · 0 评论 -
js盒子模型 js图片懒加载例子
js盒子模型client 系列 clientWidth : 当前元素可视区域的宽度 = 宽度+左右padding clientHeight : 当前元素可视区域的高度 = 高度+上下padding clientLeft: 获取当前元素左边框的宽度 clientTop: 获取当前元素上边框的高度 ...原创 2020-01-12 17:17:15 · 202 阅读 · 0 评论 -
js 正则 数据类型检测四种方式
数据类型检测1.typeof 1.返回字符串,字符串包含了对应数据类型 2.不能检测null 3.不能检测对象数据类型2.instanceof 检测实例是否属于某个类的方法 1.只要当前类的原型在当前实例的原型上,都是true 2.只有改变了当前实例的原型链,检测结果就不再准确 3.不能检测字面量方式创建的基本...原创 2020-01-05 23:25:12 · 1541 阅读 · 0 评论 -
js 函数三种角色;四种继承;call,apply ,bind ;类数组转数组
函数的三种角色 1.普通函数 形参实参 arguments return 执行过程 1.形成私有作用域->2.形参赋值->3.变量提升->4.对this进行指向->5.代码从上到下执行->6.作用域是否销毁 function fn(){} 2.构造函数(类) 1.形成私有作用域->2.形参赋值-...原创 2020-01-05 22:29:36 · 166 阅读 · 0 评论 -
js原型,对象,面向对象,构造函数
单例模式和工厂模式 单例模式 把描述同一个事物特征的信息进行分组归类,放到同一个命名空间下(减少全局变量的污染) var name = 'erya'; var age = 18; var name = 'jinyu'; var age = 23; console.log(name)//jinyu ...原创 2019-12-23 23:29:46 · 113 阅读 · 0 评论 -
js 堆栈内存的销毁 this出现的情况
堆栈内存的销毁 打开一个页面,浏览器会形成两个虚拟的内存:堆内存、栈内存 栈内存存储了:变量、基本数据类型值、地址 堆内存存储了:存储了引用数据类型的值 全局作用域、私有作用域都是栈内存,为代码执行提供必要的环境,理论上来说,存储的东西越少,运行的越快堆内存的销毁 • 谷歌浏览器:谷歌浏览器每隔一段时间就会在当前作用域从头到尾检查一遍,看看有没有没有被占用的空间地址,如果有,就...原创 2019-12-13 10:15:26 · 492 阅读 · 0 评论 -
js 作用域和变量提升
JS 作用域作用域(栈内存、执行上下文)全局作用域(全局栈内存) 浏览器打开一个页面,开始运行时率先形成一个栈内存,这个栈内存又叫全局作用域,为代码提供执行环境,在全局作用域下会生成一个全局的大对象叫window。 浏览器打开,生成的全局作用域一般不销毁,直到页面关闭。console.log(window.Number)` 全局变量在全局作用域下声明的变量就是全局变量 全局变量...原创 2019-12-06 00:18:03 · 241 阅读 · 0 评论 -
js 验证码案例 以及 排序 去重的三种方式
js基础知识应用JS简单小记事本<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin:0;...原创 2019-11-28 18:03:12 · 198 阅读 · 0 评论 -
js 选项卡,隐藏显示,定时器案例
JS小方块 随颜色变化宽高<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; pad...原创 2019-11-28 17:47:12 · 413 阅读 · 0 评论 -
js DOM和节点的使用以及增删改查
js基础知识获取DOM的方式及 节点的操作获取DOM的方式1.document.documentElement 获取HTML2.document.head 获取head3.document.body 获取body4.document.getElementById() 在document上下文中获取元素(通过Id获取的元素是一个元素对象,获取不到就是null)5.con...原创 2019-11-28 17:32:58 · 177 阅读 · 0 评论 -
js数组,字符串的方法,以及Date Math的使用
js基础知识数组的方法数组的增删改1.push()方法的定义: - 向数组末尾增加内容方法的参数: - 传递多个值方法的返回值: - 新增数组的length原有数组是否发生改变: - 是let ary = [12,23,34];console.log(ary.push(12,66,'erYa'))//6 方法的返回值console.log(ary)//[...原创 2019-11-28 17:02:13 · 276 阅读 · 1 评论 -
js 函数解析及出现null,undefined的情况
js 基础知识JS中的简单属性及常用函数(需完善)属性 style属性: - 获取元素的行内样式,并控制 className属性: - 获取元素的class名,并控制 innerHtml属性: - 获取元素里的内容,并修改(可以识别标签) innerText属性: - 获取元素里的内容,并修改 box.style box.innerHTML box.innerTe...原创 2019-11-28 15:26:50 · 1184 阅读 · 0 评论 -
js判断语句,代码运行机制及数据类型检测
js基础知识判断语句三个判断: if else 三元运算符 switch caseif else如果括号中只有一个值,默认转布尔值如果在对象中,属性名不存在,那么获取的属性值永远是undefinedif(3){ console.log(100);}else{ console.log(200);}//3-->true ...原创 2019-11-28 12:36:07 · 282 阅读 · 0 评论 -
js 命名规范,创建变量,及数据类型的比较规则
JS 基础知识浏览器浏览器控制台Elements: 显示页面中的结构和样式(还可以临时修改)Console: 可以运行代码,可以打印页面中代码的内容Sources: 存放的是页面的静态资源文件NetWork: 里边是所有的数据请求浏览器的内核webkit (v8引擎)Chromesafari手机浏览器国产浏览器GeckoFireFoxProstoO...原创 2019-11-28 11:56:34 · 210 阅读 · 0 评论 -
ES2020的一些新特性
前言 ES2020 是 ECMAScript 对应 2020 年的版本。 这个版本不像 ES6 (ES2015)那样包含大量新特性。但也添加了许多有趣且有用的特性。1.私有类变量# 类的主要目的之一是将我们的代码包含在可重用的模块中。 因为您将创建一个在许多不同地方使用的类,所以您可能不希望其中的所有内容在全局范围内都可用。 现在,通过在变量或函数前面添加一个简单的哈希符号,我们可以将它们完全保留,给类内部使用class Message { #message = "Howdy"转载 2020-07-06 17:27:47 · 800 阅读 · 0 评论