为何前端不常跟产品经理掐架
前言：无论众人之前怎么称呼我们。前端工程师？重构工程师？JS 交互工程师？UED？切图仔(妹)？美工等等，都没关系，下文统称为：前端。至于“产品经理”，PM 这个缩写就简明多了。如果你是这里提到的前端，那么无论你是否戴表，你已经被代表了，还望见谅。
分类 大前端 下的文章
Adobe Fireworks CS6 12.0.0.236 下载
<div><p> 给个下载地址吧... 刚才找了好辛苦....</p><p>这个版本是绿色版的 ..我不是很喜欢安装版...</p><p>安装版请去官方下载 自行破解</p><p>http://www.portablesoft.org/down/3068.html</p></div>
前端DIV+CSS规范整理
<p>一、文件规范</p>
<p>1、文件均归档至约定的目录中。</p>
<p>具体要求通过豆瓣的CSS规范进行讲解：</p>
<p>所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中：</p>
js多个tab切换简单不需要在body内添加事件
<p>不多说了贴代码了！注意的是a的里面的rel属性window.onload事件！在一个页面可以添加多个这样的效果，只需要在 onload事件添加就可以了。</p><div style="page-break-after: always;"><span style="display: none;"><!--more-->& nbsp ;</span></div><p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
{margin:0;padding:0;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
html .clearfix{height:1%;}
*+html .clearfix{height:1%;}
.clearfix{display:inline-block;}
.clearfix {display:block;}
ul{margin:10px 10px 0;}
ul li{background:#ddd; list-style:none;padding-top:5px; vertical-align:bottom}
ul li a{padding:5px 10px;margin-left:5px;text-decoration:none;font-size:12px;color:#000;float:left;}
ul li .crent{background:#fff;color:#f60;}
p{display:none;border:1px solid #ddd;border-top:none;margin:0 10px 10px;padding:5px;}
</style>
<title>Example</title>
<script type="text/javascript">
function $(objID){ <br /> return "string" == typeof(objID) ? document.getElementById(objID) : objID; <br /> } <br />function addEvt(tab,ct){ <br /> var ctab = $(tab).getElementsByTagName("a");
var cdiv = $(ct).getElementsByTagName("p");
for(var i = 0;i<ctab.length;i++)
{
ctab[i].onclick =function std(){
for(var i = 0;i<ctab.length;i++){
if(i!=parseInt(this.rel-1))
{
ctab[i].className="";
cdiv[i].style.display="none";
}
}
ctab[parseInt(this.rel)-1].className="crent";
cdiv[parseInt(this.rel)-1].style.display="block";
}
}
}
window.onload=function(){
addEvt("tab","ct");
addEvt("tab2","ct2");
}
</script>
</head>
<body>
<div id="all1">
<ul class="ul_bigspace" id="tab">
<li class="clearfix"><a href="#" class="crent" rel="1">平面设计</a><a href="#" rel="2">包装设计</a><a href="#" rel="3">影视广告片</a><a href="#" rel="4">媒介资源</a><a href="#" rel="5">网站设计</a><a href="#" rel="6">网站设计</a></li>
</ul>
<div id="ct">
<p style="display:block;">1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
</div>
<br>
<ul class="ul_bigspace" id="tab2">
<li class="clearfix"><a href="#" class="crent" rel="1">平面设计</a><a href="#" rel="2">包装设计</a><a href="#" rel="3">影视广告片</a><a href="#" rel="4">媒介资源</a><a href="#" rel="5">网站设计</a><a href="#" rel="6">网站设计</a></li>
</ul>
<div id="ct2">
<p style="display:block;">1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
</div>
</div>
</body>
</html> </p>
关于判断手机访问网站或电脑访问网站的判断
怎么实现编辑器中在光标处插入图片或者表情？
<p>先获取光标的位置，以下是我js获取光标的位置（text为要插入的文字，如图片或是表情）：</p><p>var textBox = document.getElementById(field);
textBox.focus();
if(document.selection==null){
var iStart = textBox.selectionStart;
var iEnd = textBox.selectionEnd;
sText= textBox.value.substring(iStart, iEnd)
textBox.value = textBox.value.substring(0, iStart) + text + textBox.value.substring(iEnd, textBox.value.length);
//设置光标
var pos = iEnd + text.length;
if(textBox.setSelectionRange){
textBox.focus();
textBox.setSelectionRange(pos,pos);
}else if (textBox.createTextRange) {
var range = textBox.createTextRange();
range.moveStart('character', iStart);
range.moveEnd('character', -iEnd);
range.collapse(true);
range.select();
}
}else{
document.selection.createRange().text += text;
}
var text = $("#"+field).val(); //此处的text为插入文字后的所有文字，然后将text赋值到编辑器就ok了</p>
给年轻UE设计师的10条忠告
1． 最佳的应用设计是看不见的，不要让用户感觉到他所处的界面存在，应深刻理解受众及其目标，并把用户的当下任务摆在中心地位。用户只想要一个简单易用的应用，所以你的设计目的就是让每一个元素物尽其用，不会让用户感觉应用很复杂，更重要的是千万不要让用户去思考。
Adobe Fireworks CS5官方简体/繁体中文版下载+有效注册破解方法
<p>Fireworks CS5四大亮点：</p><p>1.包含了PhotoShop 所带有的全部滤镜
PhotoShop 可以使用滤镜轻松的合成各种特效，Fireworks CS5 也可以轻松做到此点！</p><div style="page-break-after: always;"><span style="display: none;"><!--more-->& nbsp ;</span></div><p>2.Fireworks CS5 支持了自定义笔刷
Fireworks CS5可以像 PhotoShop 那样自定义笔刷样式，你可以在Fireworks CS5中导入PhotoShop 和illustrate 所定义好的笔刷效果。这个功能非常之强大，我们可以很方便的制作出一些广告效果出来。</p><p>4.完美支持表格布局
原来使用 Fireworks 制作网页效果图时，常常为画表格而感觉费时费力，加上了这个工具，轻松的就像在Dreamweaver 中使用表格一样。</p><p>3.方便的绘制各种曲线
Fireworks CS5 新增了修剪变形工具，我们可以轻松的绘制出各种曲线。相比之前版本所需的复杂步骤，Fireworks CS5方便了太多！</p><p>Fireworks CS5新增功能介绍：</p><p><u>点击进入</u>（官方网站）</p><table border="0" width="600"> <tbody> <tr> <td>Fireworks CS5简体/繁体中文版下载：</td> </tr> </tbody></table><p><u>点击下载</u> （右键<u>迅雷</u>下载）</p><table border="0" width="600"> <tbody> <tr> <td>Fireworks CS5破解激活方法：</td> </tr> </tbody></table><p>1，断开网络，安装Fireworks CS5，安装时不要输入序列号，选择试用软件！安装完成后，输入序列号：</p><p>1193-1919-5315-2788-4244-2532</p><p>1193-1588-3089-1363-8446-1997</p><p>1193-1306-9142-4727-6849-3714
1193-1061-3721-0380-8749-0284
1193-1549-8878-5379-2400-7037
1193-1348-3650-0218-2814-6920
，关闭Fireworks CS5，下载Adobe CS5通用破解补丁：<u><u>点击下载</u></u> （amtlib.dll文件）</p><p>3，将破解补丁amtlib.dll 文件复制到Fireworks CS5的安装目录，覆盖同名文件！（建议首先备份原始amtlib.dll文件）</p><p>——该破解补丁适用于Adobe CS5系列所有版本！破解方法一致！</p>