- 博客(24)
- 收藏
- 关注
RSS订阅原创 JavaScript复习——操作数组的api（二）
JavaScript复习——操作数组的api（二）数组循环forEach()forEach方法第一个参数传入一个回调函数，回调函数有三个形参，分别是数组元素，元素下表，元素数组，第二个参数可以传入一个任意类型的值，这个值可以改变第一个参数内部的this指向。返回值是 undefined。let arr = [1, 2, 3, 4]let obj = { name: "张三"}let res = arr.forEach(function(val, index, arr) { conso
2020-08-25 22:51:48
135
原创 JavaScript复习——操作数组的api（一）
数组的增删改查push()push方法主要是向数组的尾部添加一个或者多个元素，然后返回新数组的长度。let arr = []let arrLen = arr.push(1,2,3,4)console.log("返回数组的长度:", arrLen, ",新数组: ", arr)// 返回数组的长度: 4 ,新数组: [ 1, 2, 3, 4 ]pop()pop方法主要是删除数组的最后一个元素，并返回删除的元素。let arr = [1,2,3,5]let deleteItem = a
2020-08-25 20:04:02
148
原创 javascript复习——同步和异步的区别
js同步和异步的区别单线程是什么我们常说“JavaScript是单线程的”。所谓单线程，就是指在JS引擎中负责解释和执行JavaScript代码的线程只有一个，一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务。如果一个任务耗时过长，那么后面的任务就必须一直等待下去，会拖延整个程序。我们不妨叫它主线程。但是实际上还存在其他的线程。例如：处理AJAX请求的线程、处理DOM事件的线程、定时器线程、读写文件的线程(例如在Node.js中)等等。这些线程可能存在于JS引擎之
2020-08-19 18:45:15
4443
1
原创 vue.js(一)
vue.jsVue(读音类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。一、vue 基础1. vue.js 的基本架构<div id="app"> </div><!-- 引入vue.js文件 --><scr
2020-08-19 15:17:38
310
原创 面试题汇总----JavaScript(一)
1.介绍一下js的数据类型有哪些，值是如何存储的JavaScript一共有8种数据类型，其中有7种基本数据类型：Undefined、Null、Boolean、Number、String、Symbol（es6新增，表示独一无二的值）和BigInt（es10新增）；1种引用数据类型——Object（Object本质上是由一组无序的名值对组成的）。里面包含 function、Array、Date等。JavaScript不支持任何创建自定义类型的机制，而所有值最终都将是上述 8 种数据类型之一。原始数据类型：
2020-08-11 20:33:56
131
原创 JavaScript(复习)-声明
JavaScript(复习)-声明变量声明var声明一个变量，可选初始化一个值，在function中声明一个局部变量，function外声明一个全局变量let声明一个块作用域的局部变量，可选初始化一个值。const声明一个块作用域的只读常量。使用关键词 var 。例如 var x = 42。这个语法可以用来声明局部变量和全局变量。直接赋值。例如x = 42。使用这种形式赋值，会产生一个全局变量。在严格模式下会产生错误。因此你不应该使用这种方式来声明变量。使用关键词 let 。例如 let y
2020-08-11 19:59:41
225
原创 JavaScript继承
JavaScript继承基本上，ES6 的class可以看作只是一个语法糖，它的绝大部分功能，ES5 都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。借助构造函数实现继承缺点：无法继承原型链上的属性和方法function Person () { this.name = 'person1'}Person.prototype.sex = '10'Person.prototype.sayName = function () { alert(th
2020-08-04 22:43:20
123
原创 DOM节点类型及属性
DOM操作之——DOM节点类型及属性虽然现在我们在开发中已经用不到自己操作DOM了，之前有JQ，现在更是有VUE、REACT两大框架供我们使用，但是我们也有必要了解下，关于原生JS中的DOM操作问题。这次我们介绍一下DOM节点类型及获取节点的方法我们认为在页面中所有呈现的内容，都是DOM文档中的一个节点（node），例如：元素标签是元素节点、注释的内容是注释节点、文本内容是文本节点、document是文档节点…一、节点类型1、文档节点document重点记忆属性：nodeType
2020-08-04 22:36:39
1643
原创 JavaScript复习（四）——变量、作用域和内存问题
变量、作用域和内存问题JavaScript的变量和其他语言的变量有很大区别.JavaScript变量松散类型的本质,决定了它只是在特定时间用于保存特定值的一个名字而已.由于不存在定义某个变量必须要保存何种数据类型值的规则,变量的值及其数据类型可以在脚本的生命周期内改变.基本类型和引用类型ECMAScript变量可能包含两种不同数据类型的值:基本类型值和引用类型值基本数据类型:Undefined.Null.Number.Boolean.String这5种基本数据类型是按值访问的,因为可以操作保存在变
2020-07-28 20:13:40
115
原创 继承与原型链
继承与原型链JavaScript 是动态的，并且本身不提供一个 class 实现。（在 ES2015/ES6 中引入了 class 关键字，但那只是语法糖，JavaScript 仍然是基于原型的）。只有对象类型才有继承与原型概念不断向上追溯的原型共同组成了原型链每个实例对象（ object ）都有一个私有属性（称之为 proto ）指向它的构造函数的原型对象（prototype ）。该原型对象也有一个自己的原型对象( proto ) ，层层向上直到一个对象的原型对象为 null。根据定义，
2020-07-28 11:43:52
154
原创 JavaScript复习（三）——函数(二)
函数函数对于任何语言来说都是一个核心的概念,通过函数可以封装任意多条语句,而且可以在任何地方,任何时候调用执行.ECMAScript中的函数使用function关键字来声明,后跟一组参数以及函数体.语法function functionName(arg0,arg1....argN){ statements}示例function sayHi(name,message){ alert("hello"+name+","+"message");}这个函数可以通过其函数名来调用,后面还要加上一
2020-07-22 20:25:44
127
原创 JavaScript复习（二）——函数
一、函数的概念函数由事件驱动或者当它被调用时，可重复执行的代码块。减少代码冗余，增强了灵活性，增强可维护性，可扩展性。JavaScript为编译性语言，代码会一边解释编译，一边执行。在当前script标签中的函数一旦创建成功，后面所有的script标签都可以使用该函数；但是当前script标签前面的script标签不能执行该函数，因为该函数还没有放在堆中。当执行到当前script标签时，预先将当前script标签中的所有命名函数先存储在堆中，并且在栈中给它定义。二、函数的定义命名函数
2020-07-22 12:48:54
109
原创 JavaScript复习（一）——语句
语句if语句语法if(condition) statement1 else statement2其实中condition(条件) 可以是任意表达式;而且对这个表达式求值的结果不一定是布尔值.ECMAScript会自动调用Boolean( )转换函数将这个表达式的结果转换成一个布尔值.结果为true,执行statement1.结果为false.执行statement2.var i=30;for(i>20){ alert(i+"大于20") //条件结果为true,执行这条代码}el
2020-07-18 15:06:04
120
原创 ES6知识点（二）
一.箭头函数引入箭头函数有两个方面的作用：更简短的函数并且不绑定this。箭头函数表达式的语法比函数表达式更短，并且不绑定自己的this，arguments，super或 new.target。这些函数表达式最适合用于非方法函数，并且它们不能用作构造函数，不能使用new。*箭头函数的写法 function( ){ } 变成 ( )=>{ }var a = ()=>{ return 1;}等价于function a(){ return 1;}箭头函数会捕获其所在
2020-07-14 21:24:45
93
原创 jQuery动画
jQuery动画-滑入滑出 滑入 slideDown ()有两个参数 参数1 动画执行时长 可以填毫秒数 也可以填代表时间的字符串”slow" “normal” “fast” 参数2 动画执行完毕之后 他的回调函数$("#slideDown").click(function(){ //如果不写参数 那么默认给了一个时长normal // $(".one").slideDown(); // $(".two").slideDown(normal);
2020-07-08 18:57:55
100
1
原创 jQuery
jQuery第一章 初识jQuery第二章 jQuery的事件和API第三章 jQuery中的动画第一章 初识jQuery一、jQuery简介1.什么是jQuery？jQuery是一个优秀的JavaScript库，是一个凭借简洁的语法和跨平台的兼容性，极大地简化了JavaScript开发人员遍历HTML文档，操作DOM，执行动画和开发Ajax的操作。jQuery封装了很多预定义的对象和函数。其理念：write less,do more.2.常见的javascript库? Prototyp
2020-07-08 18:29:19
176
原创 响应式开发
响应式开发**响应式开发的原理**
2020-05-25 19:56:13
147
原创 jQuery（二）
jQuer设置文本和获取文本的方法获取文本$(function(){ //获取这个div的文本 //var text=$(".div1").text(); //console.log(text); //获取全部的文本 $("#getBtn").click(function(){ console.log($("div").text()); })})设置文本只需要给text(参数) 加了参数后 就是给元素设置文本会覆盖元素原本的文本 包括子元素如果新设置的文本中包括的了标签
2020-05-17 19:49:53
102
原创 jQuery（一）
一、jQueryjQuery是什么？ 就是别人封装好的一一个外部js库。 Query是一个快速、小型且功能丰富的JavaScript库。它使用一个在多种浏览器上工作的易于使用的API，变得更加简单。随着多功能性和可扩展性的结合，jQuery改变了数百万人编写JavaScript的方式。不同的版本： jQuery 1.X 已经不更新了 支持老浏览器 包括IE6 IE8 opera老的版本 jQuery 2.x 已经不更新了不支持以前的老浏览器 jQuery 3.X 正在更新中 不支持老
2020-05-17 19:23:41
151
原创 三大坐标系
事件对象事件对象:当我们触发某个事件,那么和这个事件相关的一些信息 就会自动保存一个对象里面,我们班这个对象成为事件对象。当我们出发某个时间的事件的时候,浏览器会自动帮我们捕 捉一些关于这个时间的一些信息。 谷歌火狐,一般是给事件处理函数添加一个形参 event ev eIE8 使用一个全局变量来保存和事件相关的信息<!DOCTYPE html><html>...
2020-04-12 18:46:41
692
原创 offset/scroll/client实例
offsetoffsetWidth/offsetHeight获取元素真实宽高scrollscrollWidth/scrollHeight获取元素内容真实的宽高clientclientWidth/clientHeight获取的是页面的可视区域<!DOCTYPE html><html> <head> <meta charset="ut...
2020-04-12 18:40:05
82
原创 offset家族
作用：获取元素的真实位置家族成员：offsetWidth/offsetHeight点语法 特点:1.可以获取行内标准属性（主要）2.可以获取语法动态添加的属性3.无法获取行内自定义属性4.无法获取行内属性offset获取元素属性的特点:1.可以获取行内属性 也可以获取行外属性2.获取的属性值是number类型 而且不带单位3获取到的是页面显示的元素的真实宽高（width...
2020-04-12 18:29:58
79
原创 DOM
insertBefore插入子元素语法:父元素.insertBefore(参数1， 参数2)参数1 :需要新插入元素参数2 :插入到哪个元素的前面<body> <ul id="ul1"> <li id="li">我是1i元素</li> <li id="li1">我是li元素1</li> <l...
2020-03-22 13:52:09
95
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人