自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端面试题集锦(7)

1、常见的跨域方式 ?2、对象的遍历方法 3、数组扁平化4、typeof 原理5、介绍类型转化6、闭包的问题和优化7、浏览器和Node事件循环的区别

2022-12-08 20:43:55 498 1

原创 node.js的四种内置模块

1、node.js内置模块的概念node.js的内置模块也叫作node.js的核心模块,它是node.js自带的模块,在下载了node.js后就会有的,并不需要从外部引入2、fs内置模块3、path内置模块4、url内置模块5、http内置模块

2022-12-07 20:35:28 1704

原创 前端面试题集锦(6)

1、 常见的兼容问题有哪些 ?1.1 获取标签节点:1.2 获取卷去的高度:1.3获取样式 :1.4 事件侦听器:1.5 事件解绑 :1.6 事件对象的获取 :1.7 阻止默认行为 :1.8 阻止事件冒泡2、 在 JS 中如何阻止事件冒泡 ? 4、 你了解构造函数吗 ? class 是什么 ? 两者有什么区别 5. JS 的数据类型有哪些 ? 如何判断数据类型 ?他们的优缺点是什么?8、数组常用方法有那些?9、JavaScript如何存储cookie 10.函数的柯里化

2022-12-05 20:08:39 801 2

原创 前端面试题集锦(5)

1、Promsie.all() 使用过吗, 它是怎么使用的 ?2、for in 和 for of 循环的区别 ?3、 什么是事件流以及事件流的传播机制 ?4、token 一般存放在哪里 ? 为什么不存放在 cookie 内 ?5、 数组方法 forEach 和 map 的区别 ?6、 ES6 中 Set 和 Map 的区别?7、 0.1 + 0.2 为什么不等于 0.3, 在项目中遇到要怎么处理 ?8、 什么是模块化思想 ?9、 说说怎么用js 写无缝轮播图10、 闭包

2022-12-03 16:44:02 436

原创 node.js的模块化

一、模块化的概念1.什么是模块化2.编程领域中的模块化二、node.js中模块的分类三、require() 加载模块四. 模块作用域五、module对象六、module.exports对象七、exports对象八、CommonJS规定:九、关于包(第三方模块)十、解决下载包的速度慢的问题

2022-12-03 11:05:32 1229 3

原创 前端面试题集锦(4)

1、对 this 的理解, 三种改变 this 的方式 ?2、cookie, localStorage,sessionStorage 的区别 ?3、原生 ajax 的流程 ? 4、如何实现继承 ?5、函数的节流和防抖是什么?6、什么是 Promise 以及promise的作用?7、Promsie 和 async/await 的区别和使用 ?8、对于数组去重你有哪些办法?9、如何实现数组的复制 ?10、git 的常用指令有哪些 ?

2022-12-02 19:50:09 660 1

原创 node.js的认识与安装

Node.js 是一个基于 Chrome JavaScript 运行时建立的一个开源的、跨平台的JavaScript 运行时环境。Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境,基于 Google 的 V8 引擎,V8 引擎执行 Javascript 的速度非常快,性能非常好。非模块, 就是将所有的 js 引入到某一个 html, 此时所有的 JS 文件公用一个 window。LTS为长期稳定版,对于追求稳定性的企业级项目来说,推荐安装 LTS 版本的 Node.js。

2022-12-01 20:37:59 880 8

原创 前端面试题集锦(3)

1、解释一下什么是闭包 ?2、解释一下原型和原型链 ?3、说一下 ES6 中你熟悉的一些内容 ?4、数组排序的方式 ?5、什么是事件轮询(EventLoop) ?6、数组的一些API, 哪些能够改变原数组, 那些不能 ?7、for 循环与 forEach 的区别 ?8、url 的组成 ?9、Promise 的使用场景 ?10、let, const, var 的区别 ?

2022-12-01 19:29:37 1019 1

原创 JS 分页效果展示

首先是默认界面,默认首次进入页面的时候,每页展示4条数据,默认展示第一页,并把向前翻页按钮禁止掉。🏡 点击下一页按钮,可以进行翻页效果,当前页不是第一页或者最后一页时,前后翻页按钮都是可用状态。🏡 点击展示数据的按钮 可以渲染不同数量的数据在页面中。

2022-11-30 20:25:08 1081

原创 前端面试题集锦(2)

如果父元素或者是就近的父级元素有定位则相对于就进行元素的左上角进行位置的调整;绝对定位 的参照物就是所谓的包含块的意思。是绝对定位,是基于最近的被设置了非静态定位的上级元素进行定位的,他会脱离文档流,常用的场景是子绝父相。固定定位:参照物是浏览器可视窗口位置的左上角进行位置调整,不会受到滚动条的滚动而影响。事件的监听上,简单说在滑动过程中,某个元素距离其父元素的距离达到 sticky 粘性定位 要求时;使用定位的时候如果需要元素进行位置的调整需要配合偏移属性进行实现对应的效果。

