自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 字符串和数组的相互转换

一、字符串转数组的四种方法一、字符串.split(' ')二、es6的新方法:Object.values(str);三.Array.from(str)四.es6中的扩展运算符(...)二、数组转成字符串数组方法 说明 toString() 将数组转换成一个字符串 toLocalString() 把数组转换成本地约定的字符串 join() 将数组元素连接起来以构建一个字符串 一、tostri...

2022-03-26 14:41:27 56319 2

原创 rem rpx vm,hv,百分比之间的区别

在选择使用这些单位时,需要根据具体的项目需求和使用场景来决定。这些单位提供了不同的灵活性和适应性,可以根据设计要求和目标平台选择合适的单位。、百分比都是用于处理布局和尺寸的单位,它们在使用场景和基准值上有所不同。

2023-11-21 14:40:25 540

原创 在JavaScript中,有几种方法可以判断一个变量是否是数组

如果你的项目需要兼容较旧的浏览器,可以使用 Array.isArray 的 Polyfill,确保该方法在所有环境中可用。方法,因为它是专门为此目的设计的,并且是在 ES5 中引入的标准方法。在处理多窗口(iframe)环境时可能会出现问题,因为每个窗口都有自己独立的全局执行环境。这是一种通用的方法,不仅可以用于数组,还可以用于其他类型的对象。这种方法的优势是可以处理跨窗口的情况,并且不受原型链污染的影响。是一个ES5引入的方法,用于检测传入的值是否为数组。是最简单和最可靠的方式。

2023-11-21 14:39:02 124

原创 css3网格布局和弹性布局比较

CSS3中的网格布局(Grid Layout)和弹性布局(Flexbox)是两种用于创建响应式和灵活布局的强大工具。

2023-11-21 14:01:30 522

原创 谈一谈前端对于性能的优化

前端面试题

2023-11-21 13:56:01 79

原创 vue请求时间太长_接口处理请求时间过长,前台响应“服务器超时”的解决办法

这些方法可以根据具体需求和情况进行选择和组合使用,以提高前端的用户体验和接口的性能。同时,还需要考虑服务器端的性能和网络环境,以及前后端的协作来实现最佳的用户体验。

2023-08-17 13:58:46 8789

原创 常见的JavaScript面试题目和答案

*事件循环是指 JavaScript 运行时对事件和任务进行调度的机制。JavaScript 是单线程的,因此必须采用异步编程来避免阻塞主线程。异步编程可以通过回调函数、Promise 和 async/await 等方式来实现。如何判断一个变量是否为数组?可以使用方法来判断一个变量是否为数组。// 输出 true// 输出 false。

2023-07-03 17:21:16 258

原创 数组api语法总结

JavaScript是一门广泛应用于Web开发的脚本语言。在JavaScript中,数组是一个非常重要的数据结构。为了更好地掌握JavaScript数组的使用,本文将对es5和es6的数组API语法进行总结。

2023-06-21 11:41:32 82

原创 Vue2+elementui表格实现拖拽行功能

elementui拖拽

2023-01-16 11:14:10 1861

原创 前端根据行index对elementui表格进行增加删除功能

点击添加:列表增加一行,点击删除:列表行若勾选上则删除勾选的行代码data:methods:

2022-12-21 11:14:18 668

原创 数组的一些处理事情

一个数组中有多维个数组如何合成一维数组并且去重

2022-11-01 11:02:06 88

原创 vue中$refs的用法及作用详解

vue的一些知识点

2022-10-14 17:35:03 241

原创 谈谈JavaScript事件

何为‘事件’用户在网页中的行为叫做事件学习事件的目的:希望能自定义的让用户在网页中进行某种行为之后,去执行写好一段代码

2022-03-29 19:23:07 1366

原创 javascript字符串

字符串方法 字符串.charCodeAt() String.fromCharCode() 字符串.indexOf() 字符串.lastIndexOf() 字符串.replace() 字符串.split() 字符串.slice() 字符串.trim() 字符串.trimLeft() 字符串.trimRight() 字符串.toUpperCase() 字符串.toLowerCase() 字符串.substr...

2022-03-26 14:02:37 107

原创 javascript (日期)Date对象的一些使用和方法

一.从时间日期对象中获取具体的时间// 从时间日期对象中获取具体的时间var date = new Date()console.log(date);// 获取年份 - 对象.getFullYear()var year = date.getFullYear()console.log(year);// 获取月份 - 对象.getMonth() - 在对象中,使用0~11来描述1~12月var month = date.getMonth() + 1 // 因为获取到的月份会比实际月份小1,所以

2022-03-22 00:14:55 4423

原创 javascript之Math

在javascript中Math是js的内置的对象,其中有很多属性和方法用来操作跟数学相关属性Math.PIMath方法有:Math.random()---随机数Math.ceil()--向上取整Math.floor()--向下取整Math.abs()--绝对值Math.max()--最大值Math.min()--最小值Math.pow()--求次方Math.sqrt()--开根号Math.around()-四舍五入Math.sin()--正弦Math.c

2022-03-21 19:59:33 2341

原创 javascript转换进制的方法

一,10进制转其他进制的方法:toString语法:10进制的数字.toString(目标进制)-返回转成进制后的数字,且以字符串的形式 显示例:var num = 5// 转成2进制var res = num.toString(2)console.log(res);//101其他进制转10进制语法 parseInt(其他进制数字,将数字当做多少进制来看)例:var num = '11'// var res = parseInt(num, 2) // 2进制转1.

