【2018.02.04】技术组 2018 寒假周总结

[hylerrix]

第三周的写在这里

[hylerrix]

上个月 BootStrap 4 发布了，这周在其英文官网上进行了学习。由于是纯英文学习，进展较慢，但收获还是有很多。
虽然现在 BootStrap 已经没了当年的影响力，但对于学习前端布局还是有很大的益处，很值得从这里入门。正如学 JS 依然推荐从 jQuery 开始学习，而不是直接上手三大框架一样。
接下来会进行更多的实战的 👻

[AqingCyan]

这一周重构了fcc网页，然后其余部分交给了其他伙伴。继续fcc的证书拿取中，年前能拿到手中。手中有一本css权威指南，最近也在学习中，开始不久，还没有多少感悟。倒是重构网页的过程中，发觉css的易上手难以掌握的特点，加之权重问题不能理解，往往样式达不到目的。
这周回了趟乡下，所以也没啥很多的进展。好在新一周没啥事情，可以多啃食一点。

[yanxupter]

这周粗略的看了看c加加，和了解别人如何用c语言实现聊天室，对scoket通信还是不太明白。一会看能不能用别人的代码先跑一遍。。。然后再自己实现。

[CWalker-C]

看畅校园的源码考试安排部分，了解如何将Excel导入数据库，以及thinkphp里的C方法，M方法等。学习计算机网络，了解用户到互联网内部所经历的过程，学习服务器的工作流程，以及代理服务器，负载均衡器的基本原理。

[liulian0519]

2018-1.29~2018-2.4
1.这周主要承接上周任务，继续学习es6，目前已经学习了函数扩展，数值扩展，解构赋值，以及正则扩展，数组扩展等，当然在学习es6过程中也同时在与es5对比学习，顺便也就复习一下es5的基础知识。接下来一周也将继续重点学习这部分内容。
2.计算机网络目前与上周相比并无太大进展，下周也将重点学习接下来这一章
3.css方面也在继续复习。
备注（接下来这一周，年关将至 杂事比较多 希望可以按时完成任务 🎨）

[yangdajiang]

学习总结ssm框架，springmvc和mybatis，学习springmvc实现mvc模式原理，了解mybatis高级映射，一对一，一对多，多对多等，spring和mybatis结合，总结搭建ssm框架环境过程，本来写博客总结，但马上要进行驾校考试，未能完成，下周及时补上

[ooorange-l]

学习SpringIOC以及DI，了解IOC中控制权转交给spring容器以配置和注解的方式完成类的依赖注入，IOC的三种注入方式。其中IOC的底层实现涉及反射（现在发现反射真是个神奇的东西），两个资源接口Resource和ResourceLoader，以及通过ApplicationContext在bean中获取Resource

[tashuobutianhei]

这周基础方法将jqurey部分看了一个大概了，jqurey的dom，事件等操作都有了更深的了解，另外就是在前端证书题目上面基础题基本已经做完了。提升的题也做了一些，小的样板题也做了几个，总结了一些在学习中知识。
1：dom
e.getBoundingClientRect( )方法，会返回一个元素对象，具有top，bottom，left，right，属性left和top为左上角x，y值，bottom和right为右下角
Document.elementFromPoint() 用来判断视口坐标上x，y上有什么元素。
所有html元素都拥有offsetLeft 和 offsetTop属性返回元素的x，y坐标，offsetParent 为父元素。
offsetWidth和offsetHight（包括边框大小和内边距）
而clientWidth和ClientHeight不包括边框。
srocllWidth和scrollHeight则是内容加内边距加上任何溢出内容尺寸。
srollLeft和scrollTop则表示滚动条的位置，（可写属性。可设置滚动条）

2：绝对定位，绝对定位更类似于相对定位，是根据自己的直系祖先元素（为static，必须为poistion定位的）进行定位。直到html元素。
相对定位，相对定位是相对于自己本身在文档流中进行偏移。

3：jquery：
$()返回值是jq对象，是类数组对象，有length属性 size（）可以代替length属性，get（）可以代替方括号
jq.each（function（））：遍历，当return false时则退出遍历。 .index返回某对象在jq对象中的索引。
.is（）：接受一个选择器作为参数，如果该元素中有一个可以匹配时，就返回true，可以用于判断。

