自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 事件监听、事件模型

事件监听 事件监听就是让计算机等待某个事件的发生,当这个事件发生之后,对其做出一个相应,如等待鼠标单击按钮,单击发生时打开一个新的页面;但是你写的监听事件发现这件事情后,会进行阻止,让其无法跳转。 事件监听涉及到三个类对象 EventSource(事件源)事件发生的场所 Event(事件):事件封装界面组件上面发生的特定事件 EventListener(事件监听器):负责监听事件源发生的事件 事件监听用法 1、当同一个对象使用.onclick的写法触发多个方法的时候,后一个方法会把前一个方法覆盖掉,也就

2020-09-13 20:18:11 104

原创 垃圾回收机制和内存泄漏

js垃圾回收 js能够自动回收申请却未使用的内存,由于每次清除需要的性能较大,不是时时在刷新,而是每隔一段时间才进行一次。 回收的两种方式 1.标记清除(常用) 在内存中先标记变量,然后清除那些那些进入环境或者引用的变量的标记,当进入环境退出环境,将被重新标记并被清除,释放出内存。 2.引用计数 计算变量被引用的次数,引用次数为0将被清除释放内存。 缺点: 无法清除那些引用次数不为0,但又不需要的内存 let arr = [1,2,3]; console.log('ok'); //数组[1

2020-09-13 20:04:14 62

原创 一分钟带你理解js设计模式

1.工厂模式 function createPerson(name,age,job){ var obj = new Object(); obj.name = name; obj.age = age; obj.job = job; obj.speak = function(){ console.log(this.name); }; return obj } var person1 = createPerson('panrui',20,'前

2020-09-13 19:49:46 89

原创 JavaScript中let、const、var 的区别

前言: 在ES5中,声明变量只有var和function两种形式。但是因为var声明的变量会有一定的缺点(内层变量可能覆盖外层变量的问题以及用来计数的循环变量泄露为全局变量,下面会有详细的介绍),ES6提出了使用let和const声明变量,下面就来看看他们之间的区别。 一、let const的用法: let 和const都是es6新增的关键字,作用是定义变量, let定义的变量只在代码块中有效,有自己单独的作用域,let不能重复声明,再声明就会报错,var可以先声明,let必须先声明再使用,var可以先使

2020-09-07 11:06:55 150

转载 js之继承

前言 继承在js中占有非常重要的地位,那么在js中有很多中继承的方式,不过每一种继承方式都有优缺点。下面就列举几种继承的方式。 实现继承首先需要一个父类,在js中实际上是没有类的概念,在es6中class虽然很像类,但实际上只是es5上语法糖而已 function People(name){ //属性 this.name = name || 'Annie' //实例方法 this.sleep=function(){ console.log(this.name + '正在睡觉')

2020-09-03 09:25:09 70

原创 前端面试之javascript中的this与call/apply/bind的关系

this 在浏览器里,在全局范围内 this等价于window对象; 用var声明一个变量和给this或者window添加属性是等价的; 如果你在声明一个变量的时候没有使用var或者let、const(es6),你就是在给全局的this添加或者改变属性值。 函数中的 this 对于函数中的this的指向问题,有一句话很好用:运行时this永远指向最后调用它的那个对象。 构造函数中的this 所谓构造函数,就是通过这个函数生成一个新对象(object)。当一个函数作为构造器使用时(通过 new 关键字),

2020-09-02 08:24:27 101

原创 js判断数据类型

1.typeof typeof是一个操作符,其右侧跟一个一元表达式,并返回这个表达式的数据类型。返回的结果用该类型的字符串(全小写字母)形式表示,包括number,string,boolean,undefined,object,function,symbol等。 typeof ""; //string typeof 1; //number typeof false; //boolean typeof undefined; //undefined typeof function(){}; //funct

2020-09-01 08:26:37 99

原创 js数据类型

JS数据类型:基础概念 请注意:JS的数据类型有8种。 在ES5的时候,我们认知的数据类型确实是 6种:Number、String、Boolean、undefined、object、Null。 ES6 中新增了一种 Symbol 。这种类型的对象永不相等,即始创建的时候传入相同的值,可以解决属性名冲突的问题,做为标记。 谷歌67版本中还出现了一种 bigInt。是指安全存储、操作大整数。(但是很多人不把这个做为一个类型)。 JS数据类型:JS 的数据类型有几种? 8种。Number、String、Bool

2020-09-01 08:12:57 180

原创 Css3动画详解

Css3动画 一、Css3动画 Css3 可以创建动画,它可以取代许多网页动画图像、Flash 动画和 JavaScript 实现的效果。 二、CSS3 @keyframes 规则 要创建 Css3 动画,你需要了解 @keyframes 规则。 @keyframes 规则是创建动画。 @keyframes 规则内指定一个 Css 样式和动画将逐步从目前的样式更改为新的样式。 当在 @keyframes 创建动画,把它绑定到一个选择器,否则动画不会有任何效果。 指定至少这两个Css3的动画属性绑定向

2020-08-31 08:23:33 148

原创 如何实现 水平/垂直居中

多种方法实现水平居中和垂直居中 一、水平居中(包含块中居中) 对于行内元素,在父级块级元素css属性中使用 text-align:center即可。 对于width固定的块级元素,使用margin:20px auto; / margin-left 与 margin-right 设置为 auto* 对于width不固定的块级元素: 1、使用table标签 第一步:为需要设置的居中的元素外面加入一个 table 标签 ( 包括 、、 )。 第二步:为这个 table 设置“左右 margin 居中”(这个

2020-08-28 08:18:24 160

原创 实现两栏布局、三栏布局的几种方式

两栏布局 1. float + margin .first-block { background: #F44336; width: 100px; height: 100px; float: left; } .second-block { background: #00BCD4; height:100%; margin-left:100px; } 2. float + overflow .first-block { background: #F44336; width:

2020-08-28 08:12:20 114

原创 Flex布局

Flex 布局教程:语法篇 Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。 任何一个容器都可以指定为Flex布局。 ** 一:有六个属性设置在box父容器上,来控制子元素的显示方式;分别是: flex-direction 设置主轴对齐方式 默认 row x轴从左到右; flex-wrap 子元素换行的方式 默认nowrap ; flex-flow f

2020-08-26 20:39:14 98

原创 盒子模型(标准盒模型,怪异盒模型)

Git基础 1. 什么是git git是目前世界上最先进的分布式版本控制系统。 2.什么是版本管理 版本管理是一种记录文件变化的方式,以便将来查阅特定版本的文件内容。 Git的基本操作 Git 使用前配置 由于git是分布式管理工具,需要输入用户名和邮箱以作为标识,因此,在命令行输入下列的命令: 一. git config --global user.name 提交人姓名 二. git config --global user.email 提交人邮箱 基本用法 一. git init 初始化g

2020-08-24 19:39:17 247 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除