2022-03-21 19:19:56 1361

原创 JavaScript数组ES5+ES6

数组概念1,数组是object数据类型的一种,也是一种比较复杂的数据2.一相当于一个大的空间存储多个小空间3.数组跟{}定义的对象区别A.对象{}object的数据是没有顺序的B.数据中的数据是有顺序的4.数组是用计算机内存中的一段连续的有顺序的空间,是使用一个变量来表示的数组的定义A. var arr = [数据,数据...];如:var arr = ['nihao', 'hello', 20]console.log(arr);B.var ar.

2022-03-14 22:56:23 958

原创 JavaScript的预解析

JavaScript代码执行之前,在所有代码中先查找变量(var)和函数的定义(function)(不包括赋值式函数)将变量和函数的定义提升到所有代码的最前面后再进行执行1,预解析的一些注意事项:当函数和变量在预解析的时候同名,会保留函数的定义,忽略变量的定义;2.当代码报错的时候,后续代码是不执行的3.不能执行的代码如果有函数或者函数的定义,也是可以提升的4.能提升的是变量的定义而不是变量的赋值;5.赋值式的函数,叫变量的定义,不叫定义函数一些预解析的习题 /...

2022-03-11 17:19:39 1068

原创 关于JavaScript函数的一些自己的理解和知识

函数的概念:函数可以理解为一个工具,在函数里面放一些代码,在本质上来说函数是一个容器语法:function name(参数 1, 参数 2, 参数 3) { 要执行的代码}注:函数名的命名规则跟变量名规则一样调用:函数名();函数分三种:有赋值式函数;匿名函数;自调用函数1,赋值式的函数:将一个函数代码赋值给一个变量;这是这个变量的类型是function如:这个a的值就是函数代码;这时的a()是可以直接调用的,但如果在代码段中有函数名称的话;是无法用函

2022-03-11 17:00:55 1425

原创 关于一个数字如取百位数,十位数,个位数

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" c...

2022-03-10 00:50:12 731

原创 关于循环的一些基础习题

循环的一些知识点1,while循环结构注意事项:while循环需要我们在循环外就将变量声名好,在执行代码的过程中,一定要让变量进行变化,否则这个循环就会无 休止的进行下去。 不会停止的循环叫做死循环,程序一直不会停止,cpu占用率越来越高,很容易造成系统崩溃。所以我们在写代码的 时候一定避免写成死循环。 2,do while循环结构3,for循环结构1,输出一百以内7 的倍数或者个位数为7或者十位数为7的数 // 条件:包含7或7...

2022-03-09 20:54:57 659

原创 JavaScript中的类型转换

1、字符串转数字类型1.Number()强制转换2、parseInt()*******常用于数字中取整数来使用*******字符串开头有整数的话取到整数其他都为NaN3.parseFloat()字符串开头有数字-能带小数点-取完数字即可其他都为NaN2....

2022-03-08 16:43:13 415

原创 JavaScript中比较运算符‘==’与‘===’的比较

==:如果两边操作数相等时返回true。不区分是数字类型还是字符串类型===:两边操作数相等且类型相同时返回true。参考文档:JavaScript中的基础数学 — 数字和操作符 - 学习 Web 开发 | MDN (mozilla.org)...

2022-03-07 20:36:14 305

原创 BFC到底是什么

BFC一个神奇的东西

2022-03-01 19:41:48 157

原创 垂直水平居中的几种方法

html<div class="box"> <p class="inner">hello word</p> </div>1flex布局利用justify-content: center;实现水平居中,aline-items:center实现垂直居中; .box{ width: 300px; height: 300px; background-color: aqua;

2022-02-28 20:54:22 216

原创 CSS权重问题

What:什么是CSS权重CSS权重指的是样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面写的样式。权重的等级可以把样式的应用方式分为几个等级,按照等级来计算权重1、!important,加在样式属性值后,权重值为 100002、内联样式(在标签里),如:<p style=””></p>,权重值为10003、ID选择器,如:#content,权重值为1004、类(class),伪类和属性选择器,

2022-02-28 17:34:31 896

原创 何为BFC

目录一、常见定位方案二、什么是BFC一、常见定位方案在讲 BFC 之前,我们先来了解一下常见的定位方案,定位方案是控制元素的布局,有三种常见方案:普通流 (normal flow)在普通流中,元素按照其在 HTML 中的先后位置至上而下布局,在这个过程中,行内元素水平排列,直到当行被占满然后换行,块级元素则会被渲染为完整的一个新行,除非另外指定,否则所有元素默认都是普通流定位,也可以说,普通流中元素的位置由该元素在 HTML 文档中的位置决定。浮动 (float)在浮

2022-02-28 17:25:16 72

原创 清除浮动的常用方法

为什么要清除浮动?清除浮动主要是为了解决,父元素因为子级元素浮动引起的内部高度为0的问题1.如下,我给父盒子设置一个boder,内部放两个盒子一个big 一个small,未给big和small设置浮动,则他们会默认撑开父盒子2.当我给内部两个盒子加上float属性的时候顶部深蓝色盒子就会顶上来,然后父盒子因为没设置高度,变成一条线,big和small已经浮动了总结一下:当父元素不给高度的时候,内部元素不浮动时会撑开而浮动的时候,父元素变成一条线这时..

2022-02-28 13:25:23 87

空空如也

空空如也

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

TA关注的人

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