4 qq_38577700

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 20w+

find(), findIndex(),indexof使用方法和区别

老祖宗说的好 学而时习之 不亦说乎 还得边记录边复习呀find()find()方法,用于找出第一个符合条件的数组成员。它的参数是一个回调函数,所有数组成员依次执行该回调函数,直到找出第一个返回值为true的成员,然后返回该成员。如果没有符合条件的成员,则返回undefined。[1, 2, 5, -1, 9].find((n) => n < 0)//找出数组中第一个小于 0 的成员// -1findIndex()findIndex()方法的用法与find()方法非常类似,返

2020-10-22 11:41:53

forEach() ,map(),some(), every()使用方法和区别

forEach()遍历数组全部元素,利用回调函数对数组进行操作,自动遍历整个数组,且无法break中途跳出循环,不可控,不支持return操作输出,return只用于控制循环是否跳出当前循环。回调有三个参数:第一个参数是遍历的数组内容,第二个参数是对应的数组索引,第三个参数是数组本身 var ary = [12,23,24,42,1]; var res = ary.forEach(function (item,index,input) { input[index] = item

2020-10-21 09:35:29

字符串和对象互转以及JSON.parse() 的坑

最近去了一个公司和后端的开发人员还没熟,导致以前不会出现的问题 现在都会变成拦路虎 相当于也是一次学习的机会吧这是以前写的 不是特别全面 今天做一个补充因为使用JSON.parse需严格遵守JSON规范,所以报错了,转换格式就成功了最后总结来说,如果使用JSON.parse()方法来转化成json对象的数据格式的话,需要注意的是被转化的字符串里面的属性要使用引号,并且总体是单引号套双引号的方式。重点如果你使用eval()或者new Function()的方式来转化,那就完全可以忽略上述

2020-10-19 15:21:03

js的运算符

注意不要拿浮点数做==操作递增运算符前置递增运算符++num(先加1在返回值)后置递增:先返回原值,在自加如果单独使用则没有区别==默认转换数据类型 要求值相等,===一模一样 要求变量的值和数据类型都一样33...

2020-09-28 10:12:26

解释型语言和编译型语言

js数据客户端的脚本语言是解释型语言,Java是编译型语言,他们的不同是翻译的时间点不同,编译器是在代码执行之前进行编译,生成中间代码文件,解释是在运行时进行及时的解释,并立即执行...

2020-09-27 15:17:12

获取变量的数据类型以及数据类型的转换

检测变量类型可以通过控制台的颜色判断变量类型,黑色代表字符串转换成字符串加号称之为隐式转换转换为数字型parseInt如果是小数,是一个取整操作,会帮助我们去掉以数据开口后面非数字的东西转换成布尔剩下的都是true...

2020-09-27 15:08:48

js数据类型

数据类型不同数据类型占据的空间不同,js中的数据类型是可变的简单数据类型学到07

2020-09-23 16:05:05

js变量详解

变量的本质变量是程序在内存中申请的一块用来存放数据的空间,变量是由空间和名字组成的变量的使用

2020-09-23 15:50:34

JavaSript初始

JavaScript是运行在客户端的脚本语言(逐行来进行解释并执行的)浏览器执行js介绍渲染引擎:用来解析HTML和css,俗称内核,比如Chrome浏览器的blink,老版本的webKitjs引擎:又称为js解析器,比如Chrome的v8js组成dom(文档对象)和bom操做浏览器窗口JavaScript形式行内式js 直接写到元素内容内嵌式js外部js...

2020-09-23 15:00:44

vue-组件化开发

组件注册注意事项data必须是一个函数(实际上就是产生一个闭包环境)组件模板必须是单个的根元素(最外层的元素必须一个元素,没有兄弟元素)组件模板内容可以是模板字符串:template:反引号如果使用驼峰式组件命名,但是在标签模板必须使用短横线方式父组件向子组件传值组件内部通过props接收传递过来的值父组件通过属性将值传递给子组件...

2020-09-11 17:42:42

vue常用特性

自定义指令vue.directive('focus',{//定义指令,focus是自定义的 inserted:function(el){ //el表示指令所绑定的元素 el.focus() }})//用的话加上v-focus带参数的自定义指令vue.directive('color',{//定义指令,focus是自定义的 inserted:function(el,binding){ //el表示指令所绑定的元素 el.style.backgroundColor=bind

2020-09-11 14:22:45

vue模板语法学习记录

vue:渐进式javaScript框架声明式渲染—组件系统—客户端路由—集中式状态管理(vue)—项目构建实例属性:el元素的挂载位置(值可以是css选择器或者Dom节点)data:模型数据(值是一个对象)vue运行原理编译过程(vue语法—原生语法)vue语法转换成原生语法是中间的vue框架在起作用前端渲染方式原生js拼接字符串:数据以字符串的方式拼接到HTML标签缺点:代码不够规范,不利用后期维护前端模板引擎:好维护,但是没有专门提供事件机制模板语法:插值表达式:{{}},存在

2020-09-10 16:00:13

CSS中support, media各自的含义及用法

supportCSS中的@support主要是用于检测浏览器是否支持CSS的某个属性,其实就是条件判断,如果支持某个属性,你可以写一套样式,如果不支持某个属性,你也可以提供另外一套样式作为替补。但是这里有一点需要注意的是:@support对于浏览器的版本也是有要求的,不是说所有的浏览器以及其所有的版本都是支持@support的基本语法@supports (display: flex) { div { display: flex; }} //如果浏览器支持display:flex属性的话,那么div的样

2020-09-09 09:16:35

get和post请求

1.get传参方式是通过地址栏URL传递,是可以直接看到get传递的参数,post传参方式参数URL不可见,get把请求的数据在URL后通过?连接,通过&进行参数分割。psot将参数存放在HTTP的包体内2.get传递数据是通过URL进行传递,对传递的数据长度是受到URL大小的限制,URL最大长度是2048个字符。post没有长度限制3.get后退不会有影响,post后退会重新进行提交4.get请求可以被缓存,post不可以被缓存5.get请求只URL编码,post支持多种编码方式6.ge

2020-09-09 09:11:34

Web前端性能优化——如何提高页面加载速度

引言最近参加了两次前端面试,都提到了页面优化的问题,所以做个记录吧!

2020-09-08 14:06:45

CSS sprites

CSS sprites是什么?CSS Sprites是一种网页图片应用处理方式,就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位。优点减少网页的http请求,提高性能,这也是CSS Sprites最大的优点,也是其被广泛传播和应用的主要原因;减少图片的字节:多张图片合并成1张图片的字节小于多张图片的字节总和;减少了命名困扰:只需对一张集合的图片命

2020-09-08 09:37:07

1rem、1em、1vh、1px各自代表的含义

remrem是全部的长度都相对于根元素<html>元素。通常做法是给html元素设置一个字体大小,然后其他元素的长度单位就为rem。em子元素字体大小的em是相对于父元素字体大小元素的width/height/padding/margin用em的话是相对于该元素的font-sizevw/vh全称是 Viewport Width 和 Viewport Height,视窗的宽度和高度,相当于 屏幕宽度和高度的 1%,不过,处理宽度的时候%单位更合适,处理高度的 话 vh 单位更好。px

2020-09-03 17:42:44

css水平、垂直居中的写法

水平居中行内元素: text-align: center块级元素: margin: 0 autoposition:absolute +left:50%+ transform:translateX(-50%)display:flex + justify-content: center垂直居中设置line-height 等于heightposition: absolute+top: 50%+left: 50%+transform: translate(-50%, -50%);display:fl

2020-09-03 14:22:06

CSS中的三种基本的定位机制和使用场景

番外最近降温了,开始爱上化妆,以前是个化妆小白,就是单纯的觉得画完装精致,但是想要画好真的是太考验手法了,特别是眉毛的画法。今天早上没有人给我开服务,那就学习学习,顺带记录记录生活吧!CSS 定位机制CSS 有三种基本的定位机制:普通流、浮动和绝对定位。一、普通流除非专门指定,否则所有框都在普通流中定位。普通流中元素框的位置由元素在(X)HTML中的位置决定。块级元素从上到下依次排列,框之间的垂直距离由框的垂直margin计算得到。行内元素在一行中水平布置。二、定位为什么需要定位大家先考虑下

2020-08-28 10:21:51

css中的盒模型

引言html页面上的元素都可以看成是框组成的,框通过三种定位机制排列在一起就过程了我们看到的页面.而框就是盒模型.w3c盒模型1.页面上的每个元素可以看成一个矩形框,每个框由元素的内容,内边距,边框和外边距组成。2.如果在元素上添加背景,则背景是边框, 内边距和内容组成的区域.3. 在css中width和height指的是内容区域的宽度和高度。增加内边距,边框和外边距不会影响内容区域的尺寸,但会增加元素框的总尺寸。即width=elementIE的盒模型在IE盒子模型中,width表示co

2020-08-27 16:39:16

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。