首页 > 代码库 > web前端技术回顾
web前端技术回顾
短暂的前端学习结束了，系统的接受了html+css+JavaScript+jQuery+Bootstrap.东西很多很系统。现在就来回顾下之前的学习内容。HTML让我认识到了网页的基本构成主要是由：
<html>
<head></head>
<body></body>
</html>这三部分组成，head里面可以放<title></title>标签，<title>的主要作用是可以在网页运行中把你的网站标题显示到浏览器中。<head>中还可以放css标签和JavaScript标签用于使用CSS的网站样式和JavaScript的动态效果。另外还可以放SEO优化的东西，例如：“关键词”“网站描述”。<body>中就是比较核心的网页主体内容了，在HTML的阶段网页的布局都是用表格来做的。然后表格里可以嵌套表格这与后面学习的div嵌套和其他的嵌套逻辑思路是一样的。表格里可以插入图片当背景，文字的修饰比如：“加粗”“斜体”“下划线”都是单对单设置的，也就是你设置的修饰只能在你要的地方生效不会去影响下面的内容。这样子带来的结果是要频繁的加修饰，后面的CSS用选择器就可以批量修饰也就导致了div+css的页面布局淘汰了表格布局。不过表格布局也有他发挥余热的地方比如后面要用到的数据库。在学习HTML用到最多的命令就是<table><tr><td><td></tr></table>表格，文本修饰用到最多的是<font>.另外还有无序列表还有有序列表<ul><ol>还有现在比较主流的自定义列表<dl>目前京东就在使用这个。另外还有一个非常重要的表单<form>文件，这个可以实现网站的登录注册。表单里面也有很多的元素可以单选，多选，按钮，文件的上传，邮件的发送，文本域的实现。表单的提交方式分为两个“get”post"两种。因为get的局限性比较大，所以现阶段的文件提交都是使用post方式。这种方式的好处非常的多。可以批量传送且相比于get来说比较保密。然后就进入了CSS，div+css的布局成为业界标准
用的最多的就是div的先浮动后清除，然后再配合css的选择器来实现一些页面的布局。div和css是绝配，在css阶段知道了css可以在外部引用的包括后面的JavaScript都是可以引用的。学习了通用选择器、标签选择器、ID选择器、类选择器以及一些优先级的问题。后面学习发现其实行内样式也很好用优先级也是比较的高，后面的Bootstrap则多用类选择器。
在页面布局的过程中多用“盒子模型”那么padding和margin用的就比较多。盒子模型是为了让页面更加美观。另外CSS也对<a>标签链接有一定的修饰功能主要就是3种状态：鼠标放上时，鼠标点击时和鼠标点击后。一般都是在全局样式中一次设置好的。学完了网页布局当然要让你的网站动起来那就少不了JavaScript，要知道最开始的JavaScript最开始多用于做小广告，常见于一些弹窗广告。随着网站的发展JavaScript的那些动态的指令就派上了大的用场，常作用于网站页面的展示现在用的最多的就要说“二级联动”和“选型卡切换了”。当然在实现这些功能之前我们要学习JavaScript的内在逻辑，然后发现控制逻辑其实就是很简单的数学思想。if...else是主体思想，就是如果否则逻辑。有了主要逻辑就得学习循环逻辑了那么“for”“while”循环。当然for循环是知道循环次数的，循环多少次后用document输出的。那么while循环正好相反可以一直循环下去，那么现阶段多使用for循环。学完循环，数组就来。数组就是数据的集合和函数配合使用。函数这个东西就比较高大上了。function可以带参调用也可以自调用用法非常的灵活。定时器和演示器的使用可以让我们自己做出一个自己的时钟出来。图片的切换效果就是这样做出来的。用JavaScript改变标签中的一些参数时经常要找元素的上一级经常找的一脸懵逼。终于熬到jQuery了，这个可是调用JavaScript的神器据说是一个美国年轻人在看到程序猿们使用原生JavaScript很不舒服，所以他就把一些常用的命令封装成函数方便程序猿的调用。那么现在使用起来就方便许多了一个简单的$符号就可以调用了，原生JavaScript可能需要很多行代码，jQuery可能两行就可以了，当然前提是你得引用jQuery文件。Bootstrap的学习是简单而又轻松的，Bootstrap已经定义好了一些CSS属性和JS属性，需要做的基本上就是“class=”就好了。
web前端技术回顾