安装Adobe CS6时停止在“当前正在安装 AdobeHelp”界面的解决办法

归类于WEB前端 3 条评论

Adobe CS6正式版发布了,昨晚在家里笔记本下载并尝鲜了一番,界面感觉很cool,于是上午到公司便也想升级到CS6好了,结果安装DW、FW、FLASH的时候一直停留在“当前正在安装 AdobeHelp”的界面,而且下面显示安装所需要的时间一直在增加,这不在坑爹么?后来直接在进程里杀掉,重新安装也还是这样;重新启动电脑安装又还是这样,这是怎么回事呢?昨晚在家安装的时候都没这情况,难道是公司电脑内存2G不够?虽然是低了点,但应该不至于吧。最后问了下股沟大叔,尼玛终于找到解决方法了。

安装到这一步的时候,打开你的任务管理器,在进程里杀掉“InstallAdobeHelp”之后,就会继续往后安装了。囧。。。

下面附上几张CS6启动画面的图看看吧~:)

 附下载地址:

PhotoShop CS6 官方简体中文正式版原版+破解补丁下载
Dreamweaver CS6 官方简体中文正式原版+破解补丁下载
Fireworks CS6 官方简体中文原版+破解补丁下载
Flash CS6 官方简体中文正式版+破解补丁下载 
Illustrator CS6 官方简体中文版原版+完美破解补丁下载
Adobe CS6 系列软件通用破解补丁 (amtlib.dll 含32位与64位)

 

 

23 Views ,

标题栏闪烁提示效果

归类于WEB前端 参与评论

昨天PHP组的同事过来找我要一个标题栏可以闪烁的JS效果,我记得以前在 WEB前端开发网 看过这么一篇博文《标题栏新消息提示效果》,然后就参考他的自己动手写了下,其实几乎可以说是抄过来的了,囧。。。

不管怎样,自己能吸收学习到就好了。:)我主要是觉得他代码里面 newMessageRemind 这字段用得太多了,看起来密密麻麻的,多不舒服啊,想着换一种小清新的方式展现出来,于是乎就有了下面的代码:

var newMessageRemind = function () {
	var i = 0,
		title = document.title,
		loop;

	return {
		show: function () {
			loop = setInterval(function () {
				i++;
				if ( i == 1 ) document.title = '【新消息】' + title;
				if ( i == 2 ) document.title = '【   】' + title;
				if ( i == 3 ) i = 0;
			}, 800);
		},
		stop: function () {
			clearInterval(loop);
			document.title = title;
		}
	};
} ();

是不是清新了很多呢?^_^

查看例子

8 Views

Firebug console 与命令行大全

归类于WEB前端 参与评论

Console API

当打开 firebug (也包括 Chrome 等浏览器的自带调试工具),window 下面会注册一个叫做 console 的对象,它提供多种方法向控制台输出信息,供开发人员调试使用。下面是这些方法的一个简单介绍,适时地运用它们,对于提高开发效率很有帮助。

console.log(object[, object, ...])
使用频率最高的一条语句:向控制台输出一条消息。支持 C 语言 printf 式的格式化输出。当然,也可以不使用格式化输出来达到同样的目的。下面两行代码执行的结果是相同的:
console.log(“The %s jumped over %d tall buildings”, animal, count);
console.log(“The”, animal, “jumped over”, count, “tall buildings”);

console.debug(object[, object, ...])
向控制台输出一条信息,它包括一个指向该行代码位置的超链接。

console.info(object[, object, ...])
向控制台输出一条信息,该信息包含一个表示“信息”的图标,和指向该行代码位置的超链接。

console.warn(object[, object, ...])
同 info。区别是图标与样式不同。

console.error(object[, object, ...])
同 info。区别是图标与样式不同。error 实际上和 throw new Error() 产生的效果相同,使用该语句时会向浏览器抛出一个 js 异常。

console.assert(expression[, object, ...])
断言,测试一条表达式是否为真,不为真时将抛出异常(断言失败)。

console.dir(object)
输出一个对象的全部属性(输出结果类似于 DOM 面板中的样式)。

console.dirxml(node)
输出一个 HTML 或者 XML 元素的结构树,点击结构树上面的节点进入到 HTML 面板。

console.trace()
输出 Javascript 执行时的堆栈追踪。

console.group(object[, object, ...])
输出消息的同时打开一个嵌套块,用以缩进输出的内容。调用 console.groupEnd() 用以结束这个块的输出。

