本人是一名在校大学生,目前在读大二。说起来学习前端也有一年多的时间了,总是想找个时间总结一下自己所学所悟,却迟迟没有付诸行动。今天,终于下定决心来写一写。平时不大爱写文字,后来发现多写一写东西总是好的,一来可以锻炼文字功底,二来可以总结经验。作为一名程序员更是如此,多写一些文档和总结,绝对是有很大的好处的。第一次写,不喜勿喷。
首先来说说学习前端的路程。我学习前端真心是坎坷,先是莫名其妙的学习了一些html,css的知识,莫名其妙的做了一些惨不忍睹的小demo,然后又莫名其妙的帮着老师做了一些前端的页面。整个过程一脸懵逼。有时候就算自己写出来的效果,完全不知道是怎么写出来的。后来慢慢的去仿写一些网站,然后就懂了一些套路。
关于标签:常见的标签记一下,a、p、span、h1-h6、div、ul、li、img、ol、dl、dd、dt、input、button等等。然后需要记住哪些是行内标签,哪些是块级标签。
常见的行内标签有:a、span、i、s、b、strong、img、input、select等。
常见的块级标签有:div、h1-h6、ul、li、ol、dl、dd、dt等。
然后记住两点:1、行内标签可以并排放置,设置的width和height无效,margin和padding也无效,可以通过改变display样式为block来实现转换成块级元素。2、块级元素独占一行,如果需要让块级元素并排,那么可以使用float浮动或者让块级元素的display设置为inline-block。
关于css样式:css样式要说的东西实在太多了。我挑重点的说一下,div布局中的margin、padding等要计算好,然后就是float浮动布局,然后就是定位,通过这些可以确定div之间的关系,用到的套路就是那些,子绝父相,居中的margin 0 auto,然后就是定位的left 50% + margin -(width / 2)这样的套路。然后字体方面就是font相关的属性,font-family,font-size,font-weight,color 等属性,然后还有一些背景相关的东西,background-color,background-size,background-position 等。边框 border:1px solid #cc 之类的样式。实在太多套路了,有时间再具体总结。
关于javascript方面:javascript首先是由ECMAScript + Dom + Bom三个部分组成的。第一部分ECMAScript讲解了js这门语言的基础,变量,标识符,循环,判断,数组,对象,函数等语法格式。第二部分Dom包括获取dom元素,修改dom元素的属性,修改dom元素的样式,给dom元素添加事件,dom元素的增删改查等。第三部分Bom包括对浏览器的操作,打开关闭浏览器,获取浏览器的宽高,滚动条操作等。
JS中还有一个就是Ajax,ajax可以请求后端数据,然后实现动态渲染页面的功能,这个是必要掌握的。JS原生的ajax非常繁琐,现在一般的JS框架都封装了完整的ajax框架,比如JQuery中的$.ajax函数以及$.get,$.post函数等,然后vue.js中也封装了this.http等框架,十分方便的可以使用ajax。Ajax方面主要要求理解什么是同步,什么是异步。
异步就是在发起一个请求的同时可以进行另外一个操作,而同步就是相当于程序顺序执行一样,必须等待一次请求响应之后才能够执行下一个操作。异步就相当于多线程一样,一个独立运行的任务。
好了,第一次写,只能写出这么多内容了。希望大家多多关注。这里有一些学习前端的教程视频,都是我从网上搜集来的。想要学习的同学,可以看一下。
html + css 传智播客:https://pan.baidu.com/s/1cDWJnfvpCyroOrS7wfzW3A 密码:o934
京东实战项目传智播客:https://pan.baidu.com/s/1YoQsJ14LEOG3ea8aOtbsPA 密码:qbup
javascript基础教程传智播客:https://pan.baidu.com/s/1qMAJlww4-gn15LkO_SsSXw 密码:ms3j
希望大家能够喜欢o(* ̄︶ ̄*)o