Welcome

首页 / 脚本样式 / JavaScript

jQuery实现复制到粘贴板功能

2017-02-15 39
项目中突然需要使用复制功能，在网上搜索了下看到了ZeroClipboard插件，好用，但是也有局限。用法如下：1、引用jquery、zclip.js、swf文件。demo地址：https://github.com/chaoli920029342/jquery_copy2、初始化<body><input type="text" name="text" id="text" value="http://www.baidu.com" />&...

JavaScript表单验证的两种实现方法

2017-02-15 27
本文实例为大家分享了js表单验证的实现方法，供大家参考，具体内容如下第一种：js表单验证<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>注册-个人用户</title><meta http-equiv="pragma" content="no-cache"><meta http-equi...

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

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

详解Jquery EasyUI tree 的异步加载（遍历指定文件夹，根据文件夹内的文件生成tree）

2017-02-15 21
Jquery EasyUI tree 的异步加载（遍历指定文件夹，根据文件夹内的文件生成tree）具体代码如下：private void SMT（HttpContext context） {string SqlConnection82 = System.Configuration.ConfigurationManager.AppSettings["LocalConnectionString"];string path = context.Server.Ma...

jquery使用EasyUI Tree异步加载JSON数据（生成树）

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

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

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

超全面的vue.js使用总结

2017-02-15 79
一、Vue.js组件vue.js构建组件使用Vue.component（"componentName",{ /*component*/ }）；这里注意一点，组件要先注册再使用，也就是说：Vue.component（"mine",{template:"#mineTpl",props:["name","title","city","content"] }）; var v=new Vue（{ el:"#vueInstance", data:{name:"zhan...

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

2017-02-15 40
前言Node.js 是跨平台的，也就是说它能运行在 Windows、OSX 和 Linux 平台上。很多 Node.js 开发者都是在 OSX 上做开发的，然后再将代码部署到 Linux 服务器上。由于 OSX 和 Linux 都是基于 Unix 的，因此两者共性很多。Windows 也是 Node.js 官方支持的平台，只要你通过正确的方式写代码，就能在各个平台上毫无压力的跑起来。Node.js 的子进程 （child_process） 模块下有一 sp...

详解Sea.js中Module.exports和exports的区别

2017-02-15 31
一、官方解释因为SeaJs和Nodejs都是基于CommonJS,所以直接看的Node的官方文档解释Module.exportsThe module.exports object is created by the Module system. Sometimes this is not acceptable; many want their module to be an instance of some class. To do this, assig...

jq stop（）和:is（:animated）的用法及区别（详解）

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

浅谈jQuery中的$.extend方法来扩展JSON对象

2017-02-15 25
$.extend方法可以扩展JSON对象，用一个或多个其他对象来扩展一个对象，返回被扩展的对象。例一合并 settings 和 options，修改并返回 settingsvar settings = { validate: false, limit: 5, name: "foo" };var options = { validate: true, name: "bar" };jQuery.extend（settings, options）;结果 sett...

浅谈jQuery中事情的动态绑定

2017-02-15 28
在jQuery的开发过程中，我们往往需要处理各种事件，例如click（），hover（）等。在jQuery的API中，我们可以使用不同的方法来将这些事件绑定到特定的元素中。今天这篇文章中，我们将要介绍如何使用bind（），on（），live（）和delegate（）方法来绑定特定的事件，什么情况下使用，什么情况下不适用它们。希望能够帮助大家更好的了解和使用jQuery的时间处理方法。一、bind（）方法使用较早版本jQuery的教程或者应用中，我们往往使用...

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

2017-02-15 31
在jquery中可以使用2种方法来判断一个元素是否包含一个确定的类（class）。两种方法有着相同的功能。2 种方法如下：1. is（‘.classname"）2. hasClass（‘classname"）以下是一个div元素是否包含一个redColor的例子：1. 使用is（‘.classname"）的方法$（"div"）.is（".redColor"）2. 使用hasClass（‘classname"）的方法（注意jquery的低版本可能是hasCl...

老生常谈jquery id选择器和class选择器的区别

2017-02-15 25
实例如下：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><link href="style.css" rel="external nofollow" rel="external nofollow" rel="stylesheet" type="text/css"/>...

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

2017-02-15 30
经测试未写成闭包形式的在同一个文件中或者不同的 js 文件中定义的同名函数，调用时会执行后面一个定义的函数。即使这样写也会执行后面一个即会弹出2：<script type="text/javascript"> function t（）{ alert（1）; }t（）;function t（）{ alert（2）; }</script>另外，定义的变量与css样式也是以后面的为准。但是对于函数，经测试这样写却会执行前面的函数直接量即弹...

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

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

JS中如何实现Laravel的route函数详解

2017-02-15 25
大家应该都知道在Laravel的路由模块里，我们可以给每一个路由设定一个名字，比如：Route::get（"/blog/{blog}", "BlogController@show"）->name（"blog.show"）然后就可以通过route（"blog.show", ["blog" => 1]）来获取到这个路由的访问地址，后端跳转可以用return redirect（）->route（"blog.show", ["blog" =>...

jQuery、zepto、js常用小技巧

2017-02-15 28
以下只为记录自己工作常用的片段和心得, 如有问题请指正, 多谢~jQuery/zepto判断元素是否存在// 判断长度是否存在, 正确if （$elem.length） {}// 错误, 因为空数组也是trueif （$elem） {}合理判断数据类型先看代码:function case（str） {return str.match（/reg/）;}看着没问题, 但当 str 为空（false, null等）时就挂了, 适当的检查让代码更健壮, 如:fun...

jQuery Mobile漏洞会有跨站脚本攻击风险

2017-02-15 29
概述根据国外媒体的最新报道，谷歌公司的安全工程师Eduardo Vela在jQuery Mobile框架中发现了一个安全漏洞，这个漏洞将会让 所有使用了jQuery Mobile的网站暴露于跨站脚本攻击风险之下 。jQuery Mobile项目（jQuery框架中的一个组件）是一个基于HTML5的开发框架，在它的帮助下，开发者可以设计出能够适配目前主流移动设备和桌面系统的响应式Web站点以及应用程序。实际上，jQuery Mobile不仅可以为主流移动平台...

jQuery文字轮播特效

2017-02-15 26
闲谈：离开学校那座象牙塔已经也有大半年的事件了，生活中不再充满了茫然只有忙碌。连续加班加点大半个月，做的活动项目终于算是告一段落了，而今天也将是考验其真正价值的时候，现在将这次开发中遇到的问题做一下总结。项目背景： 这次的项目主要是做一次全国酒店人气排名的营销活动，主要是基于在微信中传播，预计访问量达到亿级，并发做到2000+/s，且有不少的容错预案，我这次主要负责前端首页方面的展示效果。功能点：文字无缝轮播（不要在意为什么在移动端还会有这样的需求）当一说...
<< 1 2 3 4 5 6 7 8 9 10 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图