2022-11-30 19:55:33 310 1

原创 前端面试题集锦(1)

em:如果自身有字体大小的设置,那么就相对于自身字体大小设置,如果自身没有字体大小 设置,那么就相当于父元素进行设置。渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域。就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素。选择器含义:选择器是查找页面元素的一种方式方法,选择器的种类有很多种。px:是像素单位,属于绝对单位,是一个具体的大小。但是具体含义存在区别。:当一个页面被加载的时候(就是被浏览者浏览的时候),完成的页面的宽度等于设备的宽度,页面的缩放比例为。

2022-11-30 19:15:53 449

原创 JavaScript的判断语句

【代码】JavaScript的判断语句。JavaScript的判断语句。JavaScript的判断语句。JavaScript的判断语句。JavaScript的判断语句。JavaScript的判断语句。JavaScript的判断语句。JavaScript的判断语句。JavaScript的判断语句。JavaScript的判断语句。if/if,else,if/if,else,if/if,else,if/if,else,if/if,else,if/if,else,if/if,else,if/if,else,

2022-11-24 18:00:40 7811 1

原创 CSS清除浮动的五种方法(超详细)

浮动的原理是让图片脱离文档流,直接浮在桌面上。我们一般布局的时候都是只设置宽度不设置高度,让内容来自动填充高度。但使用浮动后会让原本填充的高度消失,父元素高度为0,后续添加内容布局会产生混乱,造成高度塌陷,这时候就可以利用清除浮动来解决父元素高度塌陷的问题。解决方法一(clear),解决方法二(overflow:hidden),解决方法三(给父元素添加高度),解决方法四(额外标签法),解决方法五(使用after伪元素清除浮动)

2022-11-23 20:02:54 13165 1

原创 CSS的选择器(超详细)

一、常用的选择器1.元素选择器2.类选择器(class选择器)3.id选择器4.通配符选择器二、群组选择器三、关系选择器1.后代选择器2.子代选择器3.相邻兄弟选择器4.通用兄弟选择器5.案例四、属性选择器五、伪类选择器1.常用的伪类选择器2.否定伪类3.元素的伪类六、伪元素选择器

2022-11-21 21:18:46 75123 7

原创 css的三种引入方式

css的三种引入方式,行内样式就是直接把css样式添加在HTML标签中,作为style样式的属性值内嵌式是在HTML中创建一个style标签,把css样式写入style标签内,style标签可以写在HTML中的任何位置,但是我们通常写在head标签里面。外链式是把css样式写入.css文件内,然后通过link标签链接。

2022-11-19 16:07:03 5897 2

原创 HTML的常用结构标签(详细)

html常用结构标签,文本,标题,加粗,切斜,换行,上标,下标,删除线,下划线,水平线,无序列表,有序列表,自定义列表,插入图片

2022-11-19 14:23:23 919

原创 JS中判断数据类型的几种方法

JS中判断数据类型的几种方法:1.typeof 2.constructor 3.instanceof 4.Object.prototype.toString.call

2022-11-19 10:49:06 376

原创 一篇文章弄懂JS中的原型和原型链

每一个函数都有一个原型(是一个空间,或者是一个对象,内部能存储一些东西),原型内部都有一个constructor,这个属性表明当前这个原型具体是哪个函数的。每一个对象都有一个__proto__ (注意:proto两边分别是两个下划线),可以去访问到自己构造函数的原型。🍀如果这里没找到, 会继续去对象的 __proto__ 查找, 找到直接使用, 然后停止查找。🍀如果没有找到, 会去对象的__proto__查找, 如果找到直接使用, 然后停止查找。对象访问原型的方法 : 对象.__proto__

2022-11-18 21:04:25 234 6

原创 自定义构造函数的书写和缺陷

1.一定是和 new 关键字连用,如果没有和 new 关键字连用,那么它就是一个普通函数2.当一个函数和 new 关键字连用的时候, 这个函数就被称为自定义构造函数, 这个函数内的 this 指向, 指向返回出来对象3.构造函数不能使用给箭头函数, 因为箭头函数内部没有 this4.构造函数内部不需要 returnreturn 了基本数据类型, 写了和没写一样return 了引用数据类型, 写了构造函数就没用了5.书写构造函数时, 首字母建议大写.目的: 仅仅是为了和普通函数区分开。

2022-11-17 20:36:21 273

原创 批量生产对象

内置构造函数的方式也不能批量生产对象。字面量的方式是不能批量生产对象的。4.自定义构造函数方式创建对象。* 手动向创建的对象添加属性。3.工厂函数方式创建对象。这个方法可以批量生产对象。2.内置构造函数的方式。* 手动给对象添加属性。* 手动创建一个函数。* 手动返回一个属性。* 自动创建一个对象。* 自动返回一个对象。

