taobao.fm 这个域名正在出售中,>Mail:www@zhubangbang.com

以后的文章大多更新在,朱邦邦的WEB前端开发博客

input值改变的时候,没有触发jquery的change事件;

场景描述: 使用JavaScript改变输入元素的值,例如使用jquery的.val(),将不会触发change事件。

此时如果监听change事件,是不会触发的

解决办法;在jquery设置val的时候;手动触发change事件;

this.element.val(start.format("YYYY-MM-DD HH:mm:ss"));
this.element.trigger('change');
这样设置以后了,当赋值结束以后,就会触发一次change事件;

 

获取元素的真实宽度|高度,内有图片的情况下;如果不写死宽度直接获取是不准确的

用jquery获取元素的宽度;

元素的 宽度是不写死的,自动以img的宽度为基准计算;但是获取到的不是准确的数字;

有2种方式来解决

1、通过给元素写死或者元素内的图片写死;(此方法不好,因为如果写死了,封出来的空间与高宽的耦合度就太高了,不灵活)

2、通过判断img的宽度来写;

//获取banner图片的实际宽度和高度
var screenImage =$("#banner-img");
var theImage = new Image();
theImage.src = screenImage.attr("src");
var bodyerWidth = theImage.width;
var bodyerHight = theImage.height;

这样获取到的 阅读剩余部分 –

A页面控制B页面的函数执行

需求描述:点击A页面的a标签,跳转到B页面,并展现B页面中指定的选项卡;

1)、最基础的控制是,A页面的a标签,连接里面,加上#idName,这样就可以直接展现到B页面的ID位置;

这种通过锚点来实现的方法,只能应用于B页面中block情况的元素;

如果是控制B页面中选项卡的指定选项展现;

2)、可以通过url传参来实现;

index.html?name=value

这样的写法来实现,a标签的href中连接后面加上?参数; 阅读剩余部分 –

背景透明文字不透明(兼容各浏览器),rgba兼容到ie8的,最简单粗暴的写法

今天工作中遇到一个需求,

是要实现“背景透明文字不透明”;

我开始是新建一个兄弟元素做的,后来想着用伪元素来做;

但是前端leader说伪元素也不好,让试试rgba,然后网上搜兼容IE方法;

看到网上很多种写法,都很麻烦,

很多教程和帖子是这种写法;

background:rgba(255, 255, 255, 0.6)!important;
filter:Alpha(opacity=60); background:#fff;

然后再这个子元素下面再让字体凸显出来;

比如;

.content { width:180px; height:260px; margin:0px auto; padding:30px 30px;background:rgba(255, 255, 255, 0.6)!important;
filter:Alpha(opacity=60); background:#fff; /* 使用IE专属滤镜实现IE背景透明*/ }
.content p{ position:relative;} /*实现IE文字不透明*/

~ 阅读剩余部分 –

gulp的学习

npm,需要一个叫 package.json 的文件来管理依赖,可以手工去创建这个文件,也可以使用 npm init 这个命令。 输入

npm init


gulp.task('hello', function () {
  console.log('您好');
});

阅读剩余部分 –

面试遇到一个z-index的题目;网上说的问题和自己写的好像效果不一样;

搜了下东西;

看到有这么一句话;

当子层和父层都定义了z-index的属性的时候,z-index值以父层的z-index为准,这个是web前端应该谨记的一点,这个在实际切图中经常会碰到这个问题,下次在碰到这种问题就不会搞错了。

ps:需要使用子层z-index属性的时候,那就要删除子层父层上的z-index属性,如果要用父层z-index属性,那么子层z-index不需要定义,因为定义也是无效的。

但是写的时候发现,好像z-index最大的还是显示完; 阅读剩余部分 –