HTML/CSS/JS

JavaScript面向对象之原型链和继承原理

/static/image/head.jpg

刚接触JavaScript面向对象的同学,对于原型链和继承一定一头雾水。我接触js也有不少时间了,但这些问题到今天才弄清楚,不会的同学随我一起来学习吧。 实例化对象 我们知道**js中没有“类”,只有对象**。没有类那么怎样创建一个对象呢?有两种方法,一种直接通过{}创建,一种是通过构造函数创建。 通过{}创建对象 使用{}创建一个对象十分直观,就像这样: javascript var zhangsan = { name: 'zhangsan', he... 阅读全文>>

jQuery阻止表单提交的两种方法

有时候我们需要阻止表单,比如用户输入的信息没有验证通过时。 jQuery阻止表单有两个方法: 监听form的submit事件 用jQuery监听表单元素的submit事件,在事件处理函数中返回false即可。 例子: html <form> <input type="text" name="user" /> <input type="password" name="password" /> <button>submit</button> </form> ... 阅读全文>>

jQuery扩展(插件)编写方法

/static/image/head.jpg

点进来的同学一定都用过jQuery,它提供了很多实用、简单、便捷的方法。jQuery虽然好用,但有时候需要定制自己所需要的功能时候,应该去怎么扩展jQuery呢,今天作者就带大家一起总结一下jQuery插件编写方法。 扩展jQuery有两种不同的方式: 1. 扩展jQuery对象的方法,使用 $.fn.extend 2. 扩展jQuery本身的方法,使用 $.extend jQuery Pugin 扩展jQuery对象的方法 jQuery对象的方法就是使用选择器选中元素后... 阅读全文>>

vue.js 学习笔记

/static/image/head.jpg

安装 下载 vue.js 或者 vue.min.js 文件,在需要的html文档中使用。下面是 vue.js 的hello world例子。 html <!DOCTYPE html> <html> <head> <meta charset="utf8" /> <title>vue.js Hello World</title> <script src="vue.min.js"></script> </head> <body> <div id="app"> ... 阅读全文>>

jQuery插件:使footer自动固定在底部

/static/image/head.jpg

今天给大家分享一个实用的jQuery插件。 这个插件可以将footer自动固定在页面底部,这在我们的页面不足一屏时非常有用。 jqueryfixfooter.js javascript /** * jQuery插件:使footer自动固定在底部(页面不足全屏时) * @author luoluolzb * @time 2018/5/26 */ (function(){ //给head添加一个style(固定样式) $(document.he... 阅读全文>>

jQuery插件:返回顶部功能

/static/image/head.jpg

返回顶部的功能相信很多人都不陌生,那么是到底它的原理是什么呢?是怎么实现的呢? 答案就在下面的代码中: jquerybacktop.js javascript /** * jQuery插件:返回顶部 * @author luoluolzb * @time 2018/5/26 */ (function(){ var jq = jQuery.noConflict(); var distance = window.screen.availHeig... 阅读全文>>