2018-07-11 汉得日记

今日总结

今天下午进行了前端知识的摸底考核,交卷之后发现自己仍有很多不明白的知识点,所以在查资料的过程中总结了以下几点:

html中 <p标签定义段落,是块状元素,之前我一直以为是行内元素
同时,行内元素无法调整**竖直方向**的margin和padding
对于css里的**伪类**有所了解

px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)

em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。(引自CSS2.0手册)
PX特点

> 1. IE无法调整那些使用px作为单位的字体大小;
> 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;
> 3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。

rem是CSS3新增的一个相对单位(root em,根em),这个单位引起了广泛关注。这个单位与em有什么区别呢?区别在于使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身,通过它既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。目前,除了IE8及更早版本外,所有浏览器均已支持rem。

下列代码是利用了ES6的对象扩展特性,将b的value设置为。

var data={}//data声明为一个对象
Object.defineProperty(data,'b',{
    value:10
});
console.log(data);

ES6的对象解构:

let cons={
    name:"kiri",
    sex:"odoko"
}
let {name:aa,sex:bb}=cons;
console.log(aa)//输出对象里的name,解构成功

最好不要用箭头函数作为对象的方法。

babel的介绍和学习
  • babel是一个广泛使用的转码器,可以将ES6转化为ES5的代码,这样就不必担心ES6是否兼容的问题
  • 使用Npm进行安装,推荐不安装在全局,因为项目会产生依赖,无法支持不同环境的情况。
Linux知识的学习

今天学习并成功配置了vagrant在windows下的环境,开始因为CPU未开启虚拟化出了点问题,后来在老师的指导下完成了。不过公司的网络还没有开,这个比较恼火。同时也熟悉了Linux的各种命令,比如sudo cd cp ls等等。

明日计划

希望能够学习前端知识,带好耳机,今天下载了很多视频需要学习。另外因为没有网,所以今天git和前端的考核题目没有及时复习。

猜你喜欢

转载自blog.csdn.net/qq_36620428/article/details/81632825