全部文章 > Web前端 (7篇) 排序: 默认 浏览量 更新时间
  • 原创 使用Promise异步加载js、css、img等文件

    如果不知道什么是Promise,可以先阅读: 使用 Promise - JavaScript | MDNPromise - JavaScript | MDN 异步加载文件/** * 异步加载一个js文件并插入到页面头部 * * @param {String} src js文件地址 * * @return {Promise} 成功或失败时回调函数参数为新创建的script元素 */ function loadScriptAsyn(src) { return new Pro... 阅读全文>>

    Web前端 luoluolzb 浏览980次
  • 原创 JavaScript面向对象之原型链和继承原理

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

    Web前端 luoluolzb 浏览700次
  • 原创 jQuery阻止表单提交的两种方法

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

    Web前端 luoluolzb 浏览536次
  • 原创 jQuery扩展(插件)编写方法

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

    Web前端 luoluolzb 浏览476次
  • 原创 vue.js 学习笔记

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

    Web前端 luoluolzb 浏览624次
  • 原创 jQuery插件:使footer自动固定在底部

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

    Web前端 luoluolzb 浏览1612次
  • 原创 jQuery插件:返回顶部功能

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

    Web前端 luoluolzb 浏览1213次