css的新特性是随着时代发展,从人们认为的必须增加的一些新功能或新属性。不管是安卓手机还是iPhone,他们的UI设计都偏向于扁平化设计,兼具实用性和美观性。网页设计一定程度上可以看成是平面设计,需要吸收前沿的大众喜欢的设计风格。
1.css新特性有哪些
-
- 1.圆角border-radius
-
- 2.阴影之box-shadow
-
- 3.阴影之text-shadow
-
- 4.背景渐变linear-gradient
-
- 5.过渡transition
-
- 6.动画animation
下面让我们来看具体是怎么用的
- 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>
- 2 # 阴影之box-shadow 阴影指的是:物体把光遮住留下的影子。
box-shadow: 10px 10px 5px 5px cornflowerblue;/*依次对应各个属性*/
1.3 # 阴影之.text-shadow
2.git的核心概念有哪些
- 工作区workSpace通过git add 提交到暂存区
- 暂存区index 通过git commit -m"" 提交到本地仓库
- 本地仓库Local warehouse 通过git push 提交到远程仓库
- 远程仓库Remote warehouse
-3git 中分支的操作有哪些
- git branch 查看本地分支
- git branch -a 查看所有分支
- git branch 分支名 创建本地分支
- git branch -D 分支名 删除本地分支
- git checkout 分支名 切换分支
- git push origin master 分支名 创建远程分支
- git push origin 分支名 删除远程分支
- git merge 分支名 合并分支
4.标准盒模型与怪异盒模型的区别
- 标准和模型的宽高 = content 内容
- 怪异和模型的宽高 = content内容 + padding内边距 + border 边框
5.event loop 事件循环如何理解
- 因为JS的执行顺序的话分为 同步任务 异步任务 异步任务又分为 微任务与宏任务 JS会先执行同步任务再执行微任务最后执行宏任务 都是先进先出
6.数组方法有哪些(写出es5的方法),什么意思
- push 尾部添加
- pop 尾部删除
- unshift 头部添加
- shift 头部删除
- splice 对数组进行增删改
- concat 拼接数组浅拷贝
- reduce 数组求和浅拷贝等
- slice 截取数组 包左不包右
7.扩展运算符与rest剩余参数是什么意思,应用场景
- 展开运算符是将数组或对象展开成一个一个的
- 应用场景的话可以用于合并数组 给对象添加属性等
- rest是函数剩余形参的集合 他是一个数组
- rest应用场景可以在当不知道有多少实参传递的时候可以使用rest剩余参数来接收
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,统一全部导入