浅学前端阶段总结

原创 2016年08月29日 20:34:40

由于特殊原因,小组这次放暑假的时间比较长,放假前我正好结束了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才写的总结,改配置真的要细心,细心再细心)

一只大三开始学前端的第一阶段html+css的总结

当开始决定学习前端的时候,对于前端的认识知之甚少。只是凭着别人口中前端简单这一点开始了学习,后来发现前端也不好搞撒,好多要学的。学到老,活到老,科科。因为学校没有开设系统学习前端的课程(打脸.jpg ...

大三学前端第二阶段--js第一部分总结

如同老牛般前行的我,终于在今天看完了《JavaScript高级程序设计》前七章的基础(看完感觉自己像张三丰,恩已经忘得差不多了,是不是快大成了),中间也穿插着看了《JavaScript dom编程艺术...

阿里9年,我总结的前端架构演进3大阶段及团队管理心法

技术人生就是在不断地修行,每个人都有每个人的功课,每个人也有每个人的精彩。你也许刚上路,又或许踽踽独行了很久,听听别人的故事没准也能帮助自己的成长。下面让我们一起听听一个在阿里待了九年的工程师的故事吧...

浅学RC充放电电路

  • 2017年06月24日 23:39
  • 663KB
  • 下载

浅学设计模式之迭代器<Iterator>模式

概述     迭代器(Iterator)模式,又叫做游标(Cursor)模式。GOF给出的定义为:提供一种方法访问一个容器(container)对象中各个元素,而又不需暴露该对象的内部细节。在面向对象...

浅学电子幸运大转盘知识

  • 2017年06月25日 00:04
  • 77KB
  • 下载

浅学设计模式之观察者<Observer>模式及在android中的应用

最近在学习下设计模式,而加深学习的不错的方法就是把心得写出来吧。记录下自己的理解。现在自己看的书是《head.Frist设计模式》这本书。比较不错,想学习设计模式的朋友可以看下这本书。        ...

浅学设计模式之模板<Template>方法模式及在android中的应用

一、引子   这是一个很简单的模式,却被非常广泛的使用。之所以简单是因为在这个模式中仅仅使用到了继承关系。  继承关系由于自身的缺陷,被专家们扣上了“罪恶”的帽子。“使用委派关系代替继承关系”,“尽量...

浅学socket及iOS中的AsyncSocket框架

(能力有限,许多深层次的东西都没搞明白,只是把一些最表层的归纳了一下,写的比较乱,还希望大家多提意见批判) Socket介绍:http://blog.csdn.net/xiaoweige207/ar...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:浅学前端阶段总结
举报原因:
原因补充:

(最多只允许输入30个字)