console.groupCollapsed()
同 console.group(); 区别在于嵌套块默认是收起的。

console.time(name)
计时器,当调用 console.timeEnd(name);并传递相同的 name 为参数时,计时停止,并输出执行两条语句之间代码所消耗的时间(毫秒)。

console.profile([title])
与 profileEnd() 结合使用,用来做性能测试,与 console 面板上 profile 按钮的功能完全相同。

console.count([title])
输出该行代码被执行的次数,参数 title 将在输出时作为输出结果的前缀使用。

console.clear()
清空控制台
继续阅读

11 Views

使浮动元素水平居中

归类于WEB前端 参与评论

虽然可以使用display: inline-block;的方法来居中元素,但是此方法需要处理一些各浏览器上的兼容性问题,IE下不能完美对齐,元素之间有空白符等。。。今天发现了下面这个方法,用起来感觉甚爽,在各浏览器下可算是完美兼容了。

* { margin:0; padding:0; list-style:none; font-size:14px; font-family:Tahoma, Geneva, sans-serif; }
.wrap {
	margin: 20px 0;
}
ul {
	float: left;
	position: relative;
	left: 50%;
}
li {
	float: left;
	position: relative;
	overflow: hidden;
	right: 50%;
	margin: 0 5px;
}
li a {
	display: block;
	padding: 2px 8px;
	border: 1px solid #000;
	text-decoration: none;
	background: #ccc;
}
li a:hover {
	text-decoration: underline;
	background: #000;
	color: #fff;
}

点击查看

8 Views ,

消除display: inline-block;元素之间的间隙

归类于生活 参与评论

今天在微博上看到关于消除display: inline-block;元素之间间隙的信息,里面有好几种方法,靠谱可行的有两种,一中是设置margin-right的负值,一种是设置font-size为0。但是这两种比较可行的方法却不尽人意,在各浏览器下还是存在兼容性的问题。设置margin-right的负值会受到字体大小的影响而在各浏览器上表现的不一样;设置font-size为0时,在Chrome里要使用-webkit-text-size-adjust: none;解决默认最小字体为12px的问题,在IE下会存在1像素的间隙等问题。然后问了下谷大哥,找到了下面两个比较好的解决办法。由于IE6/7浏览器对行内元素设置display: inline-block;和块级元素设置display: inline-block;的解析不同,所以针对这两种情况分别做了测试。

针对行内元素:

.item-list-inline {
    font-size:0;
    *word-spacing:-0.18em;/*这里是定值,不需要随字体类型、大小而变化*/
}
 
.item-list-inline .item {
    font-size:12px;/*or other value*/
    display:inline-block;
    *word-spacing:normal;
    padding: 0 10px;
    background: #ccc;
}
<div class="item-list-inline">
    <a href="#" class="item">行内元素a</a>
    <a href="#" class="item">行内元素a</a>
</div>

针对块级元素:

.item-list-block {
    font-size:0;
}

.item-list-block .item {
    font-size:12px;/*or other value*/
    display:inline-block;
    *display:inline;
    *zoom:1;
    padding: 0 10px;
    background: #ccc;
}
<div class="item-list-block">
    <div class="item">块级元素div</div>
    <div class="item">块级元素div</div>
</div>

围观例子

PS:最近360可真是做了件好事啊,现在360安全浏览器已使用IE8的内核了,抛弃IE6对WEB开发人员来说是件多么幸福的事情啊。

20 Views

设置-webkit-text-size-adjust: none;后衍生的问题

归类于WEB前端 参与评论

写页面的应该都知道Chrome浏览器默认情况下的字体最小为12px,如果你要设置某字体大小为10px的话,你会在Chrome发现还是12px。如果要使此生效的话,就得修改Chrome的默认配置了,一般应用下面的代码就能在全局生效了:


html { -webkit-text-size-adjust: none; }

但是这样设置之后会有一个问题,就是当你放大网页时,一般情况下字体也会随着变大,而设置了以上代码后,字体只会显示你当前设置的字体大小,不会随着网页放大而变大了,这样对有需要放大网页观看的用户造成了不好的用户体验,所以不建议全局应用该属性,而是在需要的情况单独使用就好了。

7 Views

在Chrome下marquee内的文字不能滚动的问题

归类于WEB前端 参与评论

