Welcome 微信登录

首页 / 脚本样式 / JavaScript

JavaScript实现瀑布流以及加载效果

JavaScript实现瀑布流以及加载效果

一、瀑布流是个啥? 瀑布流,是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。 最早采用瀑布流布局的网站是Pinterest,逐渐在国内流行开来,比如我们熟知的百度图片的布局,在“很久”以前,百度图片还是需要一页一页的点击进行查看更多图片,而现在的瀑布流布局使用户查找图片更加方便。二、瀑布流的优缺点优点:1.节省了页面的空间,不再需要导航和页码按钮。2.增强了用户的体验,使用...
jquery使用EasyUI Tree异步加载JSON数据(生成树)

jquery使用EasyUI Tree异步加载JSON数据(生成树)

这几天因为工作需要,要做一个支持无限级的菜单。我也是菜鸟一只,能想到的东西不多,所以用了Easy UI的tree组件。不得不说,easyui确实很强大。因为是无限级菜单,数据量可能有点大,所以考虑采用异步加载。但是因为后台默认传来的数据是 一个实体,所以又在后台进行了JSON字符串拼接。最后,在网上找了N多代码,然后又去问了好几个群里的网友,终于搞出来这个小东西。一、HTML部分代码<div id="categoryChooseDiv" title=...
Vue-Router实现页面正在加载特效方法示例

Vue-Router实现页面正在加载特效方法示例

前言vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,也就是组件的切换。如果你在使用 Vue.js 和 Vue-Router 开发单页面应用。因为每个页面都是一个 Vue 组件,你需要从服务器端请求数据,然后再让...
利用Node.js编写跨平台的spawn语句详解

利用Node.js编写跨平台的spawn语句详解

前言Node.js 是跨平台的,也就是说它能运行在 Windows、OSX 和 Linux 平台上。很多 Node.js 开发者都是在 OSX 上做开发的,然后再将代码部署到 Linux 服务器上。由于 OSX 和 Linux 都是基于 Unix 的,因此两者共性很多。Windows 也是 Node.js 官方支持的平台,只要你通过正确的方式写代码,就能在各个平台上毫无压力的跑起来。Node.js 的子进程 (child_process) 模块下有一 sp...
jq stop()和:is(:animated)的用法及区别(详解)

jq stop()和:is(:animated)的用法及区别(详解)

stop(true,true):表示停止匹配元素正在进行的动画并跳转到末状态,清空未执行完的动画队列。常用于”解决光标移入移出得过快导致的动画效果与光标动作不一致“问题!jQuery stop() 方法jQuery stop() 方法用于停止动画或效果,在它们完成之前。stop() 方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画。语法$(selector).stop(stopAll,goToEnd);可选的 stopAll 参数规定...
浅谈jQuery中事情的动态绑定

浅谈jQuery中事情的动态绑定

在jQuery的开发过程中,我们往往需要处理各种事件,例如click(),hover()等。在jQuery的API中,我们可以使用不同的方法来将这些事件绑定到特定的元素中。今天这篇文章中,我们将要介绍如何使用bind(),on(),live()和delegate()方法来绑定特定的事件,什么情况下使用,什么情况下不适用它们。希望能够帮助大家更好的了解和使用jQuery的时间处理方法。一、bind()方法使用较早版本jQuery的教程或者应用中,我们往往使用...
使用jquery判断一个元素是否含有一个指定的类(class)实例

使用jquery判断一个元素是否含有一个指定的类(class)实例

在jquery中可以使用2种方法来判断一个元素是否包含一个确定的类(class)。两种方法有着相同的功能。2 种方法如下:1. is(‘.classname")2. hasClass(‘classname")以下是一个div元素是否包含一个redColor的例子:1. 使用is(‘.classname")的方法$("div").is(".redColor")2. 使用hasClass(‘classname")的方法(注意jquery的低版本可能是hasCl...
浅谈js中同名函数和同名变量的执行问题

浅谈js中同名函数和同名变量的执行问题

经测试未写成闭包形式的在同一个文件中或者不同的 js 文件中定义的同名函数,调用时会执行后面一个定义的函数。即使这样写也会执行后面一个即会弹出2:<script type="text/javascript"> function t(){ alert(1); }t();function t(){ alert(2); }</script>另外,定义的变量与css样式也是以后面的为准。但是对于函数,经测试这样写却会执行前面的函数直接量即弹...
js输入框使用正则表达式校验输入内容的实例

js输入框使用正则表达式校验输入内容的实例

js输入框输入校验/*用户名称格式判断——用户名只能为下划线、数字、字母或中文长度不超过10个字符*/function checkUserName(str) {var reg = /^[_0-9a-zA-Zu4e00-u9fa5]{1,10}$/;return reg.test(str);} 以上这篇js输入框使用正则表达式校验输入内容的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。...
<< 1 2 3 4 5 6 7 8 9 10 >>