自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 js对象深拷贝方法,解决等号赋值后一个对象中的对象改变时另一个对象的对象也随着改变的方法!

js深拷贝方法:对象深拷贝,等号赋值后一个对象中的对象改变时另一个对象的对象也随着先来一段代码看看我们的问题:var obj1={ name:'lisi', age:{ width:1, height:2, }}var obj2={};for(var key in obj1){ obj2[key]=obj1[key];}obj1.age.width++; obj1.name='tom'console.log(obj1==obj2

2020-12-29 17:29:21 1444 2

原创 怎么访问对象数组属性,并且获取某个属性的最大值以及这个属性的对象

js对对象数组进行排序和获取属性中的最大值以及这个属性的对象var users=[{ id:1, name:'lisi', age:20, gender:'men', date:new Date('2020-10-1').getTime() },{ id:5, name:'tom', age:20, gender:'men', date:new Date('2020-4-6').getTime() },{

2020-11-10 10:30:22 2036 2

原创 怎么让el-table中的文本居中

header-cell-style设置头部居中;cell-style设置单元格内容居中<el-table :data="tableData1" :header-cell-style="{'text-align':'center'}" :cell-style="{'text-align':'center'}" style="width: 100%"></el-table>el-table-column设置表格内居中 align=“center”

2020-10-16 15:59:12 14130 5

原创 js中实现阶乘(多种方法)以及阶乘求和

JS实现阶乘的三种方法for循环while循环do-while循环for循环var str="for循环实现10的阶乘";document.write("<h1>"+str+"</h1>"); var s=0; for(var n=1;n<=10;n++){ function sum(n){ if(n<=1){ return 1 }else{ /*return n*

2020-08-31 22:29:08 23748

原创 用sort()方法来实现JS中的对象数组排序

一般的数组排序都是数值类型或者字符串类型,下面有一个数值类型数组:**数组排序调用sort()函数,function函数进行相应的排序顺序返回值为正数,代表将a向后排列,这里我是从小到大进行排序//数值类型数组排序 var arr = [3,2,11,4,22] //定义一个数组 var result=arr.sort(function(a,b){ if(a>b){ return 1; }else if(a<b){ retu

2020-08-24 10:52:24 1541 1

原创 HTML5+CSS3实现轮播图

HTML+CSS写轮播图利用CSS3的新属性,可以实现轮播,主要是利用CSS3的动画的三要素:(1)、先创建一个名称叫什么的动画<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document<

2020-08-07 18:58:54 7061

原创 如何处理HTML5新标签的浏览器兼容问题???

html5有哪些新特性、移除了哪些元素?如何处理HTML5新标签的浏览器兼容问题?1、新特性语义化标签:article、footer、section、header、nav视频和音频:video、audiocanvas画布:图形容器、必须使用js脚本来绘制图形2、移除的元素<basefont> 默认字体<font> 字体标签<center> 水平居中<u> 下划线3、处理html5新标签与浏览器兼容性问题:(1

2020-11-16 10:08:07 1995

原创 各种常用的默认端口号

各种常用的默认端口号端口号的范围:1~655351~1024是被RFC 3232规定好的端口(well know ports)1025~65535的端口被称为动态端口(Dynamic Ports)一些常见的端口号及其用途如下:21端口:FTP 文件传输服务22端口:SSH 远程连接服务53端口:DNS 域名解析服务80端口:HTTP 超文本传输服务443端口:HTTPS 加密的超文本传输服务3306端口:MYSQL数据库端口8080端口:TCP服务端默认端口8888端口:Ngin

2020-11-07 10:07:44 2628

原创 什么是闭包,闭包内存泄漏怎么解决?

1、什么是闭包?闭包就是一个函数,能够访问其他函数内部变量的函数,保护变量不被内存回收机制回收,避免全局变量被污染。闭包示例代码:function foo(){ var i=0; return function(){ //这个就是一个闭包函数 console.log(i++); //变量不会被内存回收机制回收 }}var f1=foo(), f2=foo(); f1(); // 0f1(); // 1f2(); //

2020-11-06 14:53:16 2161

原创 重绘和回流的区别

1、回流:元素的大小或者位置发生改变(当页面布局发生改变的时候),触发了重新布局导致渲染树重新计算布局和渲染​如添加或删除可见的DOM元素;元素的位置发生变化;元素的尺寸发生变化、内容发生变化(如文本变化或图片被另一个不同尺寸的图片所代替);页面一开始渲染的时候(无法避免);​ 因为回流是根据视口大小来计算元素的位置和大小的,所以浏览器窗口尺寸变化也会引起回流2、重绘:只改变自身样式,不会影响到其他元素元素样式的改变(但宽高、大小、位置不变)eg: visibility、color、

2020-11-04 10:23:26 10042

原创 jquery事件嵌套出现的问题怎么去解决???

jquery事件嵌套出现的问题怎么去解决???前言 –引入问题在开发过程中我们总会不经意间把一个事件嵌套到另一个事件中,其实这是很危险的,BUG会一个接一个的来,而且如果你不了解事件嵌套与绑定的原理,那么就很难发现问题的所在之处,因为按照正常思维来说,这是可行的,而且程序逻辑不会有什么问题。那么到底是什么导致了事件嵌套出现了问题呢?事件嵌套与绑定先来一个简单的程序模型来认识一下事件的嵌套和绑定:<script> $('Btn1').click(function () {

2020-11-02 20:59:44 382

原创 常用的数组Api(方法)

不改变原数组1、join()方法——把数组中的所有元素放入一个字符串把数组中的所有元素放入一个字符串: join()——默认每个元素中之间是逗号隔开 join("-")——每个元素之间以 - 隔开 var arr=[1,2,3]; var str=arr.join();//默认是逗号,也可以自定义连接符 console.log(str); //1,2,3 console.log(arr); //[1,2,3]运行结果:2、concat()方法——数组拼接..

2020-10-30 14:05:39 2708

原创 怎么在VS code中运行node.js文件

windows系统1、电脑本地下载node.js官网地址:https://nodejs.org/en/下载安装完成后,我们去cmd中查看是否安装成功。查看版本号:node -v2、在vs code中创建一个test.js文件,在test.js文件中写下如下测试代码:点击运行,打开配置打开配置后,就会产生一个launch.json文件...

2020-10-29 15:41:45 2506 2

原创 两个数组如何合并,并去除重复元素

需求:将数组arr1和数组arr2合并,并去除重复元素第一步:使用concat()方法进行数组合并 var arr1=[1,2,3] var arr2=[2,3,4] console.log(arr1.concat(arr2)) //[1,2,3,2,3,4]第二步:然后用set()方法数组去重 var a=new Set(arr1.concat(arr2)) console.log(a) //set集合默认从小到大排序第三步:将set集合转换为数组

2020-10-28 20:56:48 5576

原创 两个数组如何去除相同的元素,并组成一个新数组

需求:两个数组做比较,在ary01里把含有ary02的元素删掉,组成新的数组ary03// 数组去重 let arr01=[1,2,3] let arr02=[2,3,4] let newArr=[] // 遍历两个数组,并判断数值是否相等,如果相等,就将空字符串赋值给该数值 for(var i=0;i<arr01.length;i++){ for(var j=0;j<arr02.lengt

2020-10-28 11:28:55 3874

原创 微信小程序如何在线引入iconfont

1、在阿里巴巴矢量图标库官网上将项目所需要用到的图标建立好,在我的项目中会有一个在线链接,点击复制代码,将在线链接的地址复制下来,放在浏览器的官网上打开,会出现相应的样式代码,将代码全部复制下来,如图所示:第一步添加图标至项目:第二步点击在线链接,并复制代码第三步将在线链接的地址复制下来,放在浏览器的官网上打开,将代码全部复制下来2、在utils文件夹下建立一个iconfont.wxss文件,将之前在浏览器复制的代码全部放在这个文件里面,如图所示:3、在app.wxss文件中去

2020-10-27 17:09:28 1471 1

原创 JavaScript基础知识

JS基础知识1.变量声明方式var 变量可以重复声明 变量声明能够被提升 没有局部作用域 eg: function foo(){ if(true){ var a="hello" } console.log(a) function foo1(){ console.log(a) } foo1() // hello } foo() // hello //函数内部的变量不允许在外

2020-09-16 15:16:21 86

原创 es6基础知识

1.ES6介绍ES5的升级提供了简介的语法和新特性迭代器Map,Set箭头函数PromiseGenerator……ES6在浏览器上的兼容性差些,而Node.js环境对ES6支持度更高,如果想要将ES6运行在浏览器上,那么我们需要将ES6转换成ES5问题:怎么将ES6转换成ES5 使用Babel 怎么下载Babel 使用包管理工具 npm cnpm yarn 2.

2020-09-14 20:05:45 208

原创 web前端面试题html+css

1.你做的页面在哪些浏览器测试过?这些浏览器的内核分别是什么?**********************************************IE Trident内核(IE内核)Firefox Gecko内核 (firefox内核)Google Chrome webit内核 -> Blink内核(Chrome内核)Safari Webit内核opera Presto内核 -> webit内核 ->Blink内核谈谈你对内核的理解: 内核主要分为两部

2020-09-14 19:11:14 411

原创 jquery对象与dom对象的区别?

jquery对象与dom对象的区别?jquery对象与dom对象是不一样的可能一时半会分不清楚哪些是jquery对象,哪些是dom对象,下面重点介绍一下jquery对象,以及两者相互间的转换。通过一个简单的例子,简单区分下jquery对象与dom对象:<div id="eg"></div>我们要获取页面上这个id为eg的div元素,然后给这个文本节点增加一段文字:“您好”,并且让文字颜色变成红色。1、标准JavaScript处理(dom模型): <script

2020-09-03 15:52:39 276

原创 js中如何监听一个对象中属性的变化

要想监听属性的变化,首先需要通过Object.defineProperty()为需要监听的属性设置一个代理。通过改变代理的值,触发set和get的方法,在这两个方法中我们编写我们想要的操作。//Object.defineProperty()//当为obj.age赋值的时候就会调用set/get方法,达到静态age值改变的目的var obj = {name:"terry",age:1} Object.defineProperty(obj,"age",{设置age为代理 configurab

2020-08-31 17:21:22 2530

原创 html怎样引入css?

html引入css的四种方式***内联样式表、内部样式表、外部样式表、@import导入***1)、style属性方式:【内联样式表】利用标签中style属性来改变每个标签的显示样式<div style="width: 100px;height:100px;background-color:red;"></div>2)、内部style标签【内部样式表】将样式添加到head标签中的style标签里 <style> div{ widt

2020-08-16 20:49:32 328

原创 git的新手使用教程

在git中,使用git.commit命令时,这个Please tell me who yoy are 解决办法出现这个的原因就是您没登陆,您需要登录您的用户名和邮箱> git config --global user.name "Your name"> git config --global user.email "email@example.com"** 1) 个人使用**远程仓库 -> github本地仓库 -> 文件夹 **1. 先有远程仓库,再克隆

2020-07-29 23:30:36 196

空空如也

空空如也

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

TA关注的人

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