混子前端-CSDN博客

原创【webAPI】DOM操作全集

文章目录获取元素操作元素元素内容（修改和获取）元素属性（获取和修改）操作节点获取节点创建、添加节点删除节点复制（克隆）节点获取元素通过id名获取元素：document.getElementById(‘id’)；通过类名获取元素：document.getElementsByClassName(‘类名’);，返回一个伪数组。通过标签名获取元素：document.getElementsByTagName(‘标签名’)；返回一个伪数组。document.querySelector(’.类名’)；

2020-12-29 21:53:47 316

原创一文告诉你什么是回调地狱，如何解决回调地狱？

文章目录前言一、回调地狱是什么？二、如何解决回调地狱1.Promise2.async/await总结前言在正式了解“回调地狱”之前，我们先了解两个概念：回调函数当一个函数作为参数传入另一个参数中，并且它不会立即执行，只有当满足一定条件后该函数才可以执行，这种函数就称为回调函数。我们熟悉的定时器和Ajax中就存在有回调函数：setTimeout(function(){ //function(){console.log('执行了回调函数')}就是回调函数，它只有在3秒后才会执行 consol

2020-12-13 17:17:40 50676 50

原创 ES6语法新增特性（解构赋值、暂时性死区、let/var/const的区别、箭头函数、set数据结构等）

ES6ES6语法目标ES6相关概念（★★）ES6新增语法let（★★★）let声明的变量只在所处于的块级有效不存在变量提升暂时性死区经典面试题小结const（★★★）具有块级作用域声明常量时必须赋值常量赋值后，值不能修改小结let、const、var 的区别解构赋值（★★★）数组解构对象解构小结箭头函数（★★★）小结面试题剩余参数（★★）剩余参数和解构配合使用ES6 的内置对象扩展Array 的扩展方法（★★）扩展运算符（展开语法）扩展运算符可以应用于合并数组将类数组或可遍历对象转换为真正的数组构造函数方法

2020-12-07 16:48:08 464 1

原创正则表达式的特点及使用

正则表达式正则表达式概述什么是正则表达式正则表达式的特点正则表达式在js中的使用正则表达式的创建测试正则表达式正则表达式中的特殊字符正则表达式的组成边界符字符类[] 方括号量词符用户名表单验证括号总结预定义类正则替换replace正则表达式概述什么是正则表达式正则表达式（ Regular Expression ）是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式（规则）的文本，例如验证表单：用户名表单只能输入英文字母、数字或者

2020-10-19 14:19:01 991

原创 javascript函数的进阶使用方法（this指向，深浅拷贝等）

JavaScript函数进阶函数的定义和调用函数的定义方式函数的调用this函数内部的this指向改变函数内部 this 指向call方法apply方法bind方法call、apply、bind三者的异同严格模式什么是严格模式开启严格模式严格模式中的变化高阶函数闭包变量的作用域复习什么是闭包闭包的作用闭包的案例案例递归什么是递归利用递归求1~n的阶乘利用递归求斐波那契数列利用递归遍历数据函数的定义和调用函数的定义方式函数声明方式 function 关键字 (命名函数) function fn(

2020-09-22 14:04:11 217

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

构造函数和原型构造函数和原型对象的三种创建方式静态成员和实例成员构造函数的问题构造函数原型prototype对象原型constructor构造函数原型链构造函数实例和原型对象三角关系原型链和成员的查找机制原型对象中this指向通过原型为数组扩展内置方法继承call()子构造函数继承父构造函数中的属性借用原型对象继承方法ES5中新增方法数组方法forEach遍历数组数组方法filter过滤数组数组方法somesome和forEach区别trim方法去除字符串两端的空格获取对象的属性名Object.define

2020-09-15 14:46:59 203

原创 ES6中的类和对象的用法

ES6中的类和对象类创建类类 constructor 构造函数类添加方法类的继承super关键字类创建类使用class关键字//创建类class Star {}//实例化，使用new关键字var ldh = new Star();注意：类必须需通过new关键字实例化对象类 constructor 构造函数constructor() 方法是类的构造函数(默认方法)，用于传递参数,返回实例对象，通过 new 命令生成对象实例时自动调用该方法,创建实例时需要执行的方法可以放到constru

2020-09-09 17:16:17 283 1

原创真的会用Vuex吗？state、Mutation、Getter、Action的使用方法。

Vuex相关介绍及使用Vuex是什么Vuex的好处是什么？Vuex的基本使用Vuex的核心概念state组件中访问state的第一种方式组件中访问state的第二种方式Mutation组件中触发mutation的第一种方式组件中触发mutation的第二种方式Vuex是什么Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间的数据共享。Vuex的好处是什么？使用Vuex管理数据的好处：A.能够在vuex中集中管理共享的数据，便于开发和后期进行维护B.能够高效的实现组件之间的

2020-09-01 08:49:50 323

原创 Vue中前端与后端如何交互？

Vue中前后端交互Promise的基本使用基本使用多个请求，链式编程Promise的API---实例方法Promise的API---对象方法Promise的基本使用基本使用new一个promise，为其传入一个函数作为参数，这个函数中传入两个参数，分别用来执行异步任务成功和失败的回调函数。function query(){ var p=new Promise(function(resolve,reject){ setTimeout(function(){ var flag=true;

2020-08-24 13:10:12 16600

原创前端路由Vue-router

前端路由Vue-routerVue-router使用步骤路由重定向嵌套路由概念动态路由匹配使用$route.params.id来获取路径传参的数据使用props传递参数props为布尔形式props为对象形式props为函数形式命名路由（给路由取别名）编程式导航页面导航的两种方式Vue-Router中常见的导航方式Vue-router使用步骤（1）导入vue-router文件（安装依赖包）。（2）添加路由链接<router-link to="/"></router-link>,

2020-08-19 15:26:53 188

原创 Vue中计算属性和方法的区别

当我们实现翻转字符串的业务逻辑时，使用插值表达式打码如下：<div id="app"> <div>{{msg}}</div> <div>{{msg.split('').reverse().join('')}}</div></div>为了将复杂了业务逻辑便于管理，使得不显得杂乱无章，我们使用计算属性：<div...

2020-03-12 23:52:42 925

原创 ajax介绍、使用场景、用法

写在前面：需要了解一定的HTTP和dom操作相关知识一、Ajax介绍1、本质使用jacascript提供的XMLHttpRequset对象，异步的向服务器发送请求，并接受响应，实际上ajax接受到服务器返回来的数据，并不是完整的页面，而是一条条的数据，这样就可以在不刷新页面的情况下，动态的更新页面中的数据，使浏览器在向服务器发送请求时，不影响用户的其他操作，这就是ajax的异步特性。2、使...

2020-02-20 11:24:58 550

原创关于CSS中浮动引发的特殊情况，“大坑”

浮动引发的特殊情况一、换行显示1、当父元素显示不下所有浮动元素时，显示不下的后面的元素会换行显示<!doctype html><html > <head> <title></title> <meta charset="UTF-8"> <style> div{width:200px;hei...

2020-02-15 12:38:46 379

qq_42698326的博客