前端开发
Jquery、JavaScript、Html、Css、React
纹路猫
目前专注于微软系产品,sharepoint、Office365、power platform
展开
-
ueditor1_4_3-utf8-net使用笔记
1.下载下来下载适合自己编码的下载包,比如我的网页编码是utf-8,加入用的是gbk编码在ueditor的工具栏里就会乱码。2.将net里面的Newonsoft.Json.dll加载至bin里。3.将dialogs>image>image.html的面的编码“”改成“”否则image.html乱码,会导致上传图片界面不显示。 此版本只支持.net 4.0 ---------原创 2017-04-24 18:45:30 · 886 阅读 · 0 评论 -
我改的artDialog皮肤——cat_smoking
cat_smoking该兴趣的可以拿去试试合不合自己的胃口。原创 2017-04-24 18:45:20 · 719 阅读 · 0 评论 -
使用ztree的心得
引用的文件什么的,就不记录了,在官网文档都可以看到,官网打不开百度一下也可以找到大中国的其他程序员的对此的相关文章。现在想记下来的是,如何让tree节点只能选中一个。var setting = { view: { showIcon: function (treeId, treeNode) { return !原创 2017-04-24 18:45:10 · 340 阅读 · 0 评论 -
jquery validate 自定义验证方法(不固定验证)
//自定义验证输入价格jQuery.validator.addMethod("PriceCheck", function (value, element) { var breakNumber=0; $(".producPrice").each(function (k, v) { if ($.trim($(v).val()) == "") {原创 2017-04-24 18:44:15 · 677 阅读 · 0 评论 -
jquery validate 自定义验证方法(前后台交互)
JS:var dataCode = { key: "IsHasAUserName", AUserName: function() { return $("#AUserName").val(); } }; var remoteHasAUserNameFun= GetRemoteInfo('/Service/CommanHandler.ashx'原创 2017-04-24 18:44:05 · 895 阅读 · 0 评论 -
UEditor添加一个普通按钮及其他使用注意事项
添加一个名叫“hougelou”的普通按钮附言:以下是以UEditor .Net版本举例说明。第一步:找到ueditor.config.js文件中的toolbars数组,增加一个“hougelou”字符串,然后找到labelMap数组,对应着添加一个labelMap,用于鼠标移上按钮时的提示。//工具栏上的所有的功能按钮和下拉框,可以在new编辑器的实例时选择自己需要的从新定义原创 2017-04-24 18:42:06 · 311 阅读 · 0 评论 -
jquery validate 自定义验证方法
jQuery.validator.addMethod("stringCheck", function (value, element) { //return this.optional(element) || /^[\u0391-\uFFE5\w]+$/.test(value); if ($("#txtProductName").val().length ) { r原创 2014-10-15 21:00:17 · 715 阅读 · 1 评论 -
UEditor添加一个普通按钮
添加一个名叫“hougelou”的普通按钮附言:以下是以UEditor .Net版本举例说明。第一步:找到ueditor.config.js文件中的toolbars数组,增加一个“hougelou”字符串,然后找到labelMap数组,对应着添加一个labelMap,用于鼠标移上按钮时的提示。//工具栏上的所有的功能按钮和下拉框,可以在new编辑器的实例时选择自己需要的从新定义原创 2014-10-15 20:59:18 · 20338 阅读 · 6 评论 -
jquery.validate自定义的验证方法Remote
jQuery.metadata.setType("attr", "validate");var opts = null;var isValidationGroup = false;jQuery(document).ready(function () { InitRules(); if (isValidationGroup) { if (opts != und原创 2014-10-15 21:02:27 · 589 阅读 · 0 评论 -
jQuery.Validate 使用例子
苦于验证的烦恼,所以需要学习一下jQuery.Validate,但一开始竟无从下手,看官方的例子也不明白(个人英语不行,理解能力也相当有限)。看到http://www.cnblogs.com/kyo-yo/archive/2010/06/28/Use-jQueryValidate-To-Validate-Client.html的文章,对自己的理解有很大的帮助,但还是有点麻烦,我喜欢直来直往的说原创 2014-10-15 20:57:30 · 786 阅读 · 0 评论 -
jQuery.validate.js API
名称 返回类型 描述 validate(options) 返回:Validator转载 2014-10-15 21:00:50 · 440 阅读 · 0 评论 -
artDialog的使用笔记
两个页面的交互:A页面:点击上传图片,弹出B页面并传递一个ID过去,//上传图片$("#UpImg").click(function() { if($("#ddlHotelList").val()!="-选择酒店-"){ $(this).attr('disabled', false); // 把hotelId传递给图片上传页面 art.原创 2012-10-31 18:09:16 · 29045 阅读 · 2 评论 -
网站SEO笔记
网页里的description不能太太少字,大约要16字以上,也许太多也不行。否则百度搜索的时候不会显示网站描述。显示description:不显示description:原创 2017-04-25 23:31:52 · 402 阅读 · 0 评论 -
前端设计的碎片思考
提示会不会打断用户的使用流畅度一般的,如果是在后端这种遮罩的效果,会把目光的焦点放到当前的提示,比如“是否删除”之类的提示,这完全没有问题。但是,如果前端的页面也放置这种效果的提示,会不会打断用户操作页面的流畅度?因为提示窗口会显示几秒钟,即时有手动关闭的按钮,操作起来就多了一步。 解决方案:原创 2017-04-24 18:46:38 · 327 阅读 · 0 评论 -
愚蠢的高级
场景类似这样:当发现不同品类库存不足低于警戒值时,我们就会发送一封低于警戒值品类的邮件给管理员,管理员就会通过后台调动资源补足。当时我觉得,简直完美!这样就避免了当库存不足时管理员手足无措的慌忙,而管理员也不需要天天盯着库存量。老板也觉得这个方案挺好,我心里也很满足。过了差不多一年以后,再去看这段逻辑,我竟觉得非常荒唐,简直是愚蠢至极!没有直接解决问题,为什么要绕弯去解决问题?原创 2017-04-24 18:46:15 · 340 阅读 · 0 评论 -
bootstrap的学习
bootstrap框架需要jquery 1.9.1及以上版本才会出来插件的效果,之前老是做不来效果,原来是因为这个。原创 2017-04-24 18:45:06 · 187 阅读 · 0 评论 -
关于阅读体验
文字阅读要素:字体、字号,行长,间距,背景 字体:衬线字体、非衬线字体 衬线字体:字体的粗细不均,有在一些地方做了一些修饰。如:宋体非衬线字体:字体的粗细一致。如:微软雅黑 非衬线体饱满醒目,常用做标题或者用于较短的段落。在过去,普遍认为有笔触装饰的衬线体,可提高辨识度和阅读效率,更适合做为阅读的字体。多用于报纸、书籍等印刷品的正文。非衬线体饱满醒目,常用转载 2017-04-24 18:44:51 · 580 阅读 · 0 评论 -
html微信浏览器分享显示图片的问题
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns="http://www.w3.org/1999/xhtml" >head> title>demotitle> m原创 2017-04-24 18:44:10 · 9105 阅读 · 5 评论 -
Bootstrap的学习笔记
每一次看到Bootstarp都很震撼,当时就决定了此物必学。Bootstrap框架拥有时下流行的布局和效果,使用方便,能帮助我们快速开发,学习成本也不大。但是,Bootstrap对低级的浏览器不支持,只能在兼容方便再做一下修改才行了。 ----------------------------------------不知道为何,将低版本的jquery改为jquery1.11.1的时候原创 2017-04-24 18:42:53 · 218 阅读 · 0 评论 -
我的前端技巧收集
调试时巧用console.log(),这比用alert()方便多了。jquery易错点:元素拼接的时候,元素还未添加到DOM,就用该预添加元素操作。ajax动态获取的数据,还没有装载html元素,下面就开始用预拼凑的元素操作。 li onclick="Show('10')"> a href='javascript:void()'>提交a>li>这样写,点击“提原创 2014-10-15 20:52:53 · 546 阅读 · 0 评论 -
div超过一定的高度和宽度自动省略
>="http://www.w3.org/1999/xhtml" > html, body, p { margin: 0; padding: 0; font-family: sans-serif;} .ellipsis { overflow: hidden; height: 200px;原创 2014-10-15 20:56:00 · 822 阅读 · 0 评论 -
在控件处弹出层
//品牌地标弹出层(function($){$.fn.bgIframe = $.fn.bgiframe = function(s) { if ( $.browser.msie && /6.0/.test(navigator.userAgent) ) { s = $.extend({ top : 'auto', // auto == .cu原创 2014-10-15 20:54:58 · 462 阅读 · 0 评论 -
div模块垂直水平居中
style><!--#center { height:300px; width:300px; background-color:#cdcdcd; position:absolute;left:50%;top:50%;margin-left:-150px;margin-top:-150px; }-->style>原创 2014-10-15 20:54:16 · 1150 阅读 · 0 评论 -
网页优化
我经常将js放置在head中,但是很多浏览器都是使用单一线程处理界面UI和js,他们必须逐一执行,此时很多元素会处于锁死状态。这样自然就增加了页面等待的时间了,这就得考验用户的耐心了。那么如何优化?优化1:既然js阻止了UI渲染,那么我们可以考虑将js放在前,这样就可以让前的html完美的呈现,不会让用户看到页面空白等待而苦恼的情况,自然就提高了友好性。优化2:多少个js就会有多少次“Ge转载 2014-10-15 20:51:13 · 610 阅读 · 0 评论 -
CSS代码片段
#AirportPic{ background: url(/images/un_pic_tab.png) 0 -110px; width: 270px; color: #4D4D4D; height: 50px; line-height: 54px; overflow: hidden; margin-bottom: 5px; pad原创 2014-10-15 20:42:56 · 530 阅读 · 0 评论 -
瀑布流
Waterfall实现瀑布流挺好的,但是瀑布流的滚动加载肯定是对seo不利的,所以还是收手吧。http://ued.taobao.com/blog/2011/09/waterfall/所以,只做了一个图片的延迟加载,让图片在可视范围内才发出请求,这样也优化了不少呢。原创 2012-12-24 15:03:07 · 560 阅读 · 0 评论 -
css技巧收藏
属性重置html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,原创 2012-11-26 13:34:35 · 470 阅读 · 0 评论 -
网页Banner图片切换js的使用
1 2原创 2012-10-25 09:07:15 · 1789 阅读 · 0 评论 -
网页布局,关于外层div不能随内层div自动伸缩的问题
之前经常是这样布局的,用一个div(id=Main)包住左边div(id=DivLeft)和右边div(id=DivRight),Main随着DivLeft和DivRight内容的高度而自动伸缩,从而达到动态布局的效果。#Main{ width:980px height:auto; margin:0 auto;原创 2012-08-10 08:47:10 · 4579 阅读 · 0 评论 -
Css 兼容IE+,FF
一、CSS HACK以下两种方法几乎能解决现今所有HACK.翻阅很多资料,已测试可以使用。1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)PLAIN TEXTCSS:#wrapper{width: 100px!important; /* I转载 2012-07-04 22:56:21 · 1821 阅读 · 0 评论 -
浏览器兼容
利用正则表达式来判断ie浏览器版本 判断是否IE浏览器 if (document.all) { alert("这个是ie浏览器");} 判断是否IE6浏览器 方法一:if ( /MSIE 6.0/ig.test(navigator.appVersion) ) {alert("这个是ie6浏览器");} 或 /MSIE 8/.test(navigator.appV转载 2012-06-08 18:21:27 · 664 阅读 · 0 评论 -
Jquery Ajax与.net web service交互
•"xml": 返回 XML 文档,可用 jQuery 处理。•"html": 返回纯文本 HTML 信息;包含的 script 标签会在插入 dom 时执行。•"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 "cache" 参数。注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。(因为将使用 DOM 的 script标原创 2012-06-06 00:54:56 · 813 阅读 · 2 评论 -
网页中文件引用的版本号
转载自:http://www.ludou.org/css-version.html。之前觉得好奇感,一直很好奇,多谢作者。背景 在搜索引擎中搜索关键字.htaccess 缓存,你可以搜索到很多关于设置网站文件缓存的教程,通过设置可以将css、js等不太经常更新的文件缓存在浏览器端,这样访客每次访问你的网站的时候,浏览器就可以从浏览器的缓存中获取css、js等,而不必从你转载 2012-06-01 10:28:02 · 761 阅读 · 0 评论 -
css Hover的巧用
.bannertainer .banner_block:hover .b-cont2 p {} 当banner_blockhover时,显示他的b-cont2 p。这里要注意hover显示的只能是下面的元素。 可以用来显示菜单效果,结合css3效果,就很好看了。原创 2017-04-24 18:46:33 · 776 阅读 · 0 评论 -
一行排奇数列的HTML排版
if (listno != null) { %> div class="MissWContent box"> if (listno.Count > 0) { %> div class="hgl_title box">原创 2017-04-24 18:46:28 · 831 阅读 · 0 评论 -
webkit自定义滚动条
::-webkit-scrollbar { width: 10px;}::-webkit-scrollbar-thumb:vertical{ background-color:#A5A5A5; outline:2px solid #F6F6F6; outline-offset:-2px; border: 2px solid #F6F6F6;原创 2017-04-24 18:45:35 · 259 阅读 · 0 评论 -
防止撑破页面(懒人图库代码)
p>无标题文档p>style><!--.content-width {MARGIN: auto;WIDTH: 600px;}.content-width img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 600 ? "600px" : this.width)!import原创 2017-04-24 18:41:10 · 410 阅读 · 0 评论 -
ccs3 box效果
CSS3边框阴影,折角效果演示<!--*{margin: 0;padding:0;} body {margin: 0; padding: 20px 100px;background-color: #f4f4f4;} pre{max-height:200px;overflow:auto;} div.demo {overflow:auto;原创 2017-04-24 18:41:00 · 283 阅读 · 0 评论 -
网络安全及维护
1.验证码技术为什么必须使用验证码?验证码的主要目的是强制人机交互来抵御机器自动化攻击的。普遍的客户端交互如留言本、会员注册等仅是按照要求输入内容,但网上有很多攻击软件,如注册机,可以通过浏览WEB,扫描表单,然后在系统上频繁注册,频繁发送不良信息,造成不良的影响,或者通过软件不断的尝试,盗取你的密码。而我们使用通过使用验证码技术,使客户端输入的信息都必须经过验证,从而可以解决这个问题。转载 2012-12-20 17:50:10 · 794 阅读 · 0 评论 -
javascript弹出模态层
/*openID=显示按钮,conID=需要显示的div,closeID=关闭按钮解决了:1.可以遮挡ie6下的select元素 但是在ie6下div没有透明度2.弹出的div可以一直在浏览器屏幕中间显示问题:1.目前不支持.class 只支持#id2.需要显示的div需要自己设置css3.在ie6下需要设置css例如div {_position: absolute;_top原创 2012-12-18 09:44:20 · 819 阅读 · 0 评论