自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JS数组排序的两种方式:sort()方法和冒泡排序

一、使用sort()方法let arrNew = arr.sort(function (a, b) { // return a - b //升序 默认 return b - a //倒序});console.log(arrNew);//[9, 8, 7, 6, 5, 4, 3, 2, 1]二、冒泡排序  先声明一个空变量用来通过for循环嵌套,比较相邻的两个元素,如果...

2019-12-15 18:45:09 671

原创 JS数组去重的三种常用方法

数组去重是JS初学者前期会遇到的一个问题,数组去重有许多种方法,这里总结出了最常用的几种。ES6 提供了新的数据结构 Set。似于数组,但它的一大特性就是所有元素都是唯一的,没有重复。我们可以利用这一唯一特性进行数组的去重工作。let set6 = new Set([1, 1, 2, 2, 3, 4, 3, 5])console.log(set6)...

2019-12-15 16:40:58 782

原创 JavaScript中的this指向详解

变量 作用域 作用域链 this什么是this  在JavaScript中,this的值是函数运行时所在的环境,在绝大多数情况下,函数的调用方式决定了this的值,并且每次函数被调用时this的值也可能会不同。 需要注意的是,如果在函数里使用严格模式,全局函数里this的值是undefined。而在匿名函数里则不会绑定任何对象。this的指向全局环境  无论是否在严格模式下,在全局执行...

2019-12-07 23:58:29 231

原创 JavaScript在执行前发生了什么?——预编译过程详解

  从我们在打开页面后到JavaScript代码执行这之间发生了三件事。  语法分析 -> 预编译 -> 解释执行。  其实在语法分析之前还有一些事情,但是若继续深入则会涉及到词法分析以及AST(抽象语法树)等内容,这部分知识对于初学者来说过于深入,我们暂时从语法分析开始说明。语法分析  浏览器中的JavaScript引擎会对代码进行扫描,查找低级语法错误,发现错误后中断分析并...

2019-12-07 17:48:56 291 1

原创 JavaScript中闭包的概念,作用及注意事项

什么是闭包  我认为【闭包】是描述了函数内部的一种数据行为。查阅了一些网站对闭包的定义后发现虽有细微差别但是共同之处都认同函数读取其他函数内部变量时,或是内部的函数引用了外部的函数的变量时形成了闭包。  闭包是引用了自由变量的函数。这个被引用的自由变量将和这个函数一同存在,即使已经离开了创造它的环境也不例外。在函数中可以(嵌套)定义另一个函数时,如果内部的函数引用了外部的函数的变量,则可能产生...

2019-12-07 11:16:16 281

转载 零基础的前端开发初学者应如何系统地学习?前端技能汇总 Frontend Knowledge Structure

本文转自张帅于知乎《零基础的前端开发初学者应如何系统地学习?》中的回答。知乎原文:https://www.zhihu.com/question/19834302GitHub原文:前端技能汇总 Frontend Knowledge Structure ...

2019-11-24 18:13:00 357

原创 CSS实现鼠标悬浮时背景图片拉近且增加遮罩层效果

  我们在浏览网站时会发现有一些图片在鼠标悬浮在上时会有放大拉近的效果,想要实现这个效果有两种方法,第一种方法是控制背景图片,第二种方法是控制插入的图片,我们这里介绍第一种控制背景图片的方法。背景图片放大  将背景图片定位在中间,然后鼠标悬浮时将背景图放大再添加遮罩层。  看到这个需求时首先想到对背景图片进行放大就可以了。这时候出现了第一个问题,如果单纯控制背景图片大小的话那么放大时的基准点...

2019-11-23 15:00:09 2748

原创 JavaScript是一种什么语言?——JavaScript的概念、特点、使用及执行顺序。

1.JavaScript概念  JavaScript是一种基于原型的面向对象的语言。  同时,因为JavaScript是脚本语言,而脚本语言又是一种解释性的语言,  所以JavaScript是逐行执行的同时也具有解释型语言的特点:不需要编译可以直接使用,由解释器来负责解释。2.JavaScript特点(1)面向对象  JavaScript 语言标准已经明确说明,JavaScript...

2019-11-23 11:21:27 4888 2

转载 JavaScript 到底是面向对象语言还是基于对象语言?

  与其它的语言相比,JavaScript 中的“对象”总是显得不是那么合群。一些新人在学习 JavaScript 面向对象时,往往也会有疑惑:为什么 JavaScript(直到 ES6)有对象的概念,但是却没有像其他的语言那样,有类的概念呢?为什么在 JavaScript 对象里可以自由添加属性,而其他的语言却不能呢?  甚至一些争论中,有人强调,JavaScript 并非“面向对象的语言”,...

2019-11-22 19:22:28 1437

转载 [译文]javascript真的是一门面向对象编程的语言么?

  原文[ https://dzone.com/articles/is-javascript-a-true-oop-language ]  我知道,这个话题已经被讨论过无数次,但是,它是当前总会被提及的话题。每当一个使用Java或C#或者其他面向对象开发语言的开发者接触JavaScript的时候,他总会抱怨,会说JavaScript太混乱、没有类型、结构也不好,还有很多奇奇怪怪的地方,它的对象支...

2019-11-22 18:46:49 254

原创 CSS渐变色边框动态旋转的效果

渐变色边框围绕内容区域进行旋转的效果

2019-11-16 17:15:58 1758 1

原创 CSS实现带有遮罩层的弹窗效果以及:target选择器的使用方法

原理是使用visibility: hidden;将内容隐藏,再利用:target选择器选中该标签将visibility: hidden;变为visibility: visible;就实现了弹窗效果首先将希望实现弹窗效果的内容嵌套进一个DIV盒子中,再使用visibility: hidden;将包裹着内容的元素隐藏。然后使用:target <!-- 按钮 --> <a ...

2019-11-15 20:03:23 831

空空如也

空空如也

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

TA关注的人

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