随笔分类 - 原生js
1
摘要：所谓的设计模式，就是为了解决特定的问题，进而定义的程序的一种书写方式 目的：就是为了优化代码，减少冗余 一、工厂模式 将重复冗余的定义对象属性和方法的程序封装在一个函数内，调用函数就可以完成对对象的定义 定义一个函数，生成一个对象，添加上方法、属性、再返回这个对象 1 function create
阅读全文
摘要：继承的概念：让一个对象可以访问到另一个对象中的属性和方法 一、构造函数继承 构造函数：本质还是一个函数，是一个专门生成对象的函数，生成的对象有属性属性值，还有函数方法 创建新的构造函数时，有一些属性或者方法，与之前的构造函数相同 为了节约代码，可以从之前的构造函数中，继承属性和方法 对不同的属性和方
阅读全文
摘要：闭包就是能够读取其他函数内部变量的函数 一、闭包简介 闭包的作用：可以读取函数内部的变量 函数的封装 在内存中，定义一个存储空间，赋值一个内存地址，准备存储函数 将函数以类似字符串的形式存储在存储空间中 将存储空间的内存地址，赋值给变量或者函数名称存储 1 function fun2() { 2 c
阅读全文
摘要：cookie是浏览器用来存储前端数据的一种存储机制 本质上是在浏览器内创建一个文档文件，在这个文件中写入数据、存储数据、读取数据 存储在 cookie 文件中的数据，一般是作为整个项目的公共数据使用 一、cookie的时效 cookie中存储的数据，都是带有时效性的，如果是超过了时效性，cookie
阅读全文
摘要：一、http协议 网络传输协议 https http ftp 端口 一般完整的网络地址应该由这三部分组成：协议+地址+端口 http协议是网络协议的一种 与服务器建立连接：需要三次握手 客户端 >服务器：发送请求，第一次握手 客户端：确认客户端自己可以正常发送请求 服务器：确认客户端可以正常发送请求
阅读全文
摘要：一、面向对象概念 关注对象的形式进行开发，面对JavaScript中对象数据类型 面向对象，是一种编程思想、语法、方法、代码编写的方式 面向对象 关注注重对象的操作 可以设定属性/键名 可以设定属性值/键值 可以设定函数 可以将需要执行的程序内容，都定义给对象 调用对象的函数，来执行程序 有Java
阅读全文
摘要：节点：html文件中，所有的内容都是节点 标签对象：也是节点的一种，叫标签节点 DOM操作，实际上就是在操作页面中的节点 1 // 通过标签语法获取节点 2 const oDiv = document.querySelector('div'); 3 const oSpan = document.qu
阅读全文
摘要：一、ES6变量 1、let 变量名称不能重复 1 // var语法中下面写法正确，如果使用let定义变量会报错 2 var int = 100; 3 var int = 200; 不能预解释/预解析 预解释只会解释var和function两个关键词声明的变量 不会预解释let、const声明的变量
阅读全文
摘要：一、事件的传播和阻止 事件的传播：点击后代标签时，会触发所有父级标签相同类型的事件 执行顺序：从当前标签向父级元素执行，也就是执行当前标签的事件，再逐一执行父级标签的事件 捕获顺序：当前标签触发事件，会寻找父级标签上相同的事件类型一起执行 冒泡机制：IE浏览器，从子级开始，向父级获取具有相同的事件类
阅读全文
摘要：一、BOM操作 Browser Object Model 浏览器对象模型 window 对象中存储所有对浏览器操作的方法 window 顶级对象中存储的方法可以不写window，也能正常调用 1 window.alert('我是弹窗功能1111'); 2 alert('我是弹窗功能2222'); 1
阅读全文
摘要：一、对象的定义 object / obj 存储数据方式：属性: 属性值 定义方式： 1、字面量：通过{}来定义一个空对象 1 var obj = {}; 2、构造函数 1 var obj = new Object(); 与数组的区别： 数组只能使用索引下标，不能使用字符串下标 对象可以使用字符串作为
阅读全文
摘要：一、基本概念 字符串又称作包装数据类型，当我们对字符串进行操作时，字符串会把自己包装成伪数组的形式 所谓的伪数组，就是像数组一样，可以使用[]语法通过索引下标，来进行操作 并且具有length属性 但是伪数组的操作方法和数组不同，例如 push()、pop()、join()、forEach()等等，
阅读全文
摘要：一、基本概念 基本语法： 1、字面量方法： 1 var 变量 = [数据1, 数据2, 数据3, ...]; 2、构造函数定义： 1 var 变量 = new Array(); 数组中存储的数据类型，可以是JavaScript支持的任意数据类型 如果存储的是一个变量，会解析变量中的数据，存储在数组中
阅读全文
摘要：函数：函数就是实现功能的代码模块 作用：方便我们反复调用，执行程序，实现效果 注意：函数定义时，只是在定义封装程序，并没有执行程序，只有调用函数才会执行其中封装的程序 一、函数基本语法 1、声明式 通过关键词function来定义声明函数 1 // 语法结构: 2 function 函数名称 (){
阅读全文
摘要：计算机语言中,有三大流程控制顺序 顺序控制语句：是计算机程序最基本执行顺序，从上至下 从左至右 分支控制语句：if语句 switch语句，根据不同的条件，判断不同的结果，执行不同的语句 循环控制语句：for循环语句、while循环语句、do...while循环语句 、forEach循环语句，根据循环
阅读全文
摘要：算术运算符：+ - * / % ** 比较运算符：> < >= <= == != !== 字符串拼接运算符：+ 递增/递减运算符：++ -- 赋值运算符：= += -= *= /= %= 逻辑运算符：&& || ! 三元运算符：条件 ? 表达式1 : 表达式2 一、算数运算符 +：加法，如果有字符串
阅读全文
摘要：基本数据类型 Boolean（布尔类型）：true、false Number（数值类型）：Number String（字符串类型）：String undefined null 复杂数据类型 Array（数组） Object（对象） Function（函数） 一、布尔类型 布尔类型只有两个数值 tru
阅读全文
摘要：一、变量的概念 官方定义： 存储在内存之中的，带有名称的，数据信息 其中存储的数据信息，在程序的执行过程中，是可以改变的 通俗理解： 变量就是一个容器 这个容器必须有一个名称 1、在计算机中，数据是不能独立存在的，必须要有一个存储数据的容器 2、在数据的传递过程中，实际上传递的是这个容器（可理解为水
阅读全文
摘要：一、行内式 与CSS的行内式基本相同 在标签中，通过script标签来定义JavaScript代码 但是在实际操作时，一般通过定义事件来定义JavaScript程序代码 行内式在项目中一般不会用到，作为了解 1 <div onclick="window.alert('我是点击弹出的内容')">你点我
阅读全文
摘要：一、JavaScript语言特点 HTML：超文本，标记语言 JavaScript：轻量级、弱类型、脚本语言 脚本语言和标记语言的主要区别 标记语言：可以通过浏览器直接执行 脚本语言：必须要通过浏览器内核的编译，才能正常运行 轻量级，意味着语言难度较低，简单 弱类型，意味着语法规范松散，易学 二、J
阅读全文
1