2022-11-17 20:01:06 211

原创 认识面向对象

面向对象也叫OOP (Object Oriented Programming),它不是一个语法,它是一种编程思想和架构。如果有这个机器, 我们直接通过这个机器去得到轮播图, 如果没有这个机器, 我们需要自己创造一个机器。找到一个"饭馆",它能够完成我的需求, “生产"一顿饭,然后我们通过这个"饭馆”,得到一顿饭。编程时注重过程, 一切功能都是一步一步来。如果有这个"饭馆",那我们直接使用;如果没有,那就自己开一个"饭馆"找一个 ‘机器’ 这个机器能生产产品, 这个产品就是轮播图。

2022-11-16 21:07:37 213

原创 HTML+CSS+JavaScript实现轮播图

左右按钮显示。点击右侧按钮一次,图片往左播放一张,以此类推, 左侧按钮同理。图片播放的同时,下面的焦点一起变化。点击焦点,可以播放对应的图片。鼠标不经过轮播图, 轮播图也会自动播放图片。鼠标经过轮播图模块的时候, 自动播放会停止。

2022-11-16 19:54:04 1061

原创 JS运动函数

运动函数,div盒子移动

2022-11-16 19:39:03 734

原创 正则中字符串的方法(search;match;replace)

正则中字符串的方法(search;match;replace)

2022-11-14 21:11:54 205

原创 JS中的正则表达式

正则就是一种规则的的表达式,书写一段规则,用于匹配一段字符串是否符合规则创建正则表达式创建正则表达式有两种方式:1.字面量的形式2.内置构造函数的形式 * 1. 字面量的形式 const reg = / abc / * 2. 内置构造函数的形式 const reg1 = new RegExp('abc') console . log(reg) // /abc/ console . log(reg1) // /abc/ *1.

2022-11-14 20:35:40 4850

原创 ES6基本语法

1.ES6的相关概念2.ES6新增语法2.1 le2.2 const2.3 let 与 const 的差异2.4 letconstva的区别2.5箭头函数2.6 箭头函数与普通函数的区别2.7 解构赋值3.ES6的内置对象扩展3.1 展开运算符(扩展运算符)3.2 Set 和 Map

2022-11-08 20:19:53 357

原创 this关键字

每一个函数内部都有一个关键字thisthis 的值, 只和函数的调用有关, 与函数书写无关1. 一个普通的全局函数, 在正常调用的情况下, this === window 2. 如果将函数放置到对象, 通过对象的语法去获取到并调用, 那么 this === 对象2. 如果将函数作为 事件处理函数, 那么触发的时候, 内部的 this 指向了 事件源3. 如果将函数作为定时器执行时的函数, 那么触发的时候, 内部的 this 指向了 全局对象 window

2022-11-07 19:48:56 207

原创 JS目标冒泡捕获

这里的目标就是事件源,传播时,会从目标传播到父级,body,html,document,window。'触发了 box2222 的点击事件''触发了 box1 的点击事件''触发了 box2 的点击事件''触发了 body 的点击事件''触发了 box1 的点击事件''触发了 body 的点击事件'

2022-11-05 10:45:31 178

原创 JS事件委托

事件委托是利用事件的冒泡原理来实现的,那么什么是事件冒泡呢?比如给最里面的li添加一个click点击事件,那么这个事件就会一层一层的往外执行.而利用事件委托,给最外层的div添加click事件,那么里面的ul,li做点击事件的时候,都会冒泡到最外层的div上,所以都会触发,这就是事件委托,委托它们父级代为执行事件.顾名思义,“事件代理”即是把原本需要绑定在子元素的响应事件委托给父元素,让父元素担当事件监听的职务。//新添加的li也可以触发点击事件。'我是通过 JS 创建的'**HTML和css部分。

2022-11-05 10:02:26 967

原创 JavaScript中关于DOM的知识详解

DOM是一种文档对象模型,同时也是用于HTML编程的接口,通过DOM来操作页面中的元素。当HTML页面被实现加载的时候,浏览器会创建一个DOM,给文档提供了一种新的逻辑结构,并且可以改变内容和结构。DOM是面向对象,并且定义了修改文档所需要的对象,各个对象之前的关系,我们可以也页面上的DOM看成一个树状结构,通过JS,对HTML文档进行添加排版,JS要想访问HTML中的元素,就要通过对象模型来获得。

2022-11-03 20:55:12 418

原创 通过JS实现瀑布流效果

