JavaScript
一麻袋小猫
Put the glass down。
展开
-
Node.js 安装
服务器端开发要做的事情实现网站的业务逻辑数据的增删该查Node使用JS语法开发后端应用Node是一个基于Chrome V8引擎的JavaScript代码运行环境版本: LTS:Long Term Support 长期支持版 稳定版 Current拥有最新特性实验版...原创 2020-03-21 11:33:48 · 468 阅读 · 0 评论 -
addEventListener与removeEventListener
通过addEventListener()添加的事件处理程序只能使用removeEventListener()来移除;移除时传入的参数与添加处理程序时使用的参数相同。这里要注意的是:通过addEventListener()添加的匿名函数无法移除,也就是removeEventListener()在移除addEvenListener添加的事件的时候,不能移除匿名函数,必须是function move...原创 2020-03-20 11:05:12 · 448 阅读 · 0 评论 -
ES6-2
ES6的内置对象扩展Array的扩展方法实例方法:find()用于找出第一个符合条件的数组成员,如果没有找到返回undefinedvar ary = [{ id: 1, name: '张三' }, { id: 2, name: '李四' }]; ...原创 2020-03-13 16:30:10 · 97 阅读 · 0 评论 -
ES6
let,const,箭头函数,剩余参数, Array的扩展方法(扩展运算符可以应用于合并数组,将类数组或可遍历对象转换为真正的数组,构造函数方法:Array.from())原创 2020-03-13 14:54:41 · 85 阅读 · 0 评论 -
正则表达式
正则表达式(Regular Expression)原创 2020-03-12 17:02:53 · 116 阅读 · 1 评论 -
闭包与递归
闭包、递归与用递归进行深拷贝和浅拷贝原创 2020-03-11 16:43:20 · 294 阅读 · 0 评论 -
函数进阶
函数的定义方式、this、严格模式、高阶函数原创 2020-03-11 16:05:43 · 148 阅读 · 0 评论 -
ES5中的新增方法
ES5中给我们新增了一些方法,可以很方便的操作数组或者字符串,这些方法主要包括:数组方法字符串方法对象方法数组方法迭代方法:forEach()、map()、filter()、some()、every()filter()some()方法字符串方法对象方法...原创 2020-03-09 17:20:01 · 111 阅读 · 0 评论 -
继承
ES6之前并没有给我们提供extends继承。我们可以通过构造函数+原型对象模拟实现继承,被称为组合继承。call() 调用这个函数,并且修改函数运行时的this指向借用构造函数继承父类型属性核心原理:通过call() 把父类型的this指向子类型的this,这样就可以实现子类型继承父类型的属性。 function Father(uname, age) { ...原创 2020-03-09 16:48:04 · 111 阅读 · 0 评论 -
构造函数和原型
在典型的OOP的语言中(如Java),都存在类的概念,类就是对象的模板,对象就是类的实例,但在ES6之前,JS中并没用引入类的概念。ES6,全称ECMA Script 6.0 , 2015.06发布。但是目前浏览器的JavaScript是ED5版本,大多数高版本浏览器也支持ES6,不过只实现了ES6的部分特性和功能。在ES6之前,对象不是基于类创建的,而是用一种称为构造函数的特殊函数来定义对...原创 2020-03-09 15:48:54 · 243 阅读 · 0 评论 -
面向对象tab
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-03-08 17:14:17 · 144 阅读 · 0 评论 -
面向对象和类的继承(ES6新增)
面向对象编程面向过程 POP面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了。面向过程,就是按照我们分析好了的步骤,按照步骤解决问题。面向对象 OOP把事物分解成一个个对象,然后由对象之间分工与合作:面向对象是以对象功能来划分问题,而不是步骤。在面向对象程序开发思想中,每一个对象都是功能中心,具有明确分工面向对象...原创 2020-03-07 17:37:12 · 184 阅读 · 0 评论 -
jQuery-4
多库共存jQuery使用$作为标示符,随着jQuery的流行,其他js库也会用它用为标示符,这样一起使用会引起冲突。方法一:如果$符号冲突,我们就使用jQueryjQuery.each();方法二:让jquey 释放对 $ 控制权 用什么自己决定var suibian = jQuery.noConflict();console.log(suibian("span"));jQuery...原创 2020-03-05 13:33:37 · 163 阅读 · 0 评论 -
jQuery-3
遍历元素jQuery隐式迭代是对同一类元素做了同样的操作。如果想要给同一类元素做不同操作,就需要用到遍历。$(function() {var arr = [“red”, “green”, “blue”];$(“div”).each(function(i, w) {$(w).css(“color”, arr[i]);})})类似于 for in...原创 2020-03-04 17:29:32 · 137 阅读 · 0 评论 -
jQuery_2
jQuery样式操作操作css方法:1. 参数只写属性名,则是返回属性值$(this).css(“color”);2. 参数是属性名,属性值,逗号分隔,是设置一组样式,属性必须加引号,值如果是数字可以不用跟单位和引号$(this).css(“color”,“red”);3. 参数可以是对象形式,方便设置多组样式。属性名和属性值用冒号隔开,属性可以不用加引号。如果是复合属性则必须采取...原创 2020-03-03 18:16:30 · 160 阅读 · 0 评论 -
jQuery
jQuery概述(1)Javascript 库即library,是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如动画animate,hide,show,比如获取元素等。简单理解:就是一个JS文件,里面对我们原声js代码进行了封装,存放到里面。这样我们可以快速高效的使用,这些封装好的功能了。当然我们自己封装比较麻...原创 2020-03-03 18:01:32 · 227 阅读 · 0 评论 -
本地存储
随着互联网的快速发展,基于网页的应用越来越普遍,同时也变得越来越复杂,为了满足各种各样的需求会经常性在本地存储大量的数据,HTML5规范提出了相关解决方案.本地存储特性window.sessionStorage1. 生命周期为关闭浏览器窗口2. 在同一个窗口下数据可以共享3. 以键值对的形式存储使用. ![在这里插入图片描述](https://img-blog.csdnimg.c...原创 2020-03-02 17:08:29 · 128 阅读 · 0 评论 -
网页特效——移动端
触屏事件移动端浏览器兼容性较好,我们不需要考虑以前JS的兼容性问题,可以放心的使用原声JS书写效果,但是移动端也有自己独特的地方,比如触屏事件touch,Android和IOS都有触摸事件对象移动端轮播图移动端轮播图功能和PC端基本一致(1. 可以自动播放图片 2. 手指可以拖动播放轮播图)移动轮播图可以用手指滑动:...原创 2020-03-02 13:15:41 · 271 阅读 · 0 评论 -
网页特效案例
网页轮播图固定导航栏筋斗云导航原创 2020-02-29 18:20:36 · 249 阅读 · 0 评论 -
网页特效
元素偏移量 offset 系列offset 就是偏移量,可以动态的得到该元素位置,大小等获得元素距离带有定位的父元素的位置;获得元素自身的大小(宽度,高度)。注意:返回的数值都不带单位offset常见属性element.offsetLeft 以带有定位的父亲为准,如果没有父亲或者父亲没有定位则以body为准element.offertWidth 包括,宽度,边框,paddi...原创 2020-02-28 18:15:25 · 317 阅读 · 0 评论 -
WebAPI-4(BOM,123均为DOM)(同步,异步的概念--所有回调函数都是异步)
BOM浏览器模型定时器,倒计时案例,发送短信等待倒计时案例同步,异步原创 2020-02-27 16:40:32 · 304 阅读 · 0 评论 -
WebAPI-03
三种创建元素方式的区别。document.write(); innerHTML();。Dom总结:增删改查。DOM属性,事件操作。Dom事件高级相对于传统方式。Dom事件流:捕获阶段、当前目标阶段、冒泡阶段原创 2020-02-26 18:35:48 · 215 阅读 · 0 评论 -
Web API - 02
自定义属性的操作获取自定义属性值设置元素属性值(1)element.setAtrribute(‘属性’,'值‘);主要针对于自定义属性div.setAtrribute(‘index’,2);(2)element.属性=‘值’;设置内置属性div.id = ‘test’;移除属性值removerAttribute(属性);div.removeAttribute(‘inde...原创 2020-02-25 13:45:49 · 117 阅读 · 0 评论 -
Web API
JS的组成JS基础学习ECMAScript基础语法为后面做铺垫,Web APIs 是JS的应用,大量使用JS基础语法做交互效果API 是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。简单理解:API是给程序员提供的一种工具,以便能更轻松的实现想要完成的功能Web API是浏览器提供的一套操作浏览器功...原创 2020-02-24 16:28:16 · 135 阅读 · 0 评论 -
简单数据类型和复杂数据类型
简单类型与复杂类型简答数据类型 null 返回的是一个空的对象 object,如果有个变量我们以后打算存储为对象,就存为null堆和栈简单数据类型和复杂数据类型的内存分配简单数据类型直接存放到栈里,复杂数据类型,存放到堆里,但是地址存到栈里,变量名通过栈里的地址找到堆里的值。复杂数据类型执行...原创 2020-02-23 17:52:24 · 376 阅读 · 0 评论 -
内置对象2
数组对象var arr0 = new Array(2); //表示数组的长度为2var arr1 = new Array(2, 3, 4, 5, 6, 6); //等价于创建了[2,3,4,5,6,7]检测是否为数组:(1)instanceof 运算符 检测是否为数组( 2)Array.isArray(参数);H5新增的方法 ie9以上的版本支持添加删除数组元素方法(1)arr.pu...原创 2020-02-23 15:34:40 · 99 阅读 · 0 评论 -
内置对象
MathMath 数学对象 不是一个构造函数 , 所以我们不需要new 来调用 而是直接调用里面的属性和方法即可利用对象封装自己的数学对象 里面有PI,最大值和最小值var myMath = { PI: 3.14159265, max: function() { var max = arguments[0];...原创 2020-02-23 13:12:08 · 137 阅读 · 0 评论 -
JS基础知识(二)
数组数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。[]是数组的字面量,只要在js中看到[]就知道是数组。数组里面的数据用逗号分隔数组里面的数据,称为数组元素。利用数组字面量,创建空数组,最常用 var arr = []; //利用数组字面量,创建空数组 var arr1 = [1...原创 2020-02-21 17:55:40 · 164 阅读 · 0 评论 -
JavaScript基础
1.JavaScript历史布兰登.艾奇在1995年利用10天完成JavaScript设计。最开始在网景工作,网景最初命名为LiveScript,后来在与Sun合作之后将其改名为JavaScript,因为sun公司的主打是java,所以为了蹭javascript的热度,但内部实现原理与Java不同。2.JavaScript是什么JavaScript是世界上最流行的语言之一,是一种运行在客户端...原创 2020-02-18 16:04:42 · 335 阅读 · 0 评论 -
计算机编程基础
编程:就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程。计算机程序性:就是计算机所执行的一系列的指令集合,而程序全部都是用我们所掌握懂得语言来编写的,所以人们要控制计算机一定要通过计算机一定要通过计算机语言向计算机发出命令。计算机语言: 机器语言、汇编语言和高级语言三大类。实际上计算级最终执行的都是机器语言,二进制是计算机语言的基础。编程语言是用来控制计算...原创 2020-02-18 10:08:28 · 817 阅读 · 0 评论