hw87971008  JS第三周打卡Ajax是指异步的JS和XML；其优势是能1.大幅提升用户体验；2.减轻服务器端的压力；它能够做到异步加载以及局部更新，在进行表单验证等场景进行不刷新页面验证。前端通过AJAX技术从后端服务器中获取数据；OSI是指开放式系统互联，是把网络通信的工作分为7层,分别是物理层,数据链路层,网络层,传输层,会话层,表示层和应用层。各层具体作用有其核心点是分层的设计思想，在OSI的基础上有了TCP/IP协议，即传输控制协议/网际协议，他的层级结构主要有5层,分别是物理层和应用层。数据链路层中的机器叫交换机、网络层中的机器叫路由器、传输层中有TCP/UDP协议，即可靠的和不可靠的数据传输；http协议是无状态的协议，不会建立持久连接，是通过三次握手使得客户端与服务器端建立TCP连接；Node.js是运行于服务器端的JavaScript；以及cnpm的安装方式：npm install -g cnpm --registry=https://registry.npm.taobao.org可以用cnpm -v 检测安装是否成功；

华为云ID：hw87971008JS第二周笔记：数组、函数与对象以及内置对象数组：在数组这章中主要学习了什么是数组（储存一组任意类型的数据）、数组的遍历、增加删减数组元素以及数组元素转变为字符串（join）、冒泡排序、求和以及arguments传参问题；函数与对象：学习了各种简单的封装函数的使用，例如翻转数组、冒泡排序、判断闰年等，接着学习了JS的作用域（ES6后才有块级作用域）以及作用域链的概念。认识了预解析中的变量提升、函数提升等，知道了创建函数的两种方式，以及构造函数和对象的区别（一大类和具体事物）以及new关键字的执行过程（1.空对象；2.this指向； 3.执行构造函数；4.返回）内置对象：认识了内置对象（JS自带）、Math、Date、Array、String等各种属性和方法。认识了堆和栈的概念，简单数据类型储存于栈中，复杂数据类型储存于堆中。

华为云ID：hw87971008第一周读书笔记：这一周主要介绍了数据类型、运算符、循环这三个章节。其中第一章数据类型中印象较为深刻的是对变量的解释，以及使用parseInt、parseFloat、Number(强制转换)将字符串型的数据转化为数字型数据，使用toString、String(强制转换)将数值型数据转化为字符串型数据；以及灵活运用”+”上空字符串，”*、/、-”上数值0来实现隐式转换。另外可以使用typeof判断变量的数据类型，其中对于数组的判别可以使用object instanceOf Array===true或者Array.prototype.toString.call(obj1)===’[Object Array]’以及Array.isArray(obj1)===true去判定。第二章运算符中印象较为深刻的是前置递增运算符与后置递增运算符的区别，以及逻辑中断的两种情况，再就是switch中变量的值与case里面的值需要满足值和数据类型全等才可以。另外流程控制分支的讲解比较清晰，就不做总结了。第三章循环中for循环以及while、do while循环的应用情况略有不同，在大多数情况下都能互换，基本都是应用for循环较多。其中for循环以计数器作为判别条件，而while可以用其他条件作为语句执行的判断条件。

#华为云ID：hw87971008 #学习笔记： ###关于浮动这一章 浮动这一章一共讲了用float设置浮动来帮助布局，float可以设置为：left、right、none; 同时如果对子元素设置浮动之后没有及时清除浮动，就会导致父元素内容塌陷，影响布局效果。 清除浮动的方式介绍了三种常用的方法： - 在所有子元素后加一个块级元素div，样式设置为clear:both; - 在父元素的样式中设置overflow:hidden; - 运用父元素的伪元素after在父元素尾部添加一个元素，并对这个元素添加样式： ``` content:""; clear:both; display:block; ``` 同时还有可选属性height,font-size,visibility; 最后还介绍了一种三列布局方法，其实现原理是通过浮动使得三个内容元素脱离标准流，再使用负margin属性使左右两列与中间列处于同一水平上，最后在中间列中添加一个div内容元素，设置margin为左右两固定列的宽度，最后清除浮动，让父元素高度正常显示。掌握常用的布局方法能够保证我们高效开发；完成作业的过程中，最后一道练习题要求实现两个块级元素各占一半的两列布局，除了使用浮动以外，还可以用内联元素去除中间缝隙后设置宽度各为50%实现，复习了去除中间缝隙的方法 `父元素中使用font-size:0;` ###在CSS定位这一章中 主要复习的有以下几点 - 定位属性分为static(默认)、fixed、relative、absolute - 脱离标准流的定位方式有fixed、absolute - 在开发中常用”子绝父相“再结合位置属性去实现布局

