浅学前端阶段总结

  由于特殊原因,小组这次放暑假的时间比较长,放假前我正好结束了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名前不要忘了写类选择器(点)

   在jQuery中写条件的时候得用符号衔接写,例如 if(100<a&&a<200)不能写成  if(100<a<200)

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

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

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

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

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

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

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

(配置完Apache才写的总结,改配置真的要细心,细心再细心)

原文地址:https://www.cnblogs.com/wuyufei/p/5819568.html