- 博客(24)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 referrer返回当前文档的来源URL
项目中经常会遇到的一个问题，就是产品需求，在登录完成后跳转回用户之前所在的页面，这里我用的方法是referrer；下面列出几种用户进入登录页面的情况：1、用户收藏了登录页面，直接打开进入登录页面；这种情况用户登录后直接进入网站首页；2、用户做了需要登录的操作，所以网站跳转到登录页面；这种情况用户登陆后，跳转到用户之前所在页面；3、产品需求某个特殊的页面，在登陆后不跳
2016-12-09 13:19:32
1175
原创 css收集整理
整理一些自己平时用的比较多的或者巧技方便以后使用，不断整理更新，笔记都是做给自己看的，略潦草……/** * Created by yangyurong on 2016.12.06 * description:整理项目中常用的样式*/@charset "utf-8";/* reset start */body, h1, h2, h3, h4, h5, h6, hr, p, block
2016-12-06 17:22:53
370
原创 display:inline-block的icon不垂直居中问题
需要了解知识点：1、基线：基线并不是汉字的下端沿，而是英文字母x的下端沿；2、行高指的是文本行的基线间的距离；图片来源链接地址！进入正题：父元素设置line-height后，看似文本垂直居中对齐，而inline-block的icon并没有与文字对齐，如下图，因为默认的垂直对齐方式为vertical-align: baseline;这种对齐方式下，元素以基
2016-09-07 11:50:50
10934
原创 不固定高度水平垂直居中
页面不固定高度垂直居中，很多时候会想到用display：table;content高度可自适应，缺点多一层div标签，（ie7以下包括ie7出错）demo如下： rem .out{ display: table; background: #0f4b89; width: 500px;
2016-09-02 11:52:07
964
原创 input框的placeholder使用line-height在Safari上不垂直居中的问题
测试中出现的问题，Safari5.1.7 input文本框有placeholder值时，css样式设置 line-heigh t与 heigh t等高，并不能使提示文本垂直居中，如下： width: 450px; height: 40px; line-height: 40px;解决方案一：使用padding使提示文字居中，
2016-07-29 11:09:05
17210
1
转载 onmouseenter 和 onmouseover 的不同
该实例演示了 onmousemove, onmouseenter 和 onmouseover 的不同。onmousemove 事件在鼠标移动到 div 元素上时触发。mouseenter 事件在鼠标指针进入 div 元素时触发。onmouseover 事件在鼠标指针进入 div 元素时触发,唯一的区别是 onmouseenter 事件不支持冒泡 ,在子元素上也会触发(p 和 span)
2016-07-27 14:17:58
16647
原创 搜索框点击回车键触发搜索按钮点击事件
需求：在项目中常会遇到搜索框，一般情况下搜索内容输入完毕后点击搜索按钮来进行相关搜索，但是用户已经形成了习惯性，当输入完成后点击回车键来代替点击搜索按钮！实现原理：输入框点击回车按钮时触发搜索按钮点击事件代码：$("input").keydown(function (e) {//当按下按键时 if (e.which == 13) {//.which 属性来确定按下了哪个按键，回
2016-07-27 13:30:53
16764
1
原创 jq按json数据某一字段进行排序
导航条吸附效果,并随着页面滚动选中相应导航内容 .content-box{ border: 1px solid red; padding: 20px; margin: 20px; } .content-box h3{ font-size: 20px; fo
2016-07-20 17:27:34
7339
原创 检测某个元素是否存在
在后端渲染数据的时候，常常会出现这样的状况，页面某些模块没有数据，考虑页面的美观和用户的体验，可能没有数据的模块会选择不进行显示，这样的结果会导致跟这个模块相关的js报错，因为找不到相应的DOM元素，我选择的解决方法是判断元素是否存在？如果存在相应元素才执行相应的js模块；//检测元素是否存在的functionfunction existentElement(obj){ var va
2016-07-18 10:16:38
896
原创 siblings筛选同胞元素
条件筛选的时候，被选中的元素都会添加一个active样式！当有多个筛选分类时，点击当前筛选分类时，其他筛选分类的active样式不改变，而被点击的当前分类先移除子元素的active样式，再给被点击元素添加active样式 siblings筛选同胞元素 .list{ color: #cccccc; margin: 10px
2016-05-16 14:49:33
836
原创 onpopstate浏览器点击回退按钮时触发的事件
知识点：1、onpopstate事件，点击后退按钮(或者在JavaScript中调用history.back()方法)时触发；2、hash 属性：可对URL的锚部分（从 # 号开始的部分）进行操作（可读可写）；需求：微信页面，在当前页面点击某处时，弹出一个覆盖整个手机屏幕的层，弹出这个层以后，点击微信屏幕的返回按钮时，隐藏弹出层，而不是退出当前页面！解决方案：
2016-05-11 09:45:17
34783
1
原创 Extjs搜索 重置搜索框 关于页码问题 向后台传递排序参数 向后台传递参数
技术点：搜索 重置搜索框 关于页码问题 向后台传递排序参数 向后台传递参数一、搜索1、根据后台所需字段向后台提交搜索条件数据 var searchParams = { keyword: keyword, status: status } //组合要传递的参数 store.pa
2016-04-29 10:46:50
531
原创 简单的ajax数据传输和获取例子
Untitled Documentajax提交信息************************************************* email address ajax获取的个人信息*********************************
2016-04-15 15:14:37
4589
原创 自适应手机的search框
input{display:block;margin:0 45px;text-indent:5px;}$('input').css({width:$(window).width()-90});
2015-11-10 16:28:46
358
原创 图片自适应页面等比缩放
图片的宽度 = 100%；图片自适应的高度 = 图片的自适应宽度 / 图片真实宽度 * 图片真实高度$('img').css({height:$('img').width()/640*400})
2015-11-10 16:21:18
1211
转载 牛津大学证明导致贫穷根源的九大死穴
一、总找借口（22%）二：恐惧（19%）三、拒绝学习（11%）四、犹豫不决（13%）五、拖延（9%）六、三分钟热度（8%）七、害怕拒绝（7%)八、自我设限（6%）九、逃避现实（５％)
2015-07-29 16:00:05
3066
原创 ECharts——纯Javascript的图表库
最近的项目中需要用到一些数据报表，发现了纯Javascript的ECharts图表库，看着文档试着用了一下，ECharts真是很霸气！简介：ECharts，缩写来自Enterprise Charts，商业级数据图表，一个纯Javascript的图表库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器（IE6/7/8/9/10/11，chrome，firefox，Safari
2015-07-29 14:40:07
786
转载 JS中关于in运算符的问题
JS中关于in运算符的问题。定义：in运算符虽然也是一个二元运算符，但是对运算符左右两个操作数的要求比较严格。in运算符要求第1个（左边的）操作数必须是字符串类型或可以转换为字符串类型的其他类型，而第2个（右边的）操作数必须是数组或对象。只有第1个操作数的值是第2个操作数的属性名，才会返回true，否则返回false。代码：in运算符 in运算符
2015-04-10 10:46:43
809
原创 bower来管理前端的通用依赖库
逛大神博客的时候看到bower，以前是不知道还有这么个利器的，所以还是要多读书多看报少吃零食多睡觉！刚刚安装成功，实验了一下，果然好用，所以赶紧记录下来！bower到底是什么呢？bower是twitter的又一个开源项目，使用nodejs开发，用于web包管理。如果越来越多得开源项目都托管在github上，bower只需要将github上项目加上一个配置文件既可以使用bower方式使用
2015-04-09 14:55:05
648
原创 CSS3眨眼效果（animation动画循环间的“暂停”、“延时”执行）
今天上午一直在纠结这个眨眼效果，我是用CSS3的animation来切换图片形成眨眼的效果，图片如下：效果实现了但是眨眼很不自然，眨眼间是没有暂停的无限循环，开始的css代码是这样的：@keyframes eye{ 0% {background-position: 0 0;} 33.3% {background-position: -74px 0;} 66.
2015-04-08 15:58:16
8833
1
转载 CSS3 :nth-child()伪类选择器
CSS3 :nth-child()伪类选择器CSS3的强大，让人惊叹，人们在惊喜之余，又不得不为其艰难的道路感到可惜：好的标准只有得到行业浏览器的良好支持才算得上“标准”。CSS3标 准已提出数年，但是目前能实现她的浏览器并不多，虽然部分浏览器能实现部分规范，但这又有什么用呢？面对更多的兼容性问题，CSSer们只有望洋轻叹。虽 然如此，但有前瞻性的我们，又怎能停步不前呢？今天我
2015-01-15 10:36:23
471
原创 不规则div之<div两垂直边向里凹陷>
今天公司网站上要做一个页面，设计图就有设计到垂直边向里凹陷的很多块，而且这些块高度是不一致，如果直接切图来做背景很不现实，还是得用样式来实现这个效果。下面就来记录一下实现的方法，以便自己以后重用。如果你看到了这篇文章，也希望你能给我一些好的建议。（对于IE只适用于IE9）
2014-12-23 14:26:17
3359
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人