网上找了一些学习前端的感悟

关于标签：常见的标签记一下，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方面主要要求理解什么是同步，什么是异步。

异步就是在发起一个请求的同时可以进行另外一个操作，而同步就是相当于程序顺序执行一样，必须等待一次请求响应之后才能够执行下一个操作。异步就相当于多线程一样，一个独立运行的任务。

作者：BuddhaCoder
链接：https://www.jianshu.com/p/f92b9340798a
来源：简书