Day17-18前端学习之路——Javascript事件

【Day17-18前端学习之路——Javascript事件】的更多相关文章

Day17-18前端学习之路——Javascript事件

用户在某个元素上点击鼠标或悬停光标. 用户在键盘中按下某个按键. 用户调整浏览器的大小或者关闭浏览器窗口. 一个网页停止加载. 提交表单. 播放.暂停.关闭视频. 发生错误. 更多事件:https://developer.mozilla.org/zh-CN/docs/Web/Events 一.概念每个可用的事件都会有一个事件处理器,也就是事件触发时会运行的代码块.当我们定义了一个用来回应事件被激发的代码块的时候,我们说我们注册了一个事件处理器.注意事件处理器有时候被叫做事件监听器——从我们的…

前端学习之路-CSS介绍，Html介绍，JavaScript介绍

CSS介绍学前端必备掌握CSS样式,css为层叠样式表,用来定义页面的显示效果,加强用户的体验乐趣,那么如何用css到html中呢? style属性方式利用标签中的style属性来改变显示样式 <p style="background-color: #FFF000"> p标签 </p> 在head中加入style标签 <head> <style type="text/css"> p { color: #FFF000…

jQuery延迟加载(懒加载)插件 – jquery.lazyload.js-Web前端(W3Cways.com) - Web前端学习之路

Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担. Demo页面: 基本选项淡入效果对不支持JavaScript浏览器的降级处理水平滚动容器内水平滚动容器内垂直滚动…

前端学习第二弹: JavaScript中的一些函数与对象（1）

前端学习第二弹: JavaScript中的一些函数与对象(1) 1.apply与call函数每个函数都包含两个非继承而来的方法:apply()和call(). 他们的用途相同,都是在特定的作用域中调用函数. 接收参数方面不同,apply()接收两个参数,一个是函数运行的作用域(this),另一个是参数数组.call()方法第一个参数与apply()方法相同,但传递给函数的参数必须列举出来. 举个例子: function Person(name,age) { this.name=name; t…

前端学习实践笔记--JavaScript深入【3】

这章主要讨论闭包和原型,以及面向对象和继承. 闭包闭包充分利用了JS里面作用域的概念,作用域的好处是内部函数可以访问定义它们的外部函数的参数和变量.使用闭包主要是为了读取函数内部的变量或者将函数内部的变量始终保持在内存中,而不让JS垃圾回收机制回收,所以使用闭包会降低系统性能的,应该避免尽量少用. 具体看下面三个例子: var elems = document.getElementsByTagName('a'); for(var i = 0; i<elems.length; i++){ ele…

web前端学习之路

test 随着自己对于web前端知识了解的越多,越来越发现自己真的好菜一脸茫然阶段两年前大学接触网页设计,那时对于网页设计一窍不通,只是看了一本自己大学编的一本入门教材,我甚至不知道那些网页设计的代码是干什么用的,大学的老师自己讲的很投入,然而我并不懂.最后考试他就划了重点.我们只要记一些简单的html代码,那时的我还不知道什么是盒子模型,不知道什么是css,怎么外部引用css和javascript,只是对一些标签眼熟初识网页设计去年的暑假,那时无意中看到了一个视频,视频是教你怎么在十分…

前端学习笔记之JavaScript

JavaScript概述 JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中),后将其改名ScriptEase(客户端执行的语言). Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚本语言.Sun和Netscape共同完成,后改名叫JavaScript. 微软随后模仿在其IE3.0的产品中搭载了一…

Day1前端学习之路——概述

终于下定决心要好好学习前端知识了,以后会把学习过程中的一些随笔记录在这里.HTML.CSS.JavaScript这三大前端语言在大三的时候就有所接触,但是学习的不够深入,这一次希望能够坚持下去. 学习路线准备按照知乎的一篇文章https://www.zhihu.com/question/30180100/answer/156399333,按照这个路线来学习. 课程目标: 大概知道什么是Web,什么是HTML,CSS,JavaScript HTML:一种标记语言 CSS:规定样式的语言 Javas…

前端学习实践笔记--JavaScript深入【2】

趁热继续再来学习一波,接下来主要介绍函数,object,数组,面向对象,new实例化. 在介绍“对象”之前,首先得梳妆打扮一番吧,那这梳妆打扮主要有两条路线,一条是淑女范(利用函数对象化),一条是邻家小姐范(利用object),大家各有所好嘛, 那先分别介绍两种路线的具体梳妆方式. 函数我们都知道JS是一门动态语言,所以可以动态的为函数添加或去除方法和属性,这其实就是对象所需要的东西.所以有说函数就是对象. 正因为如此,所以我们再区分你到底是想要创建一个对象,还是仅仅想实现一个函数的时候,通过…

前端学习实践笔记--JavaScript深入【1】

这一年中零零散散看过几本javascript的书,回过头看之前写过的javascript学习笔记,未免有点汗颜,突出“肤浅”二字,然越深入越觉得javascript的博大精深,有种只缘身在此山中的感觉,茫茫然而不得其要领,索性在一边写博文中,求得突破,乃至更上一层楼. 看过的书籍推荐: <javascript语言精粹> Douglas Crockford <javascript设计模式> Addy Osmani <javascript设计模式> Ross Harmes…