2018年11月_黑面狐 sa~

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 01月

转载 css 实现div内显示两行或三行，超出部分用省略号显示

一、div内显示一行，超出部分用省略号显示white-space: nowrap;overflow: hidden;text-overflow: ellipsis;二、div内显示两行或三行，超出部分用省略号显示overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;（...

2018-11-23 10:27:48 5181

转载 web app变革之rem

rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么？rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font s...

2018-11-14 18:43:11 252

原创 jquery插件scrollfix，目标元素有padding，scroll的时候宽度变窄的问题

jquery插件scrollfix：滑动到某个位置浮动起来该jQuery插件主要解决滚动过程中固定某个元素，并支持到达某个位置后停止在那里随页面向上滚动，当滚回来时，重新固定起来。兼容IE6。我使用的是：$('#v3-banner-right').scrollFix({ distanceTop: $("#header").outerHeight() -200, ...

2018-11-14 18:05:50 380

原创去除chrome自带的input的黄色底色

chrome在填入的时候是白底，但选取记录之后就变成了黄底。以下方法能去除黄底：方法：input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus {box-shadow:0 0 0 60px #ffffff inset; //设置底色-webkit-text-fill-color: ...

2018-11-13 10:39:34 1043

原创 input type = file上传图片限制大小、类型判断、像素判断

在项目中经常用到input标签来上传文件，而这些文件通常是图片文件。图片有很多格式我们只需要其中的几种，就需要对用户上传的文件进行验证，在HTML5中有一个新的属性：accept文件类型限制。但是通常我们会用javascript或jQuery编写方法进行验证图片的大小限制、类型判断、像素判断。&lt;input type="file" name="files" id="file" o

2018-11-09 12:21:09 13329

转载 input搜索框获取焦点时，placeholder消失

/* 点击搜索框获取焦点 placeholder消失-开始 *//* WebKit browsers */input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 ...

2018-11-09 12:19:09 3936

转载 jquery中使用 delegate 代理 hover 失效

如下：$('.js-left-nav').delegate('li.menu-list', 'hover', function(){ console.log('s');});当我鼠标滑过元素的时候，触发不了回调函数。我将 hover 改为 click ，然后点击，可以触发回调函数。原来：因为 hover 不是标准的事件，因此无法直接使用 live 和 delegate 进行处理。...

2018-11-09 12:18:17 484