jq使用同一个方法既当get又当set使用，而不是定义一对方法。
.attr（）：html属性。一个参数时，如src，则是获取src属性。如果两个参数，src，img.gif，则是设置属性。
.css（）：css属性， eg :$("h1").css("font-size","15px")；
设置css类：addClass（）—添加类，removeClass（）—删除类，toggleClass（）—如果有就删除，没有就添加，hasClass（）—判断是否有。
.val（）表单元素中的value属性，用val（）代替
.text() : 返回所以匹配的纯文本内容，不带参数时返回所有纯文本。
.html（）：不带参时，返回第一个html元素内容。带参数会用做格式化的html文本内容取代原内容。，也可以传递函数进行修改。
.offset（）:会返回一个对象，该对象带有top，left属性表示x，y并且可以设置其值
var position = $("h1").offset.top+=100; //把标题向下移动100px、
获取和设置元素宽度和高度：（设置时知识css中的Width和height属性）
width（）和height（） 不包括内边距，边框，外边距。
innerWidth（）和innerHeight 包括内边距
outerWidth() 和 outerHeight 包括内边距和边框，若加true作为参数还可以返回包括外边距的尺寸。
获取和设置滚动条位置：
scrollTop(）和 scrollLeft（） $(window).height()为当前页面大小。
获取和设置数据。
.data（）：$("h1").data（"x",1）；设置数据 ：$("h1").data（"x"）；获取数据。
removeData（）: 不带参数时会删除所有数据

插入和替换元素 返回值为调用自身jq对象，未发生修改。
append（） 在目标元素结尾插入、 appendTo（）
prepend（） 在目标起始位置插入。 prependTo（）
after（） 在目标元素后面插入。 insertAfter（）
before（ ） 在目标元素前面插入。 insertBefore（）
replaceWith（）：替换 replaceAll（）
第一列的方法时用html元素上调用，把操作的内容做参数。而第二列是在内容上调用，目标元素做参数。
$("h1").append("
"); $("
").appendTo("h1");
复制元素： .clone();
empty():会删除每个选中的元素的子节点。但不修改本身。
remove（）：会移除选择的元素。

事件绑定。 1.$("h1").click(f);
2.$("h2").bind("click",f); $("h3").bind({mouseenter:f,mouseleave:g});//绑定多个事件
unbind ：注销事件。
触发事件：trigger（） $('#abc').trrigger("click"); 手动触发事件 ， 可以带第二个参数（数组），为事件程序的参数。

jq动画：
fadeIn（），fadeOut（）隐藏元素，可选参数为时长和回调函数，fadeTo（）变化透明度，参数为必须时长，opacity。
hide（），让元素消失，show（），显示元素，toggle（），改变元素的可见性。
slideDown（）显示元素，slideUp(）让元素向上移动直到消失，slideToggle（）上下移动改变可见性。
动画方法可以链式调用
自定义动画
animate（） 第一个参数必选 指定css属性和目标值，第二个参数为动画的信息。
动画信息， duration属性为动画持续时间（fast，slow等） complete属性为回调函数 easing为缓动函数（linear，swing等）
stop（），停掉动画，delay（数字）延迟动画

ajax（jq）
load（） 用于加载，传入url异步加载内容，并替换选中元素。传入参数如果是函数时则使用事件而不是ajax。
jQuery.getScript() 第一个参数为js代码文件的url，同时适用于同源和跨域，第二个参数为回调参数。
jQuery.getJSON( )第一个参数为解析为json的内容，第二个参数为回调函数，必须有，回调函数的第一个参数为解析后的json内容。
$.param() 将对象转化为字符串。$.parseJSON 解析json为字符串。
$.get /$.post 第一个参数url，第二个数据字符或对象，第三个回调函数（参数为返回的数据，success字符，xml对象，被请求数据类型可以砸在回调函数前处理数据）
$.ajax( ) 仅接受一个对象为参数。 get和post方法也接受。该对象包括：
type：请求方法，GET或者POST等。
url：URL
data：一般为解析为json数据
dataType：数据处理方式。contentType：http请求头。
回调函数，在不同状态下使用不同 状态有 success error等。

序列化和反序列化JSON.parse()和JSON.stringify()

jq中回车事件触发点击事件代码
$(document).keyup(function(event){
if(event.keyCode ==13){
$("#submit").trigger("click");
}
});

eval（）解析字符串，可以计算字符串的计算值
以上是总结的这周学习内容的知识。下一周准备将前端题上的小项目争取做完，然后就是准备回顾和深入学习css和html的内容

[yiranblade]

这周主要把一些番剧补完了，感觉都不好意思写。虽然考完研就知道数学跪了，亲眼看到成绩还是略打击，下周前构思好下一步干啥。

[wbcs]

完成freecodecamp基础的题，正在完成后续的项目；

主要在做json、ajax方面的知识。
一开始遇到的困难是跨域的问题，在这里采用的JSONP方式解决跨域问题。
以前一直以为文件的后缀名即可改变文件的类型，但是在学习完本节内容之后了解到，文件
的内容才是决定文件类型的实质。所以可以在<script>标签的src属性中填入接口连接，
这个链接可以是任意类型的文件。然后写一个全局处理函数callback。
在接口连接后添加&callback=functionName即可解决ajax存在的跨域问题。

需要注意的是，在给xhr添加readystatechange时间事，必须在open之前。这样可以解决
跨浏览器的问题。

除此之外，在阅读《JS权威指南》的时候还更正了以前的一些认识上的不足，
比如在用for/in遍历数组的时候，如果数组对象除下标对应元素之外还存在其他的
属性时，还会遍历这些属性，所以在遍历对象时最好再使用for/in，对于数组最好
使用for循环。