由于在做淘宝模板的时候,有些买家需要在固定的区域内显示更多的文字,而且还要能动的,鉴于淘宝装修平台只能使用一些常用的HTML标签,无法写JavaScript来控制文字的滚动,所以就用到了现在HTML标签中很少用的marquee标签。犹记得当年刚接触网页制作的时候,看到能动的文字和图片都感觉到神奇啊。

回到正题,就是Chrome浏览器下marquee里面的内容无法滚动,我自己在本地测试了一遍代码,所有浏览器都没问题,可线上的模板在Chrome上就是不动,后来用firebug查看了下,发现marquee多了一个属性overflow: hidden;,不知道自己什么时候添加的,我就尝试着把它删掉看看,结果真的OK了。不晓得是什么原因呢,有知道的大侠麻烦告知一下小弟哈。:)

围观例子

16 Views

border: none; 和 border: 0;的区别

归类于WEB前端 参与评论

已经不记得是第几次看到这个题目了,可是一到要自己详细说出它们之间的区别却哑口漠然了,所以自己在此亲手记录一下,再记不住就拖出去K算了。

区别:

一、性能上的差异:(该差异貌似没有找到性能对比的测试方法,只是理论上认为有差异而已)
【border: 0;】虽然把border设为0在页面上看不见,但border仍然按照默认值去理解了,浏览器会继续对border-width和border-color进行了渲染,既然渲染那就占用了内存值咯。
【border: none;】none即什么都没有,浏览器解析时将不作出任何渲染动作,也就没有消耗其内存量咯。

二、兼容性差异:
貌似该兼容性差异只针对IE6/IE7浏览器的button、input标签而言。
【border: none;】当border为none的时候在IE6/IE7下边框依然存在,解决方法是给其添加背景属性就可以了。
【border: 0;】当border为0的时候,比none更有效,所有浏览器都一致把边框给隐藏了。

从以上区别可以得出使用border: none;为最佳,不仅没有性能消耗的争议,也可以通过背景属性解决起兼容性的差异,此可谓妙哉~!

要记住记住记住啦~再记不住就不用做前端了~!⊙︿⊙

3 Views ,

探测各种浏览器

归类于WEB前端 参与评论

自己利用空闲时间和朋友们一起合作在淘宝装修平台上做了些模板来卖,但是由于淘宝装修后台的各种不给力,导致买家购买模板装修店铺的时候出现各种兼容性问题,比如如果使用编辑元素的功能来装修店铺的话,就不能使用webkite内核的浏览器;使用装修后台的新版编辑器会出现错位,保存失效等现象的种种问题,蛋疼啊,装修论坛上不少设计师为这个兼容性头疼的,只是不知道淘宝为啥一直都没修复。

为了让买家使用对的浏览器顺利的装修店铺,自己就萌发了写个页面检测买家当前使用浏览器,从而告知他能不能使用当前的浏览器来装修店铺。而不像之前那样每次都让买家截图给我们看使用的什么浏览器,有些买家就说我用的是360,可装修完保存的时候还是乱的,一看NND原来用的是IE6,竟然在IE6下使用元素编辑都有兼容性问题,然后就让买家升级自己的浏览器到IE8,买家为了赶紧弄好自己的店铺,也没多说什么,直接下载个IE8来安装,看来我为使IE6在天朝减少所占的比例又做了点点贡献呀,呵呵~~

这个探测主要是获取用户浏览器的UA值来判断,虽然UA值用户可以自己修改,但是一般网民谁会那么蛋疼去修改啊,所以就忽略了这个可能性。

var core = {
	applewebkit: /applewebkit/.test(ua),
	gecko: /gecko/.test(ua),
	presto: /presto/.test(ua),
	trident: /trident/.test(ua)
};
var browsers = {
	chrome: 	/chrome/.test(ua),//chrome
	firefox: 	/firefox/.test(ua),//firefox
	safari: 	/safari/.test(ua),//safari
	opera: 		/opera/.test(ua),//opera
	msie: 		/msie/.test(ua),//IE
	se: 		/se/.test(ua),//sougou
	js360: 		/360ee/.test(ua),//360极速浏览器
	aq360: 		/360se/.test(ua),//360安全浏览器
	maxthon: 	/maxthon/.test(ua),//maxthon 极速
	maxthon_ie: (window.external && window.external.max_version) ? true : false//maxthon
};

