每日学习总结

91 阅读5分钟
 css的新特性是随着时代发展,从人们认为的必须增加的一些新功能或新属性不管是安卓手机还是iPhone,他们的UI设计都偏向于扁平化设计,兼具实用性和美观性网页设计一定程度上可以看成是平面设计,需要吸收前沿的大众喜欢的设计风格 

1.css新特性有哪些

    1. 1.圆角border-radius
    1. 2.阴影之box-shadow
    1. 3.阴影之text-shadow
    1. 4.背景渐变linear-gradient
    1. 5.过渡transition
    1. 6.动画animation

下面让我们来看具体是怎么用的

  1. 1# 圆角border-radius html的一些常见元素都类似于矩形,四四方方的。css属性border-radius可以为任意html元素设置圆角。这个属性呈现的样式有属性值的个数决定。当有四个值,对应矩形顺时针的四个直角。两个值是分别是:X对角线的两个直角。一个值时包括4个直角。单位是px,他是四分之一圆的半径值。实例如下:
    <style>
        .container {
            background-color: aqua;
            margin: 0 auto;
            width: 400px;
            height: 400px;
            border-radius: 50px;
        }
    </style>
<body>
    <div class="container">  </div>
  1. 2 # 阴影之box-shadow 阴影指的是:物体把光遮住留下的影子。

Snipaste_2023-02-10_17-35-46.png

box-shadow: 10px 10px 5px 5px cornflowerblue;/*依次对应各个属性*/

1.3 # 阴影之.text-shadow

Snipaste_2023-02-10_18-06-08.png

2.git的核心概念有哪些

  • 工作区workSpace通过git add 提交到暂存区
  • 暂存区index 通过git commit -m"" 提交到本地仓库
  • 本地仓库Local warehouse 通过git push 提交到远程仓库
  • 远程仓库Remote warehouse

-3git 中分支的操作有哪些

  1. git branch 查看本地分支
  2. git branch -a 查看所有分支
  3. git branch 分支名 创建本地分支
  4. git branch -D 分支名 删除本地分支
  5. git checkout 分支名 切换分支
  6. git push origin master 分支名 创建远程分支
  7. git push origin 分支名 删除远程分支
  8. git merge 分支名 合并分支

4.标准盒模型与怪异盒模型的区别

  • 标准和模型的宽高 = content 内容
  • 怪异和模型的宽高 = content内容 + padding内边距 + border 边框

5.event loop 事件循环如何理解

  • 因为JS的执行顺序的话分为 同步任务 异步任务 异步任务又分为 微任务与宏任务 JS会先执行同步任务再执行微任务最后执行宏任务 都是先进先出

6.数组方法有哪些(写出es5的方法),什么意思

  1. push 尾部添加
  2. pop 尾部删除
  3. unshift 头部添加
  4. shift 头部删除
  5. splice 对数组进行增删改
  6. concat 拼接数组浅拷贝
  7. reduce 数组求和浅拷贝等
  8. slice 截取数组 包左不包右

7.扩展运算符与rest剩余参数是什么意思,应用场景

  • 展开运算符是将数组或对象展开成一个一个的
  • 应用场景的话可以用于合并数组 给对象添加属性等
  • rest是函数剩余形参的集合 他是一个数组
  • rest应用场景可以在当不知道有多少实参传递的时候可以使用rest剩余参数来接收 image.png

8.es6新增数据结构Set Map 代表什么意思?利用其中一种实现数组去重?

JavaScript 的对象(Object),本质上是键值对的集合(Hash 结构),但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。

Set 是无重复值的有序列表。根据 Object.is()方法来判断其中的值不相等,以保证无重复。 Set 会自动移除重复的值,因此你可以使用它来过滤数组中的重复值并返回结果。 Set并不是数组的子类型,所以你无法随机访问其中的值。但你可以使用has() 方法来判断某个值是否存在于 Set 中,或通过 size 属性来查看其中有多少个值。 Set 类型还拥有forEach()方法,用于处理每个值

Map 是有序的键值对,其中的键允许是任何类型。与 Set 相似,通过调用 Object.is()方法来判断重复的键,这意味着能将数值 5 与字符串 "5" 作为两个相对独立的键。使用set() 方法能将任何类型的值关联到某个键上,并且该值此后能用 get() 方法提取出来。Map 也拥有一个 size 属性与一个 forEach() 方法,让项目访问更容易。

9.说一下你理解的Promise?用Promise封装一个网络请求,核心代码?

promise 是 es6 提供的一种异步解决方案 ,在我的理解中 promise 就是把异步操作换了一种写法 从之前的嵌套回调函数 变成了链式的写法

  • promise 本身其实就是一个容器 里面放异步的代码 这样就可以让这个异步的代码执行.then .catch 的操作
  • promise 可以解决回调地狱的问题,回调地狱就是拿到 a 接口的数据后才能根据 a 返回的数据请求 b 接口,这就是回调地狱 promise ⼀共有三个状态,分别是进⾏中,成功或者失败 成功resolve⽅法将正确结果返回出去,通过.then 的⽅式进⾏接受,失败reject 的⽅式将失败的结果返回出去,通过.catch 的⽅式进⾏接受,pending 状态是进⾏中,⼀旦进⾏之后,状态是不可逆的 promise 还给我们提供了.all 和 race, all⽅法的作⽤是将多个请求合并成⼀个请求, ⽐如当⾸⻚ 要请求 10 个接⼝,我们可以 promise.all 进⾏合并,.race 的作⽤也可以将多个请求合并成⼀个请求,不过 是谁先请求成功就先返回谁.

10.es6如何导出

1,先定义后导出 : 2,直接导出 3,导出函数 4,导出类 5, export default

es6如何导入

1,导入定义的变量和方法 2,直接导入export定义的变量 3.导入export的function/class 无需再加{},因为导入的只有一个 4,导入export default中的内容 5,统一全部导入