- 博客(20)
- 收藏
- 关注
RSS订阅原创 vue的生命周期简介以及使用
1. 什么是组件? 通俗来说，组件可以是一个标签，也可以是以个页面；组件是一个可复用的Vue实例。2. 什么是实例生命周期？ 一个组件（实例）从开始创建到最后被销毁的全过程，就是该组件（实例）的生命周期，该生命周期就叫做该实例生命周期，也叫组件生命周期。3. 什么是生命周期钩子函数 ? 从 组件的创建 => 在页面上运行 => 页面关闭,组件被销毁的全过程，这三个阶段所伴随的各种事件，被统称为组件的生命周期函数，简称 钩子函数。注意：Vue在执行过程中，会自动调用钩子函数，我
2020-08-04 22:33:07
541
原创 ES6 Promise
ES6 Promisevar p = new Promise(function(resolve, reject){ //做一些异步操作 setTimeout(function(){ console.log('执行完成'); resolve('执行失败'); }, 2000);});Promise的构造函数接收一个参数，是函数，并且传入两个参数：resolve，reject，分别表示异步操作执行成功后的回调函数和异步操作执行失败后的回调函数。其实
2020-07-29 20:48:49
257
原创 js常见动画
一、轮播图：轮播图在网页中运用较广，经常使用于头部banner，使用于电商网站中，例如;淘宝、京东、天猫等购物平台都少不了。而轮播图有多种类型，这次就和大家说说其中的两款。轮播图的原理：点击上一张或下一张时，图片移动的距离为图片本身的宽度；点击图片下的原点导航时跳转到相应的图片位置。1、一般的轮播图。这一类型的轮播图，在切换图片的过程中，图片会缓慢的滑动到达相应的位置，即可以看到图片到达相应位置的全过程。<!DOCTYPE html><html> <head&g
2020-07-15 09:15:43
855
原创 防抖&节流
概念：函数防抖(debounce)：触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。函数节流(throttle)：高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率。函数节流（throttle）与 函数防抖（debounce）都是为了限制函数的执行频次，以优化函数触发频率过高导致的响应速度跟不上触发频率，出现延迟，假死或卡顿的现象。1、函数防抖(debounce)实现方式：每次触发事件时设置一个延迟调用方法，并且取消之前的延时调用方法缺点：如果
2020-07-13 23:08:28
176
原创 DOM应用
DOM应用文档对象模型（Document Object Model，DOM）是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式。我们最为关心的是，DOM把网页和脚本以及其他的编程语言联系了起来。DOM属于浏览器，而不是JavaScript语言规范里的规定的核心内容。一、查找元素1、直接查找document.getElementById 根据ID获取一个标签document.getElementsByName
2020-07-09 21:53:41
236
原创 JS操作DOM常用API
基本概念在讲解操作DOM的api之前，首先我们来复习一下一些基本概念，这些概念是掌握api的关键，必须理解它们。Node类型DOM1级定义了一个Node接口，该接口由DOM中所有节点类型实现。这个Node接口在JS中是作为Node类型实现的。在IE9以下版本无法访问到这个类型，JS中所有节点都继承自Node类型，都共享着相同的基本属性和方法。每个节点都有一个nodeType属性，用于表明节点的类型。节点类型由在Node类型中定义的下列12个数值常量来表示，任何节点类型必居其一：Node.ELEME
2020-07-08 21:17:52
544
原创 原型与原型链
定义原型原型实际上就是一个普通对象，继承于 Object 类，由 JavaScript 自动创建并依附于每个函数身上，原型在 JavaScript 对象系统中的位置和关系如图所示。Object 和 Function 是两个不同类型的构造函数，利用运算符 new 可以创建不同类型的实例对象。实例对象、类、Object 和 Function 之间的关系如图所示。使用点语法，可以通过 function.prototype 访问和操作原型对象。、示例在下面代码中为函数 P 定义原型。function
2020-07-03 21:57:06
175
1
原创 js递归深拷贝
深拷贝和浅拷贝的区别浅拷贝：就是简单的复制，用等号即可完成let a = {a: 1}let b = a这就完成了一个浅拷贝但是当修改对象b的时候，我们发现对象a的值也被改变了b.a = 10console.log(a.a) => 10这是因为浅拷贝只复制了指向对象的指针，新旧对象共用同一块内存，修改某一个对象的同时也会把另一个都一并修改了深拷贝：跟浅拷贝最简单明了的区别就是修改拷贝的对象，不会改变源对象利用Object.assign可以对只有一层的对象实现深拷贝，如下：le
2020-07-02 19:44:44
465
原创 关于this指向
使用 JavaScript 开发的时候，很多开发者多多少少会被 this 的指向搞蒙圈，但是实际上，关于 this 的指向，记住最核心的一句话：哪个对象调用函数，函数里面的this指向哪个对象。下面分几种情况谈论下1、普通函数调用这个情况没特殊意外，就是指向全局对象-window。let username='cn'function fn(){ alert(this.username);//undefined}fn();可能大家会困惑，为什么不是输出守候，但是在细看一看，我声明的方式
2020-07-01 20:36:54
81
原创 关于闭包
什么是闭包（Closure）简单讲，闭包就是指有权访问另一个函数作用域中的变量的函数。MDN 上面这么说：闭包是一种特殊的对象。它由两部分构成：函数，以及创建该函数的环境。环境由闭包创建时在作用域中的任何局部变量组成。这种官方的概念是比较难理解的，在面试的时候说出来也不是很专业，因为没办法有个具体的逻辑。理解闭包的关键在于：外部函数调用之后其变量对象本应该被销毁，但闭包的存在使我们仍然可以访问外部函数的变量对象，这就是闭包的重要概念。 function outer() { var
2020-07-01 20:22:10
227
原创 数组中的API汇总
数组中的API汇总一、添加1、push() 方法将一个或多个元素添加到数组的末尾，并返回数组的新长度。2、unshift() 方法将一个或多个元素添加到数组的开头，并返回新数组的长度。二、删除1、pop()方法从数组中删除最后一个元素，并返回该元素的值。此方法更改数组的长度。2、shift() 方法从数组中删除第一个元素，并返回该元素的值。此方法更改数组的长度。三、操作1、concat() 方法用于合并两个或多个数组。此方法不会更改现有数组，而是返回一个新数组。var color = [‘
2020-06-23 19:54:37
276
原创 JS 回调函数
JS 回调函数回调函数：回调函数就是一个通过函数指针调用的函数。如果你把函数的指针（地址）作为参数传递给另一个函数，当这个指针被用为调用它所指向的函数时，我们就说这是回调函数。在JavaScript中，回调函数具体的定义为：函数A作为参数(函数引用)传递到另一个函数B中，并且这个函数B执行函数A。我们就说函数A叫做回调函数。如果没有名称(函数表达式)，就叫做匿名回调函数。 function a(callback) { callback(1,2) } a(funct
2020-06-23 19:52:34
162
原创 认识数据结构
一、认识数据结构什么是数据结构？下面是维基百科的解释：数据结构是计算机存储、组织数据的方式。数据结构意味着接口或封装：一个数据结构可被视为两个函数之间的接口，或者是由数据类型联合组成的存储内容的访问方法封装我们每天的编码中都会用到数据结构，数组是最简单的内存数据结构，下面是常见的数据结构：1、数组（Array）2、栈（Stack）3、队列（Queue）4、链表（Linked List）5、树（Tree）6、图（Graph）7、堆（Heap）8、散列表（Hash）下面来学习栈和队列。
2020-06-19 19:47:28
253
原创 GitHub的配置与使用
git使用配置身份：git config --global user.name ‘xxx’git config --global user.email ‘xxx@qq.com’1、在某个文件中初始化创建仓库git init2、将文件添加到工作区git add 文件名/*（添加所有文件）3:将add的文件提交到本地仓库git commit -m ‘本次提交备注信息’如何查看提交日志git log表示查看当前版本提交的日志git reflog 表示查看历史日志git reset --h
2020-06-17 20:36:40
130
原创 css常见问题解决
css常见问题解决1、图片在IE6及以下有边框 解决：给img{border：0 none}2、div插入图片有间隙 解决：（1）div{font-size：0}（2）img{display：block}3、双倍浮动。在IE6及以下，浮动的元素，有设置margin，出现双倍外边距 解决：给浮动的元素设置display：inline4、在IE6及以下版本，部分块级元素拥有默认高度解决：设置font-size：05、表单元素行高不一样 解决：input{flo
2020-06-17 20:35:05
362
原创 执行npm publish出现npm ERR! publish Failed PUT 401解决办法
执行npm publish出现以下错误：npm ERR! publish Failed PUT 401npm ERR! code E401npm ERR! 404 [unauthorized] Login first: rgb_sjnpm ERR! 404 npm ERR! 404 'rgb_sj' is not in thnpm ERR! 404 You should bug the authe name yourself!)npm ERR! 404npm ERR! 404 Note t
2020-06-17 20:29:53
7653
原创 javascript 中数据类型相应的检测与判断
js 数据类型检测typeof返回可能的值（8种）：string、boolean、number、object、function、undefined、null、symboltypeof是什么？typeof是一个一元操作符，并不是函数typeof用途typeof null ==‘object’ // truetypeof [] ==‘object’ // truetypeof {} ==‘object’ // true在实际开发中，typeof 只适合用来检测元素是否为undefiend和f
2020-06-17 20:18:19
129
原创 CSS 网页适配 iPhoneX以上机型
CSS 网页适配 iPhoneX，就是这么简单**iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理，所以我们只需要关注底部与小黑条的适配问题即可（即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素）。笔者通过查阅了一些官方文档，以及结合实际项目中的一些处理经验，整理了一套简单的适配方案分享给大家，希望对大家有所帮助，以下是处理前后效果图：适配之前需要了解的几个新知识安全区域安全
2020-06-17 20:14:40
464
原创 javascript数据类型与隐式类型转换
js数据类型与隐式类型转换执行环境执行环境是js中最为重要的一个概念。执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象（variable object），环境中定义的所有变量和函数都保存在这个对象中。虽然我们写的代码无法访问这个对象，但解析器在处理数据时会在后台使用它。全局执行环境全局执行环境是最外围的一个执行环境。根据ECMAScript实现所在的宿主环境不同，表示执行环境的对象也不一样。在Web浏览器中，全局执行环境被认为是window对象
2020-06-17 20:14:15
226
原创 CSS中 em和rem的区别
CSS 单位em和rem的区别展开在css中单位长度用的最多的是px、em、rem，这三个的区别是：px是固定的像素，一旦设置了就无法因为适应页面大小而改变。em和rem相对于px更具有灵活性，他们是相对长度单位，意思是长度不是定死了的，更适用于响应式布局。对于em和rem的区别一句话概括：em相对于父元素，rem相对于根元素。rem中的r意思是root（根源），这也就不难理解了。em子元素字体大小的em是相对于父元素字体大小元素的width/height/padding/margin用e
2020-06-17 20:13:10
543
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人