一半前端一半设计
教学日志录
首页
前端教程
HTML教程
CSS教程
JavaScript教程
jQuery教程
界面设计
案例集
zblog建站
前端资源
工具
书籍
酷站推荐
杂谈
关于我
文章归档
业务
导航菜单
首页
前端教程
HTML教程
CSS教程
JavaScript教程
jQuery教程
界面设计
案例集
zblog建站
前端资源
工具
书籍
酷站推荐
杂谈
关于我
文章归档
业务
前端教程
首页
>前端教程
CSS教程
这是我看到深入解释vertical-align最好的文章!
最近在备CSS基础的课程,以为很简单的事情,结果却在一些基本的概念上翻了车,有时候你以为简单的事情,其实你并不理解它的原理。在百度上翻了一下午,终于找到了一篇好文章,是翻译自国外的,很有意义,所以转载到自己博客上。这是中文的链接:你所不知道的vertical-align这是英文的链接:Vertica...
2019年12月02日
41
JavaScript教程
DOM基础10:两个矩形的碰撞
学习了拖拽后,那么碰撞就是拖拽一个对象去碰另一个对象,检测是否碰上了。这里的碰撞是两个矩形对象的碰撞,如果是圆形或者不规则形状,方法又不一样了。这个小案例是拖动老鼠去碰撞灯,老鼠只能在可视区内移动,碰上了灯,灯变亮了。具体效果点击查看知识点:1、利用getBoundingClientRect( )方...
2019年09月17日
284
CSS教程
web的经典布局方案介绍
布局是网页的框架,灵活的布局可以让页面信息得以合理的摆放,强健的布局方案可以适应不同分辨率下页面的显示。1、上中下三栏式2、左右两栏式3、左右加页眉页脚4、左中右三栏式 浮动布局 &...
2019年09月11日
312
JavaScript教程
DOM基础9:拖拽原理
HTML5现在已经有了拖放的API,也就是说拖放已经成为了HTML5的标准,不过还是先了解一下JavaScript最原始的拖拽原理。一、拖拽的基本原理拖拽是基于三个事件触发的:onmousedown : 选择元素onmousemove : 移动元素onmouseup : 释放元素oDi...
2019年08月28日
245
JavaScript教程
DOM基础8:事件冒泡和事件捕获
一、事件流当浏览器发展到第四代时(IE4和Netscape Communicator 4),浏览器团队遇到一个很有意思的问题:页面的哪一部分会拥有特定的事件?想象下在一张纸上有一组同心圆,如果你把手指放在圆心上,那么你的手指指向的不是一个圆,而是一组圆。两家公司的开发团队在看待浏览器事件方面还是一致...
2019年08月26日
225
JavaScript教程
DOM基础7:事件绑定的第二种方式addEventListener
以前都是直接为对象绑定一个事件处理函数,但是这种方法会导致事件的覆盖。//给一个对象绑定一个事件处理函数的第一种形式 //obj.onclick = fn; function fn1() { ale...
2019年08月26日
226
JavaScript教程
DOM基础6:event.stopPropagation与event.preventDefault的区别和兼容性
event : 事件对象 , 当一个事件发生的时候,和当前这个对象发生的这个事件有关的一些详细的信息都会被临时保存到一个指定地方-event对象,供我们在需要的时候调用。这个有点像飞机的黑匣子。事件对象必须在一个事件调用的函数里面使用才有内容。事件函数:事件调用的函数,一个函数是不是事件函数,不在定...
2019年08月26日
216
JavaScript教程
DOM基础5:Event事件对象
基于事件的响应,让页面和用户之间产生交互行为是JavaScript的一大特征。比如,当下面的事件发生的时候,就产生了一个JavaScript事件。当用户单击鼠标时当网页已加载时当图像被加载时当鼠标移动到元素上时当输入字段更改时提交HTML表单时当用户敲击一个键时HTML DOM事件允许JavaScr...
2019年08月23日
247
JavaScript教程
DOM基础4:对CSS样式的操作
查找到html元素之后,很大一部分操作都需要修改元素的css样式。一般操作CSS样式的方法有如下几种:一、style对象element.style.properties这个style对象的属性是可读可写的,只是它只能读取和设置元素对象的行间样式表。比如:element.style.color=&qu...
2019年08月21日
305
JavaScript教程
DOM基础3:对元素节点的操作
元素节点可谓是关键,对于元素节点的增删改查是最常用的。一、获取元素节点的方法document.getElementById() document(Element).getElementsByClassName()document(Element).getElementsByTa...
2019年08月20日
261
JavaScript教程
DOM基础2:document中的节点
因为只讨论HTML DOM,所以,html文档下面的所有对象都是document下面的对象。html最外面的对象就是document了。所以,我们也只讨论document下面的对象的属性和方法。通过这些对象的属性和方法,我们就可以对html所有的元素进行操作。比如增删改查html元素,操作html元...
2019年08月20日
258
JavaScript教程
DOM基础1:DOM对象初了解
如果说ECMAScript是JavaScript语言的硬核部分的话,那么DOM就是JavaScript的宿主环境之一。使用HTML DOM,JavaScript可以访问和更改HTML文档的所有元素。DOM(Document Object Model):文档对象模型当一个html页面被加载后,浏览器就...
2019年08月19日
263
JavaScript教程
JavaScript基础15:箭头函数初了解
在ES6之前,匿名函数一般是这样的:var fn=function(x,y){ return x+y; }ES6提供了一种更简单的函数写法,就是箭头函数:参数 => 函数体var f ...
2019年08月19日
249
JavaScript教程
JavaScript基础14:var、let、const的区别
要理解var和let的区别,先了解一下关于变量的声明以及作用域。一、变量的声明和提升在ES6之前,都是用var关键字来声明变量。var x; // 声明 x如果还没有为变量赋值,此时的变量是undefined。也可以先赋值,再声明,这就是变量提升。也可以理解为...
2019年08月16日
246
JavaScript教程
JavaScript基础13:Object对象初了解
我们常说“面向对象的编程”,在JavaScript中,对象就是最重要的内容。在老家常把谈恋爱说成“找对象”,那么这里的对象是一个人,在JavaScript中,几乎“所有事物”都是对象。布尔是对象(如果用 new 关键词定义)数字是对象(如果用 new 关键词定...
2019年08月14日
249
JavaScript教程
JavaScript基础12:函数传参
如果函数只是一段重复执行的代码块,那就不够强大了,最多就是节约了一点重复代码。函数的强大在于通过获得不同的参数,从而得到不同的结果。一、函数的参数1、形参和实参function functionName(parameter1, parameter2, parameter...
2019年08月12日
212
JavaScript教程
JavaScript基础11:Function函数的基础介绍
记得大学学习C语言的时候,刚毕业的研究生老师讲到函数,什么构造函数,形参,实参,把我搞得晕乎乎的。结果,期末考试C语言没及格,当然,全班几乎都没有及格。第二学期换了一个资历深厚的教授给我们补了一学期的C语言,大家的期末成绩几乎都是80分以上,看来,姜还是老的辣。所以,我们多学了一学期的C语言,导致C...
2019年08月06日
254
JavaScript教程
JavaScript基础10:for循环的几种类型介绍
for循环是一个很强大的流程结构,如果你要重复做某件事情,每次处理的值不一样,就可以用循环。循环要满足一个基本的条件:那就是必须在某个时刻停止循环,否则陷入死循环是要死机的。循环的流程结构图如下:一、不同类型的循环for循环 在代码块中循环多次wh...
2019年08月05日
241
JavaScript教程
JavaScript基础9:流程结构之if条件判断和switch多分支语句
js有三种流程结构,顺序、选择、循环。顺序结构:默认的流程结构。按照书写顺序从上至下执行每一条语句。比如我们的html文档就是常见的顺序流程结构,浏览器默认从上往下渲染页面。比如我们在加载外部文件的时候,如果后面加载的文件需要使用前面某个文件的组件或者函数,要确保加载顺序,否则调用不成功。除了一条道...
2019年07月31日
245
JavaScript教程
JavaScript基础8:Math及常用方法
Math和Array一样,算是JavaScript的一种内置对象,自带了很多的函数可以处理数字方面的任务。Math也有属性和方法。与其他全局对象不同,数学对象没有构造函数。方法和属性是静态的。所有方法和属性(常量)都可以在不首先创建Math对象的情况下使用。也就是不需要new一个对象的实例。一、常用...
2019年07月25日
266
‹‹
1
2
3
4
5
6
7
›
››