浅学前端阶段总结

原创 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 ...

浅学RC充放电电路

  • 2017-06-24 23:39
  • 663KB
  • 下载

浅学设计模式之外观<Facade>模式

外观模式是软件工程中常用的一种软件设计模式。它为子系统中的一组接口提供一个统一的高层接口。使用子系统更容易使用。下图是状态模式的UML图。 结构  Facade  这个外观类为子系统中Packages...

浅学设计模式之简单工厂模式、工厂模式、抽象工厂模式

一、简单工厂        从设计模式的类型上来说,简单工厂模式是属于创建型模式,又叫做静态工厂方法(StaticFactory Method)模式,但不属于23种GOF设计模式之一。简单工厂模式是由...

浅学设计模式之建造者(Buildler Pattern)模式及在android中的应用

被自己用一根香蕉收买后,舒舒服服的洗完澡以后,认认真真的做完50多个仰卧起坐以后,在得到自己想要的消息后,好吧,不管是无意或者有意。好吧,现在就将近12点了,关于建造者模式,是今天自己再看刘伟老师的设...

浅学设计模式之状态<state>模式

State模式定义:       不同的状态,不同的行为; 或者说,每个状态有着相应的行为. 使用情况:         状态模式在工作流或游戏等各种系统中有大量使用,甚至是这些系统的核心功能设...

浅学Hibernate

Hibernate学习文档 1、配置Hibernate.jar包  有一个src目录下Hibernate.cfg.xml(数据库的配置) DOCTYPE hibernate-configurat...

浅学设计模式之简单工厂模式、工厂模式、抽象工厂模式

http://blog.csdn.net/aomandeshangxiao/article/details/7592678 一、简单工厂     从设计模式的类型上来说,简单工厂模式是...
  • wyqlxy
  • wyqlxy
  • 2012-06-01 12:30
  • 1410
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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