1.基础技术前端基础技术有html、css和javascript。html(hypertext markup language,超文本标记语言)一种用于创建网页的标准标记语言。css(cascading style sheets,层叠样式表)是一种用来表现html文件样式的计算机语言,如字体、大小、颜色、背景图、边框等。javascript用来给html网页增加动态功能。简单地说,如果将网页比喻为人,仅使用html标签相当于素颜照,使用css相当于美颜,使用javascript相当于做魔术表演。
事实上,如果你有web浏览器和文本编辑器,那么你就可以做网页的编程了。下面我们来看下html+css+js的庐山真面目,如图所示,html是由、、 、 、 等标签组成。
而查看html源代码,我们大致上可以得到如下标签层次,我们可以将每个标签看成对象,如下图所示:
你发现了吗?我们一直在提的一个词是“对象”。那么如何来理解对象呢, 我们可以把一个人看成对象,这个人具有身高、性别、年龄等属性,也有吃饭、睡觉、旅游等行为。同样地,在前端的世界里,将浏览器、文档都看作一个对象,对页面的操作就可以通过属性或方法来调用,如属性的调用object.attribute,方法的调用object.method(arguments)。
在javascript中,把浏览器看成一个对象,抽象为bom(browser object model,浏览器对象模型)。
同样地,我们把文档看成一个对象,抽象为dom(document object model,文档对象模型)。
bom和dom是javascript的核心,同时,javascript需要遵循规范与标准ecmascript。
总的来说,javascript=ecmascript + dom + bom,其中ecmascript约定语法和基本对象,dom提供与网页交互的方法和接口,如动态显示时间;而bom提供与浏览器交互的方法和接口,如跳转到一个页面、前进、后退等。
2.基本原理web页面的展示通过浏览器来完成,而浏览器的职责是根据用户输入的url地址信息向服务器发出请求,得到服务器的响应后在其窗口展示。具体到浏览器解释并显示 html 文件的标准规范分别定义在由w3c维护的 html 和 css 规范中。
浏览器从网络层获取数据包,并将其转化为http响应内容,并根据状态码进行解析和页面展示,其大致流程如下:
2018年MCU的涨价潮已成定局,今年恐将缺货一整
有媒体报道称,内存和闪存价格将分别上涨30%、20%
TCL液晶彩电IPL32C电源与逆变器板维修
燃气表智能化标准的详细解读
几种数字卫星接收机开关电源典型故障检修
前端技术是什么
iPhone8发布会正在直播:iPhone8外观、配色、性能全面升级,银色、金色、灰色无腮红金
浅析应用于智能楼宇的物联网新技术
Zynq Petalinux编译用户自定义系统
型格e:HEV:未来技术发展的大环境
蓝牙初步介绍!2BLE协议栈的结构和配置
哪款蓝牙耳机的性价比比较高?四款防水效果好的蓝牙耳机测评
用MSP430实现的嵌入式因特网终端设计
二维码扫码模块有哪些功能?二维条形码读取设备详解
静电对核心板反馈回路的影响
【11月29日|线上】医疗设备EMC高效测试、诊断与分析
华兴源创重点布局半导体,手握订单超3亿!
基于STM32单片机的建筑工地安防系统设计
使用单片机驱动LED和数码管与LCD显示的详细资料说明
Linux音频编程指南