Web前端
Bran_tor
善始者实繁 而克终者盖寡
展开
-
jquery validation 小结1
项目中使用jqueryvalidation进行前端和后台的双重验证(修改密码功能),前端确保字段不为空,后台保证两次密码一致,旧密码正确,最后保存。//对话框添加校验框架$("form", $dialog).validationEngine({ //信息提示位置 promptPosition : "bottomRight", //是否原创 2015-12-15 10:18:42 · 254 阅读 · 0 评论 -
设定延时函数setTimeout
setTimeout 运用在延迟一段时间,再进行某项操作。 setTimeout(“function”,time) 设置一个超时对象 setInterval(“function”,time) 设置一个超时对象SetInterval为自动重复,setTimeout不会重复。 clearTimeout(对象) 清除已设置的setTimeout对象 clearInterval(对象) 清除已设置原创 2016-01-05 21:31:02 · 675 阅读 · 0 评论 -
jQuery 遍历 - each() 方法
jQuery 遍历 - each() 方法定义和用法each() 方法规定为每个匹配元素规定运行的函数。 提示:返回 false 可用于及早停止循环语法 $(selector).each(function(index,element))$(document).ready(function(){ $("button").click(function(){ $("li").eac原创 2016-01-05 22:24:07 · 227 阅读 · 0 评论 -
对js运算符“||”
在js逻辑运算中,0、”“、null、false、undefined、NaN都会判为false,其他都为true看到很多代码if(!!attr),为什么不直接写if(attr); 其实这是一种更严谨的写法: 请测试 typeof 5和typeof !!5的区别。!!的作用是把一个其他类型的变量转成的bool类型。代码:var attr = attr || “”;这个运算经常用来判断一个变量是否已原创 2016-01-05 22:28:30 · 253 阅读 · 0 评论 -
jQuery UI API - 工具提示框部件(Tooltip Widget)
$( selector ).tooltip()工具提示框(Tooltip)取代了原生的工具提示框,让它们可主题化,也允许进行各种自定义:显示不仅仅是标题的其他内容,就如内联的脚注或通过 Ajax 检索的额外内容。自定义定位,例如,在元素上居中工具提示框。添加额外的样式来定制警告或错误区域的外观。使用带有 title 属性的所有元素的事件代理,在文档上创建一个工具提示框(Tooltip)。<原创 2016-01-05 23:15:59 · 406 阅读 · 0 评论 -
jqgrid 单元格数据格式化 formatter formatoptions
jqGrid中对列表cell属性格式化设置主要通过colModel中formatter、formatoptions来设置.jQuery("#jqGrid_id").jqGrid({... colModel: [ ... {name:'price', index:'price', formatter:'integer', formatoptions:{thousand原创 2016-01-11 16:29:46 · 6569 阅读 · 1 评论 -
百度地图 baidu map api应用
Summary:项目中需要使用百度地图来显示终端的位置。 1. 后台:获取存在数据库中的google gps地址,通过转换为baidu location,以json方式传到前端。 2. 前台:加载百度地图(开发者key/ak)和工具类TextIconOverlay和MarkerClusterer,通过:终端号直接搜索在线搜索/离线搜索/全部搜索范围搜索/距离显示出终端并在地图上加载mar原创 2016-01-13 22:36:28 · 1130 阅读 · 0 评论 -
简单web项目注意
晚上写一个原生的web项目,留一些记录: 1. 记忆下servlet 3.0的web.xml文件格式:<?xml version="1.0" encoding="UTF-8"?><web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/X原创 2016-03-02 21:54:34 · 255 阅读 · 0 评论 -
chrome extenstion memo
转载http://www.ituring.com.cn/article/60274 in Manifest.json,“content_scripts”:共享页面的DOM,但是不共享页面内部js的命名空间。 指定将脚本注入到页面,当用户访问页面时脚本会自动运行,从而操作页面的DOM“permissions”:给跨域请求给予相应的权限,如"permissions": [ "tabs", "转载 2016-02-03 16:20:36 · 427 阅读 · 0 评论 -
jquery 操作cookie
简单的介绍jQuery操作cookie的方法今天项目中需要使用js操作cookie来记录用户的状态,便于在页面中显示提示信息。通过js来操作cookie非常麻烦,增加删除修改cookie都需要写几十行的函数方法,搜索下看到jQuery已经自带了cookie的操作,简单总结记录下: 添加cookie $.cookie("myname","myvalue",{ expires:10,原创 2016-03-16 23:42:13 · 314 阅读 · 0 评论 -
jQuery detach()
jQuery detach()$object $(selector).detach()功能: detach() 方法移除被选元素,包括所有文本和子节点。 特性: 1. 这个方法会保留 jQuery 对象中的匹配的元素,因而可以在将来再使用这些匹配的元素。 2. detach() 会保留所有绑定的事件、附加的数据,这一点与 remove() 不同。 eg.使用 detach() 方法来删除并原创 2015-12-17 09:18:52 · 379 阅读 · 0 评论 -
js 常用总结01
window.setInterval() 功能:按照指定的周期(以毫秒计)来调用函数或计算表达式。 语法:setInterval(code,millisec) 注:setInterval()方法会不停地调用函数,直到用clearInterval()终止定时或窗口被关闭。var n=0;var id_of_setinterval;function count(){ $("原创 2015-12-16 15:08:58 · 251 阅读 · 0 评论 -
jQuery UI datepicker
日期选择器(Datepicker)功能:日期选择器(Datepicker)绑定到一个标准的表单 input 字段上。把焦点移到 input 上(点击或者使用 tab 键),在一个小的覆盖层上打开一个交互日历。选择一个日期,点击页面上的任意地方(输入框即失去焦点),或者点击 Esc 键来关闭。如果选择了一个日期,则反馈显示为 input 的值。参考文献//嵌套显示,input获得焦点即弹出日期选择器原创 2015-12-16 21:33:06 · 328 阅读 · 0 评论 -
jquery from插件 jquery.form.js
jquery form必须先引用jquery.js再引用jquery.form.js 项目中设计是在jquery validation在ajax验证成功后执行form数据提交...//ajax校验完成时回调//function(status, form, json, options){}onAjaxFormComplete : function(errorInForm, form, js原创 2015-12-15 11:49:28 · 455 阅读 · 0 评论 -
$.fn理解
要理解$.fn首先要理解js中prototype 函数:原型 定义:每一个构造函数都有一个属性叫做原型prototype。 作用:为一个特定类声明通用的变量或者函数。不需要显式地声明一个prototype属性,因为在每一个构造函数中都有它的存在。function Person(name, height){ this.name =name; this.height =原创 2015-12-14 22:45:37 · 478 阅读 · 0 评论 -
jquery 学习整理收集
日常jquery学习和项目知识总结(零散)jquery serialize()方法 通过序列化表单值,创建URL编码文本字符串 可以选取单个对象如input,select,textarea进行序列化,但是一般直接对form标签本身进行序列化更容易。演示:$('form').submit(function() { alert($(this).serialize()); return原创 2015-12-15 15:48:36 · 256 阅读 · 0 评论 -
jquery noty插件 消息通知 01
jquery notynoty 是jquery的一个通知插件,有非常好的特性来代替传统的提示对话框。引用noty:noty是jquery的插件,首先必须先引入jquery.js<script type="text/javascript" src="demo/jquery-1.7.2.min.js"></script>其次是noty的主文件,如果引入的是非packaged.js需要在引入位置对应的脚本原创 2015-12-15 14:28:49 · 1105 阅读 · 0 评论 -
jquery ajaxStart() ajaxComplete()
jquery ajaxStart() ajaxComplete()http://www.w3school.com.cn/tiy/t.asp?f=jquery_ajax_ajaxstart<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript原创 2015-12-30 11:45:48 · 440 阅读 · 0 评论 -
JQuery插件常用写法
jquery插件常用写法,也可用于日常js文件编写我们经常见到如下jquery插件或者js文件的:;(function($,window,document,undefine){ tms={}; ... window.tms = tms;})(jQuery,window,document);1.代码最前面的分号, 可以防止多个文件压缩合并时以为其他文件最后一行语句没有加分号,原创 2015-12-15 09:35:22 · 416 阅读 · 0 评论 -
三个容易混淆的jquery选择器
jQuery $(‘xx’,’xx’), $(‘xx xx’), $(‘xx, xx’)熟悉jQuery的人都知道, jQuery选择器有各种组合, 可以构造出非常多的选择方式. 我仅对今天项目中出现的三个容易混淆的选择器做个记录:1.$('div', 'li')$(son, father), 从父节点找子节点, 查找li下的div2.$('div, li')$(content1, content原创 2015-12-14 21:14:28 · 280 阅读 · 0 评论 -
js encodeURI() decodeURI() encodeURIComponent() decodeURIComponent()
encodeURI和encodeURIComponent都是ECMA-262标准中定义的函数,它们都是用来对URI(RFC-2396)字符串进行编码的全局函数,但是处理方式和使用场景不同。RFC-2396字符串分类保留字符 URI中的保留关键字符,用于分割URI的各个部分。 “;” | “/” | “?” | “:” | “@” | “&” | “=” | “+” | “$” | “,”Ma原创 2015-12-15 18:29:15 · 384 阅读 · 0 评论 -
jquery serialize()
jquery $form.serialize() 方法可以将所有表单数据序列化,方便进行ajax提交。这样不需要自己一个个拼凑数据进行提交。表单数据:<form> 定义供用户输入的表单<input> 定义输入域<textarea> 定义文本域 (一个多行的输入控件)<label> 定义一个控制的标签<fieldset> 定义域<legend> 定义域的标原创 2015-12-31 17:05:27 · 236 阅读 · 0 评论 -
js判断json是否存在某个字段
如何判断传过来的JSON数据中,某个字段是否存在,1.obj[“key”] != undefined 这种有缺陷,如果这个key定义了,并且就是很2的赋值为undefined,那么这句就会出问题了。 2.!(“key” in obj) 3.obj.hasOwnProperty(“key”)这两种方法就比较好了,推荐使用。 转载自转载 2016-03-05 23:53:16 · 580 阅读 · 0 评论