浅学前端阶段总结

Posted 2020-08-04 苦瓜汁儿加糖

　　由于特殊原因，小组这次放暑假的时间比较长，放假前我正好结束了Java阶段进入html前端学习，在家稍微看了些HTML+CSS，到学校之后便开始做这阶段的考核例子，用了一周。由于之前看的只是比较少，这一周里边学边看，最后做出来一个很简单的网站。接下来是javascript+jQuery学习阶段，规定时间是17天，由于之前没看H5和CSS3所以在这阶段要学四块新知识，任务比较重。先看了JavaScript，然后是jQuery、CSS3、H5(这个顺序貌似有点奇怪)。然后用了差不多一周写了一个动态网页，要求是要用到原生js，可是我绝大部分都是jQuery和CSS3实现的动画，因为我觉得我要写的那些写动画用不到原生js，也许是我看的太浅，所以就用的很少，即使有几行也是凑上去的。

       在写的过程中也遇到了很多问题，之前我认为绝对定位absolute是相对于浏览器定位，其实是相对于static定位以外的第一个父元素定位，说白了就是相对于position：relation或absolute；定位的父元素。，如果不想影响之前固定的父元素，就给父元素设置一个relative。这个是我收获最大的一点。也是快写到最后才会用这个知识点。

       在默认情况下块级元素的z-index属性值比行内元素的高，z-index这个知识点也是写到最后才知道。

       写jQuery的时候还要注意$(“”)括号中的引号中的class名前不要忘了写类选择器(点)

       锚点链接的链接对象名必须是id，不能是class

       给标签命名不能使用单纯的数字

       如果父元素已经设置了宽高，子元素再设置margin-top或bottom不会改变它和同级元素的距离(margin-left或right会改变)，这时候要用padding。

CSS入门中的知识：给某个标签设置背景图像（background-image），如果标签中没有内容，那么这个标签要有一定的宽度和高度，背景图片才会显示出来。

在写动态网页的时候有一个问题我解决不了，毫不意外的又请了小桑来帮忙解决了这个问题。

在我学CSS3和jQuery期间发现他们俩各有弊端，CSS3大部分动画不能设置动画时间（旋转可以），而jQuery不能设置动画函数。

其实前端挺有意思，只是不太适合自己，而且我真正想学的是后端的知识也就是php这部分，毕竟黑客是我的兴趣。虽然相对这阶段较难，但毕竟兴趣是最好的老师，心中的梦想在驱动着自己向前走，走向新的领域，走向神秘的领域，走向自己向往的领域。

（配置完Apache才写的总结，改配置真的要细心，细心再细心）