#华为云ID：hw87971008； ##第三周学习笔记： ​这一周主要复习了CSS的内容，有CSS选择器的类型，已经常用的CSS属性和CSS盒模型，以前也自学了一遍CSS，所以大部分都是比较熟悉的，现在来讲讲在自学的时候没有注意到地方。 - 第一个就是选择器的权重问题，以前自学的时候没怎么注意，只知道除了!important外内联样式权重最高，现在知道了他们的权重依次是： - 通配符选择器：0; - 标签类选择器：1； - 类、伪类、属性选择器：10； - id选择器：100； - 内联样式：1000； - 强制使用：!important; - 第二个是CSS的常用属性，有一个没有注意到的细节是font的简写是有顺序要求的 - 第三个是CSS盒模型，其中没有提及到的一点是：border属性可以用来制作一个简单的三角形； ```box { width: 0; height: 0; border: 40px solid; border-color: transparent transparent red; }``` - 另外的就是在做作业的时候顺便复习了一下弹性盒子布局。

华为云ID：hw87971008博客链接：https://bbs.huaweicloud.com/blogs/177215

华为云ID：hw87971008 第二周学习笔记link和@import引入css文件的区别通过学习知道，引入CSS文件有四种方法。平时码代码的时候一般都是用link标签引入，但是经过老师讲解，发现@import也能添加css样式，逛掘金社区的时候发现有人针对这个发了一篇帖子，现在就来比较一下两者之间有什么不同。1、从属关系：link是html的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等；而@import是css的语法，只有导入样式表的作用。2、加载顺序：页面被加载时，link会和html同时被加载而@import引入的 CSS 将在页面加载完毕后被加载。3、兼容性：@import是 CSS2.1 才有的语法，所以只能在 IE5以上 才能识别；而link是 HTML 标签，所以不存在兼容性问题。4、DOM：javascript只能控制dom去改变link标签引入的样式，而@import的样式不是dom可以控制的。5、link方式的样式权重高于@import的权重。作者：不是酸柠檬链接：https://juejin.im/post/5d9c3debe51d4578176b4b77来源：掘金著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。通过上面这五个区别，我们可以发现，link标签的兼容性较@import方法更好，适用于大多数浏览器，且dom样式可以被js动态改变。而@import是依赖于css的，有一定的兼容问题且权重小于link，所以@import适用于引入第三方样式或者公共基础样式而link标签适用于引入自己写的样式。

华为云ID：hw87971008在自学几个月之后，重新回来看第一阶段的内容，发现第一周的课程多是比较基础的，可能是为了照顾零基础的同学吧。两天一章的任务量也挺轻松，不过这样可能三个月结束很多东西都是只有简单的描述一下吧，希望前面基础部分能够加快速度，毕竟后面难以理解的东西还有很多。第一章学习了WEB简史，认识了web的诞生以及各种浏览器以及它的内核，懂得了一个网站的常用协议除了http外还有ftp,file。第二章主要是介绍html的发家史以及web标准（结构标准、表现标准、行为标准），其他的像单标签和双标签以及标签中的属性都复习了一遍。第三章讲了一个标准的html网页的基本结构，以及具体的像title、p、a、img、ul/ol、li等各种标签的使用和特点，另外复习了一遍自定义列表中的dl/dt/dd结构；第四章来到了表格标签的内容，表格标签主要是为了显示、展示数据，另外还有行列标签，合并等的概念，认识了几个表格案例，知道了表格的基本结构有thead/tbody/tfoot，以及表格边框的设置，在设置合并表格边框时查询了W3C，知道了border-collapse:collapse;属性的设置。  总的来说第一周的任务量偏少了一点，内容也很轻松，很怕后续学习js、vue框架甚至是node.js会造成时间不够导致任务积压。

在自学几个月之后，重新回来看第一阶段的内容，发现第一周的课程多是比较基础的，可能是为了照顾零基础的同学吧。两天一章的任务量也挺轻松，不过这样可能三个月结束很多东西都是只有简单的描述一下吧，希望前面基础部分能够加快速度，毕竟后面难以理解的东西还有很多。第一章学习了WEB简史，认识了web的诞生以及各种浏览器以及它的内核，懂得了一个网站的常用协议除了http外还有ftp,file。第二章主要是介绍html的发家史以及web标准（结构标准、表现标准、行为标准），其他的像单标签和双标签以及标签中的属性都复习了一遍。第三章讲了一个标准的html网页的基本结构，以及具体的像title、p、a、img、ul/ol、li等各种标签的使用和特点，另外复习了一遍自定义列表中的dl/dt/dd结构；第四章来到了表格标签的内容，表格标签主要是为了显示、展示数据，另外还有行列标签，合并等的概念，认识了几个表格案例，知道了表格的基本结构有thead/tbody/tfoot，以及表格边框的设置，在设置合并表格边框时查询了W3C，知道了border-collapse:collapse;属性的设置。总的来说第一周的任务量偏少了一点，内容也很轻松，很怕后续学习js、vue框架甚至是node.js会造成时间不够导致任务积压。