全部文章 > Web前端 (9篇) 排序： 默认 浏览量 更新时间
-
原创 npm笔记
初始化 npm init 安装依赖 npm install <package-name> npm install -g <package-name> npm i <package-name> npm i -g <package-name> 安装指定版本的包 npm install <package>@<version> @后面指定版本，默认是最新稳定版本 卸载包 npm uninstall <packag... 阅读全文>>
Web前端 luoluolzb 浏览1123次 -
原创 纯JS实现复制任意元素内容
复制任意元素内容使用了 Selection, Range 等 API 实现： function selectElementContents(el) { var body = document.body, range, sel; if (document.createRange && window.getSelection) { range = document.createRange(); sel = window.getSelec... 阅读全文>>
Web前端 luoluolzb 浏览1353次 -
原创 使用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 浏览2868次 -
原创 JavaScript面向对象之原型链和继承原理
刚接触JavaScript面向对象的同学，对于原型链和继承一定一头雾水。我接触js也有不少时间了，但这些问题到今天才弄清楚，不会的同学随我一起来学习吧。 实例化对象我们知道js中没有“类”，只有对象。没有类那么怎样创建一个对象呢？有两种方法，一种直接通过{}创建，一种是通过构造函数创建。 通过{}创建对象使用{}创建一个对象十分直观，就像这样： var zhangsan = { name: 'zhangsan', hello: function() { conso... 阅读全文>>
Web前端 luoluolzb 浏览1890次 -
原创 jQuery阻止表单提交的两种方法
有时候我们需要阻止表单，比如用户输入的信息没有验证通过时。jQuery阻止表单有两个方法： 监听form的submit事件用jQuery监听表单元素的submit事件，在事件处理函数中返回false即可。例子： <form> <input type="text" name="user" /> <input type="password" name="password" /> <button>s... 阅读全文>>
Web前端 luoluolzb 浏览1604次 -
原创 jQuery扩展（插件）编写方法
点进来的同学一定都用过jQuery，它提供了很多实用、简单、便捷的方法。jQuery虽然好用，但有时候需要定制自己所需要的功能时候，应该去怎么扩展jQuery呢，今天作者就带大家一起总结一下jQuery插件编写方法。 扩展jQuery有两种不同的方式： 扩展jQuery对象的方法，使用 $.fn.extend扩展jQuery本身的方法，使用 $.extend 扩展jQuery对象的方法jQuery对象的方法就是使用选择器选中元素后可以使用的方法，比如click方法。使用 $.extend 可... 阅读全文>>
Web前端 luoluolzb 浏览1512次 -
原创 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 浏览1633次 -
原创 jQuery插件：使footer自动固定在底部
今天给大家分享一个实用的jQuery插件。这个插件可以将footer自动固定在页面底部，这在我们的页面不足一屏时非常有用。 jquery-fixfooter.js/** * jQuery插件：使footer自动固定在底部(页面不足全屏时) * @author luoluolzb * @time 2018/5/26 */ (function(){ //给head添加一个style(固定样式) $(document.head).append($('<style>... 阅读全文>>
Web前端 luoluolzb 浏览2754次 -
原创 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 浏览2254次
包括 HTML、CSS、JavaScript 等。