03 2016 档案
设置cookie和获取cookie
摘要:/** * Created by admin on 2016/3/30. */function setCookie(name,value,dayToLive){ var cookie = name + "=" +encodeURIComponent(value); if(typeof dayToLi 阅读全文
posted @ 2016-03-30 21:44 wts_crazy 阅读(176) 评论(0) 推荐(0) 编辑
纯js事件注册方法(解决兼容性)
摘要:var addEvent = (function() { if (document.addEventListener) { return function(el, type, fn) { if (el.length) { for (var i = 0; i < el.length; i++) { a 阅读全文
posted @ 2016-03-30 15:33 wts_crazy 阅读(213) 评论(0) 推荐(0) 编辑
选择器nth-child与nth-of-type之间的异同点
摘要:按顺序无类别区分,按顺序有类别区分 阅读全文
posted @ 2016-03-26 07:10 wts_crazy 阅读(107) 评论(0) 推荐(0) 编辑
怎么使用百度分享
摘要:API地址: http://share.baidu.com/code/advance#tools?qq-pf-to=pcqq.c2c 参考网站: http://www.internetke.com/jsEffects/2015082102/ 阅读全文
posted @ 2016-03-25 17:08 wts_crazy 阅读(199) 评论(0) 推荐(0) 编辑
什么是服务器端脚本
摘要:参考:http://www.w3school.com.cn/web/web_scripting.asp 服务器端脚本是对服务器行为的编程。 通常,当浏览器请求某个 HTML 文件时,服务器会返回此文件,但是假如此文件含有服务器端的脚本,那么在此 HTML 文件作为纯 HTML 被返回浏览器之前,首先 阅读全文
posted @ 2016-03-25 16:35 wts_crazy 阅读(751) 评论(0) 推荐(0) 编辑
jqueryui中新的addClass方法可以缓慢的添加类,也即是类的添加有一个变化的过程
摘要:在引入jquery库,和jqueryui库之后: $(function() { $( "#button" ).click(function() { $( "#effect" ).addClass( "newClass", 1000, callback ); }); function callback 阅读全文
posted @ 2016-03-24 17:04 wts_crazy 阅读(656) 评论(0) 推荐(0) 编辑
jquery的parentsUntil方法的使用
摘要:概念: 查找当前元素的所有的父辈元素,直到遇到匹配的那个元素为止。如果提供的jQuery代表了一组DOM元素,.parentsUntil()方法也能让我们找遍所有元素的祖先元素,直到遇到了一个跟提供的参数匹配的 元素的时候才会停下来。这个返回的jQuery对象里包含了下面所有找到的父辈元素,但不包括 阅读全文
posted @ 2016-03-24 15:07 wts_crazy 阅读(204) 评论(0) 推荐(0) 编辑
jquery的closest方法的使用以及其与parents方法之间的差异
摘要:closest会首先检查当前元素是否匹配,如果匹配则直接返回元素本身。如果不匹配则向上查找父元素,一层一层往上,直到找到匹配选择器的元素。如果什么都没找到则返回一个空的jQuery对象。closest和parents的主要区别是:1,前者从当前元素开始匹配寻找,后者从父元素开始匹配寻找;2,前者逐级 阅读全文
posted @ 2016-03-24 15:02 wts_crazy 阅读(351) 评论(0) 推荐(0) 编辑
jquery中has方法
摘要:如果传入选择器,has()会返回一个新的jquery对象, 仅包含有子孙元素匹配该选择器的选中元素。如果传, 入文档元素给has(),它会将选中元素集调整为那些 是指定元素祖先节点的选中元素。 例如: <p> <a href="baidu.com">1</a></p><p> <a href="bai 阅读全文
posted @ 2016-03-23 23:01 wts_crazy 阅读(401) 评论(0) 推荐(0) 编辑
jquery中对于extend方法的使用
摘要:http://www.cnblogs.com/RascallySnake/archive/2010/05/07/1729563.html 阅读全文
posted @ 2016-03-22 22:10 wts_crazy 阅读(108) 评论(0) 推荐(0) 编辑
一篇对于在jquery中使用jsonp技术介绍
摘要:http://www.jb51.net/article/46463.htm 阅读全文
posted @ 2016-03-22 11:02 wts_crazy 阅读(101) 评论(0) 推荐(0) 编辑
对于table元素的总结
摘要:通常情况下, 不使用display:block; 使用border-collapse:collapse; td不使用float:left,right 阅读全文
posted @ 2016-03-21 23:58 wts_crazy 阅读(137) 评论(0) 推荐(0) 编辑
css3布局相关样式
摘要:1、多栏布局 2、盒布局 3、弹性盒布局 4、对calc方法的使用 阅读全文
posted @ 2016-03-21 15:32 wts_crazy 阅读(112) 评论(0) 推荐(0) 编辑
移动端去掉按钮点击热区
摘要:对于ios系统上的浏览器,如果某处实现了点击事件,则在点击该区域的时候,会有蓝边,而这种蓝边的效果有时候不是我们前端设计人员真正期望的点击效果 所以我们需要考虑将这样的蓝边去掉, .click_elm{ outline:none; -webkit-tap-highlight-color:rgba(0 阅读全文
posted @ 2016-03-18 15:07 wts_crazy 阅读(642) 评论(0) 推荐(0) 编辑
一个压缩图片的网站
摘要:http://tinypng.com/ 阅读全文
posted @ 2016-03-18 10:24 wts_crazy 阅读(92) 评论(0) 推荐(0) 编辑
在移动端浏览器中使用拍照技术
摘要:参考网址: http://tgideas.qq.com/webplat/info/news_version3/804/808/811/m579/201409/278736.shtml http://bbs.9ria.com/forum.php?mod=viewthread&tid=420838&ty 阅读全文
posted @ 2016-03-16 18:16 wts_crazy 阅读(322) 评论(0) 推荐(0) 编辑
去掉ios系统系统中safri等浏览器中默认的box-shadow
摘要:-webkit-appearance: none;//阴影由该属性开启 -moz-appearance: none;appearance: none; -webkit-box-shadow:none; 参考网址: http://www.myexception.cn/HTML-CSS/2039213. 阅读全文
posted @ 2016-03-16 17:02 wts_crazy 阅读(301) 评论(0) 推荐(0) 编辑
jquery学习文档笔记
摘要:1、未见过的事件: focusin跟focus事件区别在于,他可以在父元素上检测子元素获取焦点的情况。 focusout跟blur事件区别在于,他可以在父元素上检测子元素失去焦点的情况。 2、使用wrapAll方法 举例如下 原始代码: <div class="mm"><p>我们在公司</p></d 阅读全文
posted @ 2016-03-12 21:26 wts_crazy 阅读(161) 评论(0) 推荐(0) 编辑
正则表达式中test方法的使用
摘要:对处于 var str = "||",str2 = "abc"; (/ll/).test(str);//true (/ll/).test(str2);//true (/\l\l/).test(str);//true (/\l\l/).test(str2);//false 因为|是在正则表达式中是转义 阅读全文
posted @ 2016-03-12 11:19 wts_crazy 阅读(2513) 评论(0) 推荐(0) 编辑
移动端——论使用图片撑出模拟背景所带来的好处(主要解决图片之上是一些动态变化的内容,图片的效果难以使用程序来实现)
摘要:在一个范围内,当使用一张图片来撑开页面时,给图片一个百分比的width,此时图片的高度由图片自适应展开,例如某一段文字距离顶部的距离占图片高度的5%,则可以对这个范围使用相对定位,对这个范围内图片以外的元素使用绝对定位。当文字不多仅占一行时,top设为5%,文字的line-height设为1;当文字 阅读全文
posted @ 2016-03-12 11:10 wts_crazy 阅读(163) 评论(0) 推荐(0) 编辑
关于对延迟加载插件的使用
摘要:http://plugins.jquery.com/lazyload/ 通常情况下,只需要引用jquery的js,及该插件的js 并按照下列方法  $("#wrap img").lazyload({                placeholder: "../images/15.gif",//一 阅读全文
posted @ 2016-03-11 17:25 wts_crazy 阅读(233) 评论(0) 推荐(0) 编辑
前端开发经验总结
摘要:1、在使用绝对定位的情况下,在使用百分比的时候,top与margin-top是不同的,他们最终代表的距离有差异,为了达到某些距离相等,先试用top=0,在使用margin-top更为恰当 阅读全文
posted @ 2016-03-10 09:37 wts_crazy 阅读(167) 评论(0) 推荐(0) 编辑


点击右上角即可分享
微信分享提示