Web前端的知识之旅哟—— 网络基础(三十点五)

这篇文章打算讲一些关于网络基础部分的知识点,大家了解一下就好。 HTTP一开始是为了知识共享性而诞生的,借助多文档之间的互相关联形成的超文本,连接成可相互阅读的www(万维网 world wide web)。 HTTP协议只是TCP/IP协议族中的子集。 而TCP/IP分层管理...

Web前端的知识之旅哟—— 同源策略(三十)

同源策略 同源策略是浏览器一个很重要的概念,它是浏览器安全最基础也是最核心的部分。 同源策略,所谓同源,是指只有在域名、协议名、端口号都相同。不同源的客户端脚本在没有明确授权的情况下,是不能够读写对方的资源的。 简单的来说,浏览器允许包含...

Web前端的知识之旅哟—— AJAX(二十九)

动态网页和静态网页的区别在于是否能够和服务器进行交互,而凡是与服务器进行数据交互就需要ajax。 什么是AJAX? AJAX是Asynchronous javascript and xml 的缩写,用javascript以异步的形式操作xml(现在操作的是json)。 随着谷歌地图的横空出世,这种不...

Web前端的知识之旅哟—— JavaScript终章(二十八)

感觉js部分应该没什么要介绍的了,所以打算这一篇介绍一些零碎的东西。 • DOCTYPE三种标准模式的写法 1.<!DOCTYPE html> 2.<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”...

Web前端的知识之旅哟—— BOM与正则表达式(二十七)

BOM BOM的全称叫做Browser OjbectModel 浏览器对象模型,它定义了操作浏览器的接口。 BOM对象包括:Window、History、Navigator、Screen和Location。但是由于浏览器厂商的不同,BOM对象的兼容性极低,一般情况下,我们只用其中的一部分功能。 具体请参考w3...

Web前端的知识之旅哟—— 异步加载JS(二十六)

先介绍一下JSON: 我们传输数据就两种格式:xml和json。 xml是以html为模板,自定义标签名作为数据名来传递数据,书写起来很麻烦,现在多用json,很少使用xml。 json是传输数据的另一种格式,它是以对象为模板(本质上就是对象,但是用途有所区别,对象是...

Web前端的知识之旅哟—— 鼠标事件与键盘事件(二十五)

鼠标事件 鼠标事件有很多:click、mousedown、mousemove、mouseup、contextmenu、mouseover、mouseout。这些方法的语义化都很好,大家看名字基本都懂是什么意思。 其中,contextmenu是右键出现菜单事件,并不是右键事件。 click是一个完整的点击事件,包括...

Web前端的知识之旅哟—— 事件处理模型与事件委托(二十四)

事件处理模型——事件冒泡、事件捕获 上一篇介绍了事件的绑定,我们这里先写一个三层div嵌套的结构并且给每一个div都加一个点击事件。 .wrapper { width: 200px; height: 200px; background-color: red; } .box { width: 100px; height: 100px...

Web前端的知识之旅哟—— 事件的绑定与解除(二十三)

事件是交互体验的核心功能,非常非常重要。 事件是每一个浏览器本来就有的,我们只是给相应的事件添加了一个回调函数。 下面先看一个拖拽事件的例子来感受一下事件: div.addEventListener('mousedown', function (e){ var disX = e.clientX - parseInt(g...

Web前端的知识之旅哟——脚本化CSS(二十二)

这篇文章主要介绍几种查看css样式的方法。 读写css属性 每一个dom元素都有一个属性style,dom.style里面存放的这个元素的行间样式,我们可以通过这个属性来读写元素的行间样式。 注意: 1.我们碰到float这样的关键字属性的时候,前面要加一个css前缀。 flo...

Top