web前端基础背景
1、HTML:
超⽂本标记语⾔,它不同于编程语⾔。超⽂本就是超出纯⽂本的范畴,例如⽂本的颜⾊,⼤⼩,字体信息,或使⽤图⽚,⾳频,视频等⾮⽂本内容。
HTML由⼀个⼀个标签组成,这些标签各司其职,有的提供⽹页信息,有的负责图⽚,有的负责⽹页布局。
通过浏览器来显⽰。
2、浏览器
浏览器软件分为两部分:外壳,内核(引擎)
外壳:提供交互界⾯
jsp用什么前端框架 内核(引擎):
提供 HTML, CSS图像的渲染引擎,提供DOM编程接⼝。
提供 JavaScrpt 引擎,提供浏览器内建对象
JS引擎:
不同浏览器内核中也使⽤不同的JS 引擎,常见的js 引擎有JScipt,TraceMonkey(Firefox), V8等。
每个引擎差异不⼩,所以通过JQuery等框架来解决兼容性问题,抹平平台差异。
3、JavaScript
JS:
javascript 简称js,是⼀种动态的弱类型解释性语⾔,和HTML, CSS 并称为三⼤web 核⼼技术
JS 是ECMAScript 标准的实现之⼀,因为还有微软的JScript, VBScript等
ES:
ES,ECMASCript 是由ECMA国际通过的ECMA-262标准化的脚本程序设计语⾔。
JS 是商品名,ES 是标准名
根据ES标准,有很多实现引擎,其中包括JS,JScript等,它们都是ECMA-262标准的实现和扩展
2015年 ES6发布,即ECMAScript 2015,从ES5 开始⽀持 JSON
V8引擎
08年,Google的chrome发布,同时发布了JS 引擎,就是V8 引擎,V8使⽤的BSD开原协议。
c++开发的,将 js 编译成了机器吗,⽽不是字节码(本⾝是解释性语⾔, 所以应该运⾏变为字节码)
V8 引擎,可以独⽴运⾏,使得服务器端运⾏JS 成为可能,且⽅便的事情。
09年,Nodejs 诞⽣,服务器端运⾏JS 的运⾏环境。
CSS:层叠样式表。
CSS 3采⽤了模块化思想,每个模块都在CSS 2 基础上分别增强功能。
但是浏览器引擎对 CSS ⽀持不同,所以想要保证⽤户使⽤不同的浏览器看到的⽹页效果⼀样是⽐较困难的。
动态⽹页技术
动态⽹页不是动起来的⽹页,是服务器端的⼀系列操作,产⽣结果,并返回给客户端。
早起⽀持的动态⽹页技术, ASP, JSP,PHP等
⽹页布局:
早期的⽹页只需要简单的显⽰标题,正⽂,图⽚,使⽤<p> 标签分段
后来⼤量的使⽤表格标签,可以做到很好的内容布局,但是出现成千上百个表格嵌套的时候,浏览器会很慢。
后来出现了Div + CSS 布局风格,舍弃了表格布局,加上JS ,是的前后端开发分离,⽽且可以做到很好的⾃适应,例如流式瀑布⼀样的布局。
4、同步和异步:
同步:
简单的说就是,每次访问同⼀个⽹页的时候,需要去服务器端下载⽹页,并同时逐步做渲染,还要构建DOM 树,加载JS 脚本并执⾏,JS可能需要修改DOM,⽹页就要重新渲染。
如果 JS 放在 head中,还需要等待 JS 下载并加载。
图⽚使⽤img 标签,是发起⾏的HTTP请求,如果图⽚返回,需要重新绘制⽹页。
还有注册信息,好不容易添加完,最后填写认证码失误导致⽹页刷新,需要重新加载,影响⽤户体验,同时增加了服务器端的压⼒。
异步:
可以动态的从浏览器发请求到服务器端,服务器端返回乡⾳的数据封装成XML(JSON),返回给浏览器,浏览器只需要使⽤JS 把内筒加载到DOM ZHONG ,局部渲染就可以了,这个过程,整个⽹页不需要重新刷新,只需动态的局部改变即可。
{
微软退出Activex 插件技术,⽐较笨重,但是⼀个插件XMLHttpRequest组件,诞⽣了AJAX(异步的js 和xml)
XMLHttpRequest + js + XML(现在是JSON)。
5、前端开发:
早期前端开发使⽤的⽹页三剑客:Dreamweaver, Firework,Flash
⽬前常⽤的框架 React 和Vue.js(国⼈)
现在前端需要很多的⼯具配合使⽤,配置好⼀个开发环境⾮常重要。
6、硬件发展
⽹页对多媒体的⽀持,动态效果的⽀持,都需要使⽤⼤量的CPU ,内存资源,甚⾄是显卡的渲染能⼒
所以个⼈pc 需要不断的升级,否则浏览器⽹页很困难。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论