获取UA值是容易,但是要知道买家用的浏览器对我来说还是挺麻烦的,因为国内的浏览器可不少啊,搜狗浏览器、360安全浏览器、360极速浏览器、遨游浏览器、腾讯浏览器、世界之窗浏览器、Chrome浏览器、Firefox浏览器,都得一一去判断他们,还有比较疼的是,比如搜狗浏览器和遨游浏览器有什么兼容版和高速版,具体叫啥忘记了,在兼容版用的是Trident内核,在高速版用的是Webkit内核。自己通过在各个浏览器、各种状态下获取它们的UA值,然后比较其中的相同与不同之处,写出了这么一个东东来。我相信这应该是最笨的方法了,如果各位路过的大侠有好的方法,希望能告诉我一下,让我这个小菜吸取点养分吧,万分感谢!\(^o^)/

围观地址

4 Views ,

JavaScript弹窗练习

归类于WEB前端 参与评论

前不久写的一个JS练习,说起这个练习我愧疚啊,因为这练习是年前的时候老大让我做的,说做完之后他帮我看下,但由于自己的懒惰和各种原因一直拖到了年后才做,而且还是老大提醒了我一次:“还记得年前我让你做的小东西么?是不是忘记了?”我觉得不能这样了,这样太对不起他,更对不起自己啊,本想着今年好好学习下JavaScript的,一看今年过去了三分之一了,我勒个去啊,基本上什么都没学到,好有压力,好有紧迫感,再不提升下自己,以后想混好点都难啊,再加上现实生活的种种压力。

自我检讨先告一段落,言归正传,说下这个JavaScript弹窗练习,这是我第一次完全没有借助jQuery框架(我目前也就只会这一种框架,囧~),用原生的JavaScript写的,开始觉得好难下手不知道该如何组织,这应该也算是一个小插件了吧,也是第一回做这个,没点头绪啊,然后网上找些资料看了下,才自己开始动手一点一点的写下来。

第一次写完的时候给老大看,虽然功能上是实现了,但是存在很多缺陷,例如不能重用,代码灰常冗余,代码也没模块化,性能上也不行。后来在老大的指点下修改了下,就改成了现在的这个X型,欢迎大家拍砖指点下,小弟刚学习JavaScript,是个菜鸟。⊙﹏⊙

点击围观

8 Views ,

老鹰灰呀灰~~~马儿跑啊跑~~~

归类于WEB前端 一条评论

老鹰灰呀灰~~~查看

window.onload = function () {
    var film_img = document.getElementById('filmImg');
    var width = film_img.width;
    var height = film_img.height;
    var style = film_img.style;
    var x = 0;
    var y = 0;
    var nx = 6;
    var ny = 4;
    var ix = width/nx;
    var iy = height/ny;
    var speed = 100;
    var moving = setInterval(run, speed);

    function run () {
		x += ix;
		if ( x >= (width-ix) ) {
			x = 0;
			y += iy;
			if ( y >= height ) {
				x = 0;
				y = 0;
			}
		}
		style.left = -x + 'px';
		style.top = -y + 'px';
    }
}

马儿跑啊跑~~~查看

window.onload = function () {
    var film_img = document.getElementById('filmImg');
    var width = film_img.width;
    var style = film_img.style;
    var x = 0;
    var nx = 12;
    var ix = width/nx;
    var speed = 50;
    var moving = setInterval(run, speed);

    function run () {
		x += ix;
		if ( x >= (width-ix) ) {
			x = 0;
		}
		style.left = -x + 'px';
    }
}

22 Views

JavaScript中window.event.keyCode大全

归类于WEB前端 参与评论

event.keycode大全(javascript)
keycode 8 = BackSpace BackSpace
keycode 9 = Tab Tab
keycode 12 = Clear
keycode 13 = Enter
keycode 16 = Shift_L
keycode 17 = Control_L
keycode 18 = Alt_L
keycode 19 = Pause
keycode 20 = Caps_Lock
keycode 27 = Escape Escape
keycode 32 = space space
keycode 33 = Prior
keycode 34 = Next
keycode 35 = End
keycode 36 = Home
keycode 37 = Left
keycode 38 = Up
keycode 39 = Right
keycode 40 = Down
keycode 41 = Select
keycode 42 = Print
keycode 43 = Execute
keycode 45 = Insert
keycode 46 = Delete
keycode 47 = Help
keycode 48 = 0 equal braceright
keycode 49 = 1 exclam onesuperior
keycode 50 = 2 quotedbl twosuperior 继续阅读

13 Views ,

顶部