说起来学习前端也有一年多的时间了，总是想找个时间总结一下自己所学所悟，却迟迟没有付诸行动。今日，总算下定决心来写一写。平时不大爱写文字，后来发现多写一写东西总是好的，一来能够锻炼文字功底，二来能够总结经验。作为一名程序员更是如此，多写一些文档和总结，肯定是有很大的优点的。榜首次写，不喜勿喷。

首要来说说学习前端的路程。我学习前端诚心是坎坷，先是不可思议的学习了一些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方面：javascript首要是由ECMAScript + Dom + Bom三个部分组成的。榜首部分ECMAScript讲解了js这门言语的根底，变量，标识符，循环，判断，数组，对象，函数等语法格局。第二部分Dom包含获取dom元素，修正dom元素的特点，修正dom元素的款式，给dom元素添加事件，dom元素的增修改查等。第三部分Bom包含对浏览器的操作，打开封闭浏览器，获取浏览器的宽高，滚动条操作等。

JS中还有一个便是Ajax，ajax能够恳求后端数据，然后实现动态渲染页面的功能，这个是必要把握的。JS原生的ajax十分繁琐，现在一般的JS结构都封装了完整的ajax结构，比方JQuery中的.ajax函数以及 .ajax函数以及.ajax函数以及.get,$.post函数等，然后vue.js中也封装了this.http等结构，十分便利的能够运用ajax。Ajax方面首要要求了解什么是同步，什么是异步。

异步便是在建议一个恳求的一起能够进行别的一个操作，而同步便是相当于程序次序执行相同，有必要等待一次恳求呼应之后才能够执行下一个操作。异步就相当于多线程相同，一个独立运行的任务。
————————————————
版权声明：本文为CSDN博主「blackzongzong」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/blackzongzong/article/details/99610089

说起来学习前端也有一年多的时间了，总是想找个时间总结一下自己所学所悟，却迟迟没有付诸行动。今日，总算下定决心来写一写。平时不大爱写文字，后来发现多写一写东西总是好的，一来能够锻炼文字功底，二来能够总结经验。作为一名程序员更是如此，多写一些文档和总结，肯定是有很大的优点的。榜首次写，不喜勿喷。

首要来说说学习前端的路程。我学习前端诚心是坎坷，先是不可思议的学习了一些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方面：javascript首要是由ECMAScript + Dom + Bom三个部分组成的。榜首部分ECMAScript讲解了js这门言语的根底，变量，标识符，循环，判断，数组，对象，函数等语法格局。第二部分Dom包含获取dom元素，修正dom元素的特点，修正dom元素的款式，给dom元素添加事件，dom元素的增修改查等。第三部分Bom包含对浏览器的操作，打开封闭浏览器，获取浏览器的宽高，滚动条操作等。

JS中还有一个便是Ajax，ajax能够恳求后端数据，然后实现动态渲染页面的功能，这个是必要把握的。JS原生的ajax十分繁琐，现在一般的JS结构都封装了完整的ajax结构，比方JQuery中的.ajax函数以及 .ajax函数以及.ajax函数以及.get,$.post函数等，然后vue.js中也封装了this.http等结构，十分便利的能够运用ajax。Ajax方面首要要求了解什么是同步，什么是异步。

异步便是在建议一个恳求的一起能够进行别的一个操作，而同步便是相当于程序次序执行相同，有必要等待一次恳求呼应之后才能够执行下一个操作。异步就相当于多线程相同，一个独立运行的任务。
————————————————
版权声明：本文为CSDN博主「blackzongzong」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/blackzongzong/article/details/99610089