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=”就好了。

时间: 2024-08-10 23:26:28

web前端技术回顾的相关文章

最热web前端技术汇总

Web前段技术发展很快,主流技术日新月异,想想自己刚毕业那会用的asp技术,现在已经很少有主流网站在使用了. 再到后来的J2EE框架,然后SpringMVC大行其道,但是最近各种js框架被广为传播,Html5的推出很是丰富了移动互联网的发展,此文对当前最新的几种web前端技术进行的汇总,让大家更多地了解,然后取其所长,避其所短,快速推出简约大方,维护方便,性能良好的个人网站. JavaScript MV*框架 在相当长的一段时间里,每个程序员都要学会如何利用JavaScript来编写弹出一个警告

web前端技术归类

1.以屏幕可用宽和高的百分比来定义弹出框的宽和高 var trueWidth = $(top.window).width() * 0.9;var trueHeight = $(top.window).height() * 0.9; 2.光标离开时验证是否数字//jsfunction CheckIsNan(t){var IsNanValue=$(t).val();var strP=/^\d+$/; if(!strP.test(IsNanValue)) { alert("请输入数字!");

web前端技术社区分享

web前端技术社区分享 一.国外的前端技术网站:    1. 名称:W3C: 网址:http://www.w3.org/ 理由:前端技术的规范标准几乎都是W3C制定的  2.名称:ECMA 网址:http://www.ecmascript.org/ 理由:JavaScript最核心的内容就是ECMA 3.名称:Mozilla社区 网址:https://developer.mozilla.org/zh-CN/ 理由:Mozilla社区包含了很多有关Web前端的文章,非常值得学习   4.名称:H5

最受欢迎web前端技术总结

Web前端技术发展非常快,主流技术的进步.想想刚毕业那会用asp技术.目前,该网站已经非常少见主流应用. 后来的后来J2EE框架.然后SpringMVC声望,然而,最近的各种js框架广泛传播,Html5移动互联网非常丰富的开发引进,一些最新的文本web进行的汇总,让大家很多其它地了解.然后取其所长,避其所短.高速推出简约慷慨,维护方便,性能良好的个人站点. JavaScript MV*框架 在相当长的一段时间里,每一个程序猿都要学会怎样利用JavaScript来编写弹出一个警告框或查看是否包括@

Web前端技术--网络三剑客(HTML、CSS、JavaScript)什么是新网络三剑客?以及其他前端技术(JQuery、Vue.js)。

一.Web前端技术--网络三剑客 1.HTML是什么? HTML,全称HYPER TextMarkup Language (超文本标记语言).HTML是一门描述性语言,它是网页的标准语言,并不是一门编程语言. 2.CSS是什么? CSS,全称Cascading Style Sheet(层叠样式表),是用来控制网页外观的一种技术. 3.JavaScript 是什么? JavaScript ,就是我们通常说的JS,是一种嵌入到HTML页面中的脚本语言,由浏览器一边解释一边执行.   “HTML”是网

一般Web前端开发要学什么 如何掌握Web前端技术

一般Web前端开发要学什么?如何掌握Web前端技术?越来越多的行业巨头不断向Web前端示好,除苹果.微软.黑莓之外,谷歌的Youtube已部分使用Web前端.Chrome浏览器宣布全面支持Web前端;Facebook则不遗余力地为Web前端进行着病毒式传播.Web前端代表了移动互联网发展的趋势,总有一天它将成为主流技术.Web前端作为一个前端的编程语言,前景十分可观. 学习内容包括7大学习阶段: 第1阶段:前端页面重构(4周) 内容包含了:(PC端网站布局项目.HTML5+CSS3基础项目.We

web前端技术框架选型参考

一.出发点 随着Web技术的不断发展,前端架构框架.UI框架.构建工具.CSS预处理等层出不穷,各有千秋.太多的框架在形成初期,都曾在web领域 掀起过一场技术浪潮,可有些却仅仅是昙花一现,随着他们用户量的逐渐减少,社区也越来越不活跃.如:meteor.backbone.ember.knockout. 不禁感叹技术的更新换代来的太突然.为了追赶技术更新的脚步,保证技术实施的高性能,强兼容性,并且不会再短时间内被时代所遗弃.以下为目 前常见的主流技术参考,根据github关注度排名: 架构框架 框

web前端技术总结

编辑器: 1 webstrom(建议版本10.0), 2 sublimeTEXT(建议版本3), 3 dreamweaver (建议版本CS6, CC2015)  浏览器: 1 firefox  建议安装 firebug插件  其他插件: httprequester(调试接口用), 2 chrome  建议安装插件:postman(调试接口用) UI技能(前端角度,非UI角度) Photoshop cc2015, markman标记工具 其他:美图秀秀,fireworks,AI 项目管理 git

开始学习web前端技术

不能再蹉跎了,不能再徘徊了,不能再犹豫了,犹豫徘徊等于白来…… 感觉之前浪费了太多的岁月,必须得学习一门实用的技术来充实自己空虚的心情了. 想来想去网页应该是万金油的,大大小小多多少少都得用到.既然如此,先从前端学起吧,毕竟看得到的才是最直接的. 既然没什么基础,先从静态的开始吧. 既然html5貌似很火的样子,总得搞点“现代”一点的东西吧,那就直接上bootstrap吧. 嗯,暂时先差不多这样,先搞搞css相关的东西,再来点JavaScript…… 呃,不对,先用bootstrap搞个hell