JS实现瀑布流效果/ 默认每页展示数据 8 条(因为4条高度不够,不能滚动)// 因为每页展示数据固定, 所以总页数也是固定。// 2. 首次打开页面时, 直接调用渲染函数。// 3.1 如果后续没有新数据, 那么不执行。// 3.2.5 打开 loading 图片。// 3.2.4 开始请求, 修改开关的值。// 3. 监听页面的滚动事件。// loadding 效果。// 1.1 从数组截取数据。// 浏览器的可视区域高度。// 3.2.2 书写判断。// 1. 准备渲染函数。// 1.2 展示到页面。

2022-11-03 19:04:47 443

原创 JavaScript的事件汇总

DOM 2级事件绑定(事件监听) 事件源.addEventListener(‘事件类型’, 事件处理函数)// 4. 鼠标按下事件 鼠标左键按下的时候会触发的(哪怕鼠标没有抬起)// 8. 鼠标移动事件 鼠标在元素内部移动时触发。// 5. 鼠标抬起事件 鼠标左键抬起的时候会触发的。// 6. 鼠标移入事件 鼠标的移动到元素内部时触发。// 7. 鼠标移出事件 鼠标移动出元素内部时触发。// console.log('鼠标移动时触发')

2022-11-02 20:37:44 239

原创 JS之全选按钮的实现

/ 点击其中一个按钮的时候, 判断其他几个 的选中状态是否为 true;如果都是true 那么选中全选;//获取所有class为item的元素,并且输出为真数组。//获取所有class为item的元素,并且输出为真数组。//获取所有class为item的元素,并且输出为真数组。// 获取class为allBtn的元素。// 获取class为allBtn的元素。// 获取class为allBtn的元素。//取消选中1~4选项。//取消选中1~4选项。

2022-11-01 20:43:50 780

原创 JavaScript实现回到顶部效果

可以通过element.scrollTop的方法实现回到顶部的效果,如下:

2022-11-01 19:41:37 649 4

原创 JavaScript中cookie的认知

不管设置的是哪个时区的时间,它都会按照世界标准时间去设置,以中国为例,处于东八区,如果需要设置一个过期时间的话 ,需要先往后面调整8个小时,然后再加上需要的过期时间。cookie只能在用服务器启动的页面中正常使用.解决办法:vscode安装live server。

2022-10-31 19:24:26 204

原创 cookie与storage的区别(JS)

cookie:默会话画级,页面关闭,存储消失;sessionstorage:会话级别, 关闭页面,存储就失效。storage:交互式请求不会携带,属于前端人员配置出传递。localstorage:永久存储,除非手动清理。cookie:交互时请求默认携带cookie。co4.okie:不管前后端语言都可操作。storage:只能在前端语言来操作。storage:有\H5以后才有的。storage:不能通过手动配置.cookie:有JS的时候就有了。

2022-10-31 14:28:15 274

原创 JavaScript中字符串的方法

作用: 找到当前字符串中第一个参数对应的值, 然后将其替换为 第二个参数传入的数据。返回值: 查询到的值对应的十进制码, 没有查询到就是 NaN。返回值: true: 是开头;作用: 在 字符串中找到分隔符, 将其分割, 并放置到数组中。作用: 判断 当前字符串中 是否拥有 指定字符串 片段。返回值: 查询到的值, 没有查询到就是一个 空字符串。作用: 寻找数据在字符串中出现的位置(倒叙查找)作用: 查询字符串开头是不是 指定的 字符串片段。作用: 查询字符串结尾是不是 指定的 字符串片段。

2022-10-28 19:29:29 200

原创 JavaScript中数组的遍历方法

【代码】JavaScript中数组的遍历方法。数组的遍历方法forEach; map; filter; find; findIndex; every; some; reduce;

2022-10-27 19:39:49 577

原创 JavaScript中数字的方法

作用:得到一个0~1之间的随机数,包含0,不包含1。语法:Math.max(数据1,数据2,数据3…语法:Math.min(数据1,数据2,数据3…语法:Math.pow(数据1,数据2)语法:Math.random()语法:Math.round()语法:Math.floor()语法:Math.ceil()语法:Math.sqrt()语法:Math.abs()作用:将数据四舍五入取整。作用:求参数中的最小值。作用:求参数中的最小值。作用:将数据向上取整。作用:取数据的绝对值。语法:Math.PI。

2022-10-27 16:23:49 264

原创 JavaScript中数组的方法

数组.sort(function (a, b) {retrun a - b});数组.splice(开始索引, 多少个, 数据1, 数据2, 数据3…作用: 将 参数, 合并到 指定数组内(如果参数写了数组, 那么会将数组的每一个值合并到指定数组)会将数组内所有值, 转换为字符串, 然后一位一位的对比(第一位相同,对比第二位,…传递参数: 剪切数组中的某一段数据, 将第三个参数开始, 当成新数据插入到数组内。语法: 数组.slice(开始索引, 结束索引)语法: 数组.concat(数据1, 数据2)

2022-10-26 20:18:43 205

空空如也

空空如也

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

TA关注的人

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