zcb981008-优快云博客

原创总结Javascript字符串方法

Javascript字符串相关1.字符串的方法1.字符串的方法（1）.toString(参数)无参数返回当前值的字符串，有参数转换为数值的二进制、八进制、十六进制

2020-11-16 19:27:14 171

Javascript数组相关1.改变原数组2.不改变原数组3.数组的迭代1.改变原数组（1）push(): 给数组末尾追加元素，返回数组新长度（2）pop(): 删除数组末尾第一个元素，返回删除元素（3）unshift(): 给数组开头添加元素，返回数组新长度（4）shift(): 删除数组开头第一个元素，返回删除元素（5）splice(开始索引，截取个数，替换内容): 按照数组的索引截取或者替换内容，以数组返回截取的内容（6）reverse():翻转数组，返回翻转数组（7）sort(fu

2020-11-14 15:21:24 216

原创 Ajax

1.Ajax应用场景页面上拉加更多数据列表数据无刷新分页表单项离开焦点数据验证(验证用户名和密码是否被占用)搜索框提示文字下拉列表(搜索输入一个字出现关联信息)2.Ajax应用场景需要运行在网站环境中才能生效，可使用node创建的服务器作为服务器运行...

2020-09-12 16:19:23 184

原创 node

1.http模块导入：let http = require("http")实例化http：let app = http.creatServer((req,res)=>{ res.writeHead() //设置响应头包括响应码和类型编码格式 res.write() //返回数据 res.end() //后端响应结束，必须写})监听：app.listen(3000,"localhost",()=>{})2.fs模块导入：let fs = req

2020-09-05 21:37:13 201

原创工具

1.node.js下服务器自动重启推荐命令工具 supervisor nodemon安装方式：nmp installsupervisor -g

2020-09-05 00:11:32 134

原创 json注意事项

1.js彻底删除json数组元素json中delete删除数组方法并不是彻底删除数组元素，而是将该值置为 undefined，还是会保留数组空间，所以使用splice(index，个数)方法

2020-09-04 18:53:16 273

原创数组的方法

数组的方法1.filter方法2.map方法3.map方法4.三种方法结合const nums = [10, 20, 111, 222, 444, 40, 50]1.filter方法filter方法用于过滤数组成员，满足条件的成员组成一个新数组返回。实例：let newNums = nums.filter(funtion(n){ return n < 100)2.map方法map方法将数组的所有成员依次传入参数函数，然后把每一次的执行结果组成一个新数组返回实例：let new2

2020-08-25 15:48:41 180

原创 JavaScript进阶函数

这里写目录标题1. 函数的定义和调用1.1 函数的定义1.2 函数的调用2. this2.1 函数内 this 的指向2.2 改变函数内部 this 指向3. 严格模式3.1 什么是严格模式3.2 开启严格模式3.3 严格模式中的变化4. 高阶函数5. 闭包5.1 变量作用域5.2 什么是闭包和作用5.3 在 chrome 中调试闭包6. 递归6.1 什么是递归？7.拷贝7.1浅拷贝7.2深拷贝1. 函数的定义和调用1.1 函数的定义1…自定义函数(Function命名函数)function fn(

2020-08-20 00:36:34 187

原创 JavaSCript中正则表达式使用

正则表达式1.正则表达式在js中的使用1.1 创建正则表达式1.2 测试正则表达式 test2.正则表达式中的特殊字符2.1 正则表达式的组成2.2 边界符2.3 字符类2.4 量词符2.5 括号总结2.6 预定义类3. 正则表达式中的替换3.1 replace 替换3.2 正则表达式参数1.正则表达式在js中的使用正则表达式（ Regular Expression ）是用于匹配字符串中字符组合的模式1.1 创建正则表达式通过调用 RegExp 对象的构造函数创建var 变量名 = new R

2020-08-19 23:07:24 174

原创 JavaScript构造函数和原型、继承、ES5 中的新增方法

构造函数和原型1. 构造函数和原型1.1 概述1.2 构造函数1.3 构造函数原型 prototype1.4 对象原型 __proto__1.5 constructor 构造函数1.6 构造函数、实例、原型对象三者之间的关系1.7 原型链1.8 JavaScript 的成员查找机制(规则)1.9 原型对象this指向2. 继承2.1call()2.2借用构造函数继承父类型属性2.3借用原型对象继承父类型方法3. ES5 中的新增方法3.1 数组方法3.2 字符串方法3.3 对象方法1. 构造函数和原型1

2020-08-19 22:35:40 194

原创 jQuery事件及其他方法

1. jQuery 事件注册1.1 单个事件注册element.事件(function(){}) 如：$(“div”).click(function(){ 事件处理程序 })2. jQuery 事件处理2.1 事件处理on（选用这中方式）on可以绑定1个或者多个事件处理程序语法：element.on(events,[selector],fn//事件类型,元素的子元素选择器,回调函数例：（1）可以绑定多个事件，多个处理事件处理程序。$("div").on({ mouseen

2020-08-17 22:05:30 124

原创 jQuery 常用API

1.jQuery 选择器1.1 jQuery 基础选择器$(“选择器”) // 里面选择器直接写 CSS 选择器即可，但是要加引号1.2 jQuery 层级选择器1.2.1 jQuery 设置样式$('div').css('属性', '值')1.3 隐式迭代（重要）遍历内部 DOM 元素（伪数组形式存储）的过程就叫做隐式迭代。简单理解：给匹配到的所有元素进行循环遍历，执行相应的方法，而不用我们再进行循环，简化我们的操作，方便我们调用。// 1. 获取四个div元素

2020-08-16 22:33:58 287

原创 jQuery入门及基本使用

1. jQuery的概述1.1. jQuery 的概念jQuery 是一个快速、简洁的 JavaScript 库；jQuery 封装了 JavaScript 常用的功能代码，优化了 DOM 操作、事件处理、动画设计和 Ajax 交互，学习调用这些函数（方法）2. jQuery 的基本使用2.1. jQuery 的下载官网地址： https://jquery.com/2.2. jQuery 的使用步骤引入 jQuery 文件使用即可2.3. jQuery 的入口函数相当于原生 js

2020-08-16 21:17:34 1476

原创 Javascript本地存储

1. 本地存储特性数据存储在用户浏览器中设置、读取方便、甚至页面刷新不丢失数据容量较大，sessionStorage约5M、localStorage约20M只能存储字符串，可以将对象JSON.stringify() 编码后存储2. window.sessionStorage生命周期为关闭浏览器窗口在同一个窗口(页面)下数据可以共享以键值对的形式存储使用存储数据：sessionStorage.setItem(key, value)获取数据：sessionStorage.ge

2020-08-15 22:49:07 136

原创移动端网页特效

1. 触屏事件1.1 触屏事件概述touch 对象代表一个触摸点，触屏事件可响应用户手指对屏幕或者触控板操作。常用的触屏事件：1.2 触摸事件对象（TouchEvent）TouchEvent 是一类描述手指在触摸平面（触摸屏、触摸板等）的状态变化的事件，使开发者可以检测触点的移动，触点的增加和减少。触摸事件对象重点我们看三个常见对象列表：因为平时我们都是给元素注册触摸事件，所以重点记住 targetTocuhes2. classList 属性classList属性是HTML5新增的一个

2020-08-15 22:41:54 138

原创 PC端网页特效

能够说出常见 offset 系列属性的作用能够说出常见 client 系列属性的作用能够说出常见 scroll 系列属性的作用能够封装简单动画函数1.1. 元素偏移量 offset 系列1.1.1 offset 概述offset 就是偏移量，我们使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）注意：返回的数值都不带单位1.1.2 offset 与 style 区别offset.

2020-08-15 22:18:22 161

原创 BOM的基本操作

1.1. BOM1.1.1. 什么是BOM BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其顶级对象是 window，并且每个对象都提供了很多方法与属性1.1.2. BOM的构成BOM 比 DOM 更大，它包含 DOM。它是 JS 访问浏览器窗口的一个接口。它是一个全局对象。定义在全局作用域中的变量、函数都会变成 window 对象的属性和方法。注意：window下的一个特殊属性 window.name1.2. w

2020-08-15 12:39:55 1608

原创 DOM事件高级

事件高级1.1 注册事件（2种方式）传统注册方式：同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数<button onclick=“alert('hi~')”></button>btn.onclick = function() {}方法监听注册方式：同一个元素同一个事件可以注册多个监听器，按注册顺序依次执行addEventListener() 方法attachEvent()方法 IE9之前1.2事件监听1.2.1 a

2020-08-15 00:26:21 246

原创 DOM的基础操作

day01 - Web APIs学习目标：能够通过ID来获取元素能够通过标签名来获取元素能够通过class来获取元素能够通过选择器来获取元素能够获取body和html元素能够给元素注册事件能够修改元素的内容能够区分innerText和innerHTML的区别能够修改像div这类普通元素的属性能够修改表单元素的属性能够修改元素的样式属性1.1. Web API介绍1.1.1 API的概念API（Application Programming Interface，应用程序编程接

2020-08-14 19:24:28 572

原创 JavaScript内设对象及堆栈知识点

1 - 内置对象1.1 内置对象 JavaScript 中的对象分为3种：自定义对象、内置对象、浏览器对象前面两种对象是JS 基础内容，属于 ECMAScript；第三个浏览器对象属于 JS 独有的， JS API 讲解内置对象就是指 JS 语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法），内置对象最大的优点就是帮助我们快速开发 JavaScript 提供了多个内置对象：Math、 Date 、Array、String等1

2020-08-03 16:56:28 425

原创 JavaScript作用域、预解析和对象

1 - 作用域1.1 作用域概述通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。JavaScript（es6前）中的作用域有两种：全局作用域局部作用域（函数作用域）1.2 全局作用域作用于所有代码执行的环境(整个 script 标签内部)或者一个独立的 js 文件。1.3 局部作用域作用于函数内的代码环境，就是局部作用域。因为跟函数有关系，所以

2020-08-03 16:55:24 117

原创 JavaScript函数知识

1. 函数的概念封装一段可被重复调用的代码块，通过此代码块可以实现大量代码的重复使用2. 函数的使用函数的使用分为：声明函数和调用函数2.1 函数的声明和调用函数可以带参数也可以不带参数// 声明函数function 函数名() { // function是关键字小写，函数名命名为动词 //函数体代码}// 调用函数函数名(); // 通过调用函数名来执行函数体代码 //不要忘记小括号口诀：函数不调用，自己不执行2.2 函数的封装函数的封装是把一个或者多个功能通过函数的方式封装

2020-08-03 16:39:06 158

原创 JavaScript数组和函数相关练习题

1.数组求和和平均值 // 1. 求数组 [2,6,1,7, 4] 里面所有元素的和以及平均值。 // (1)声明一个求和变量 sum。 // (2)遍历这个数组，把里面每个数组元素加到 sum 里面。 // (3)用求和变量 sum 除以数组的长度就可以得到数组的平均值。 var arr = [2, 6, 1, 7, 4]; var sum = 0; var average = 0; for (var i = 0; i < arr.length; i+

2020-08-03 12:35:36 1001

原创 JavaScript的数组相关知识

1 数组的概念数组是指一组数据的集合，能够存放若干任意类型的元素，并提供方便的访问(获取）方式2 创建数组2.1 利用 new 创建数组 var 数组名 = new Array() ； var arr = new Array(); // 创建一个新的空数组，`A大写`2.2 利用数组字面量创建数组//1. 使用数组字面量方式创建空的数组var 数组名 = []；//2. 使用数组字面量方式创建带初始值的数组var 数组名 = ['小白','小黑','大黄','瑞奇'];3

2020-08-03 12:19:45 170

原创 Javascript流程控制及循环

流程控制概念：流程控制就是来控制代码按照一定结构顺序来执行，流程控制主要有三种结构：顺序结构、分支结构、循环结构1 分支结构1.1 if语句 // 条件成立执行代码，否则什么也不做 if (条件表达式) { // 条件成立执行的代码语句 }1.2 if else语句（双分支语句） // 条件成立执行 if 里面代码，否则执行else 里面的代码 if (条件表达式) { // [如果] 条件成立执行的代码 } else { //

2020-08-02 23:16:43 95

原创 JavaScript的运算符学习

JS使用的常见运算符1.1 运算符概念：也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号JavaScript中常用的运算符有：- 算数运算符- 递增和递减运算符- 比较运算符- 逻辑运算符- 赋值运算符1.2 算数运算符概念：算术运算使用的符号，用于执行两个变量或值的算术运算，对数据进行 + - * / %不要直接判断两个浮点数是否相等，其精度远不如整数var num = 0.1 + 0.2;console.log(num == 0.3); // false

2020-08-02 17:49:06 198

原创 Javascript变量的学习

Javascript的学习JavaScript的组成JS的三种引用方式JS注释JS输入输出语句JS变量JS 数据类型JS数据类型转换关键字、保留字、标识符JavaScript的组成JavaS是解释性语言，解释一行执行一行1.ECMAScript —————规定了JS的编程语法和基础核心知识2.DOM————文档对象模型（通过 DOM 提供的接口可以对页面上的各种元素进行操作，如大小）3.BOM————浏览器对象模型（可以操作浏览器窗口，比如弹出框、控制浏览器跳转、获取分辨率）JS的三种引用方式

2020-08-01 20:42:21 375

zcb981008的博客