kuaiqie
/
notes.html

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>快切助手版本更新 2015年7月6日 快切助手受邀参展HTML5(iWEB峰会)峰会。</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui">
<meta name="renderer" content="webkit">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="快切,网页切图工具,快切助手,快切网,快速制作网页,网页专题制作,网页切图软件,快速切图软件,网页设计助手,快速网页制作工具,网页制作助手,网页快速制作,在线切片专题制作工具,网站专题制作"/>
<meta name="description" content="在线切图/网页制作工具，快速导出切片，html代码，css样式。响应式支持，一站打通电脑，平板，手机。"/>
<link rel="shortcut icon" href="resources/images/favicon.ico"/>
<link rel="dns-prefetch" href="www.qdsay.com" />
<link rel="dns-prefetch" href="hm.baidu.com">
<link rel="stylesheet" href="resources/css/main.css"/>
<link rel="stylesheet" href="resources/css/site.css"/>
<link rel="stylesheet" href="resources/css/help.css"/>
</head>
<body>
<header>
<div id="headbar">
  <div id="logo">
    <a title="勤道快切助手" href="http://kuaiqie.qdsay.com"><img alt="勤道快切助手" src="resources/images/logo.png"></a>
  </div>
  <ul id="navbar">
    <li><a title="网页制作助手" id="favorite" class="doing" href="javascript:void(0);">收藏</a>
    <div class="toolbar">
      <p>&nbsp;请您使用【菜单栏】或【Ctrl + D】收藏本站。</p>
      <em class="takeIt"></em>
    </div>
    </li>
    <li><a id="share" class="doing" title="分享到朋友圈" href="javascript:void(0);">分享</a>
    <div class="toolbar">
      <h5>分享到朋友圈：</h5>
      <div id="sharelist" class="bdsharebuttonbox"><a title="分享到QQ空间" href="#" class="bds_qzone" data-cmd="qzone"></a><a title="分享到新浪微博" href="#" class="bds_tsina" data-cmd="tsina"></a><a title="分享到腾讯微博" href="#" class="bds_tqq" data-cmd="tqq"></a><a title="分享到微信" href="#" class="bds_weixin" data-cmd="weixin"></a><a title="分享到QQ好友" href="#" class="bds_sqq" data-cmd="sqq"></a><a title="分享到腾讯朋友" href="#" class="bds_tqf" data-cmd="tqf"></a><a title="分享到人人网" href="#" class="bds_renren" data-cmd="renren"></a><a title="分享到开心网" href="#" class="bds_kaixin001" data-cmd="kaixin001"></a><a title="分享到豆瓣网" href="#" class="bds_douban" data-cmd="douban"></a><a title="分享到Facebook" href="#" class="bds_fbook" data-cmd="fbook"></a><a title="分享到Twitter" href="#" class="bds_twi" data-cmd="twi"></a><a title="分享到linkedin" href="#" class="bds_linkedin" data-cmd="linkedin"></a><a title="分享到百度云收藏" href="#" class="bds_bdysc" data-cmd="bdysc"></a><a title="分享到百度贴吧" href="#" class="bds_tieba" data-cmd="tieba"></a><a title="分享到百度个人中心" href="#" class="bds_ibaidu" data-cmd="ibaidu"></a><a title="分享到百度空间" href="#" class="bds_hi" data-cmd="hi"></a><a title="分享到网易微博" href="#" class="bds_t163" data-cmd="t163"></a><a title="分享到点点网" href="#" class="bds_diandian" data-cmd="diandian"></a><a title="分享到手机快传" href="#" class="bds_share189" data-cmd="share189"></a><a title="分享到飞信" href="#" class="bds_fx" data-cmd="fx"></a><a title="分享到有道云笔记" href="#" class="bds_youdao" data-cmd="youdao"></a><a title="分享到麦库记事" href="#" class="bds_sdo" data-cmd="sdo"></a><a title="分享到轻笔记" href="#" class="bds_qingbiji" data-cmd="qingbiji"></a><a title="分享到人民微博" href="#" class="bds_people" data-cmd="people"></a><a title="分享到新华微博" href="#" class="bds_xinhua" data-cmd="xinhua"></a><a title="分享到搜狐随身看" href="#" class="bds_kanshou" data-cmd="kanshou"></a><a title="分享到我的搜狐" href="#" class="bds_isohu" data-cmd="isohu"></a><a title="分享到复制网址" href="#" class="bds_copy" data-cmd="copy"></a></div>
      <em class="takeIt"></em>
    </div>
    </li>
    <li><a id="help" class="doing" title="网页制作教程" href="help.html" target="_blank">帮助</a></li>
    <li><a id="back" class="doing" title="网页制作" href="http://kuaiqie.qdsay.com/">返回</a></li>
  </ul>
  <label id="desc">页面框架&amp;专题制作工具</label>
</div>
</header>
<div id="main">
  <div id="150706" class="content">
    <h1>快切笔记 2015年7月6日 快切助手受邀参展HTML5(iWEB峰会)峰会。</h1>
    <p>我是 Coding 市场部奇奇，HTML5 峰会（iWEB 峰会）将于 上海（7月19日）、北京（8月8日）举行，由于之前您参加过 Coding HTML5 线上大赛，我们想推荐 kuaiqie 这个项目参展，此外，想请问贵项目能否做成视频展示方式呢？如果通过大会筛选审核，我们将第一时间通知您，并诚挚邀请您以作者身份出席展位与现场参展人员进行互动说明。请问您是否愿意让我们推荐此项目参展呢?</p>
    <p>我是 Coding 市场部奇奇，HTML5峰会（iWEB峰会）将于上海（7月19日）、北京（8月8日）举行，之前经由您的同意，我们已推荐 kuaiqie 这个项目参展，目前得知贵项目已经通过大会筛选审核咯！由于之前您回复上海场活动当天无法前往参与，我们同事将代为演示您的作品。</p>
    <p>活动报名：2015 iWeb峰会 第四届HTML5峰会</p>
    <p>报名地址：<a title="第四届HTML5(iWEB峰会)峰会" href="http://2015.html5dw.com/shanghai" rel="nofollow" target="_blank">http://2015.html5dw.com/shanghai</a></p>
  </div>
  <div id="150508" class="content">
    <h1>快切笔记 2015年5月8日 快切助手赢 HTML5 Coding 大赛二等奖。</h1>
    <p>多谢大家支持，我们会继续努力滴！</p>
  </div>
  <div id="150211" class="content">
    <h1>快切笔记 2015年2月11日 招个前端开发工程师难吗？</h1>
    <p>今天在CSDN上看了一个帖子，标题被我无耻的复制了“招个前端开发工程师难吗？”，然后给出了3k-6k的薪资。说实话，这个价位在北京最多找个网页制作，找个靠谱点的前端开发工程师确实不大容易。曾几何时，前端开发工程师也被称为切图工，以至于我们都不好意思说自己是网页制作，然后被一并归入了设计，连个具体点的职位都没有，吐槽一下，大家勿喷。</p>
    <p>你说，做个网页，混合各种特效，还得适应手机、平板，Retina各种屏幕，什么？老板还要求兼容该死的IE6、7、8。你说，我们容易吗？泪奔......，如此苦逼的技术活，你也好意思？</p>
    <p>转入正题，近些年，随着移动互联网的兴起，HTML5，CSS3，Jquery，Angularjs，Node.js各种新技术得到了大量的运用。不说前端从屌丝完成了到高富帅的成功逆袭，也装备了一套防10带反伤的华丽装备。现在，就让我们盘点一下从网页制作到前端开发工程师所要装备的技能，然后一起去打怪吧。</p>
    <p class="center"><img class="step" src="example/0211.jpg" alt="HTML5,CSS3,Jquery,Angularjs,Node.js,装备"></p>
    <h3>前端必备技术</h3>
    <p>作为一个前端开发工程师，必须要能写Javascript，如果不会或只会写那么一点，那你就要开始升级了，现在开始满血复活。</p>
    <p>Jquery：Jquery 是一个轻量级的js库，核心理念是write less,do more(写得更少,做得更多)。它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。</p>
    <p>Angularjs：AngularJS 诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，核心是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入，等等，融入了很多面向对象的思想。</p>
    <p>Node.js：Node.js 是一个基于Chrome JavaScript运行时建立的一个平台，用来方便地搭建快速的、易于扩展的网络应用。Node.js 借助事件驱动，非阻塞I/O模型变得轻量和高效，非常适合运行在分布式设备的数据密集型的实时应用。</p>
    <p>如果你刚刚掌握了HTML5，和CSS3，刚刚开始了解Javascript，您可能对上面三个东东感兴趣，但还是云里雾里，现在就说说三者主要的区别和实际的运用场景。想更深入了解的，还需要多看看说明文档，多做些实例。</p>
    <p class="center"><img class="step" src="example/qianduan.jpg" alt="Jquery,Angularjs,Node.js"></p>
    <p>HTML+CSS+Jquery基本上是招聘前端开发工程师必备的要求，经常有人说AngularJS是否可以替换掉Jquery，就目前来讲，AngularJS只是自带了一些和Jquery一样的功能，但两者不是一样的东西，面向的应用也不同。Jquery作为一个轻量级的js库，封装了一些常用的功能，而且还有N多组件可以选择，可以做出各种绚丽的特效，如他的理念一样，让javascript开发更简单。</p>
    <p>AngularJS是为了克服HTML在构建应用上的不足而设计的，更适合做一些WebApp的单页应用，如果大家打过Smarty模板可能对AngularJS有更好的理解，对，他将数据模型(data-model)关联到视图(UI)上，这也就意味着使用AngularJS不利于搜索引擎的抓取。</p>
    <p>而Node.js已经脱离前端了，他是一个后端语言，运行在Google强大的V8引擎上。我们都知道，浏览器是非实时性的，好友给我们发送了一条消息，我们只有通过刷新才能接收到（或是在浏览器端定时异步请求服务器，但如果是一个在线聊天IM，那服务器就悲剧了，即使没有消息发送，客户端也要不断请求你的服务器）。Node.js 借助事件驱动，非阻塞 I/O 模型使网络应用变得轻量和高效，非常适合运行在分布式设备的数据密集型的实时应用，详细了解NodeJS中使用socket编程。</p>
    <h3>前端必备开发工具。</h3>
    <p>如果你在用Dreamweaver，那么，你Out了！</p>
    <p>Adobe Brackets：强大免费的开源跨平台Web前端开发工具IDE。</p>
    <p>Sublime Text：漂亮的用户界面和强大的功能，虽然是个收费软件，但可以无限期试用。</p>
    <p>切图神器Slicy：简单，小巧清爽，iOS开发者必备神器，收费软件，有需要可以从App store下载。</p>
    <p>勤道快切助手：国内团队开发，在线辅助切图工具，自动生成HTML和CSS代码，支持响应式，免下载，免安装，免注册。</p>
  </div>
  <div id="150202" class="content">
    <h1>快切笔记 2015年2月2日 站在风口上，等风吹。</h1>
    <p>互联网没赶上，移动互联又错过了，物联网即将席卷全球。我们唯一要做的就是挤上那个风口。如果我们没能飞起来，那就只有两个原因，一个是我们连猪都不如，另一个是，你丫该减肥了。2015，我们会站在那个风口，让风吹得更猛烈下吧。</p>
    <p class="center"><img class="step" src="example/0202.jpg" alt="柳桃、褚橙、潘苹果、丁家猪、任小米"></p>
    <p>拉动中国经济增长的的三驾马车已经停滞，传统企业都在谋求转型，银行一张牌照，靠息差睡觉都能赚钱的日子终将一去不复返。粗放、多元化、大而全的企业不再引领中国实体经济，事实证明，只有小而精的创新型企业才能缔造历史。</p>
    <p>财经：《对话》 20150201 货币变局下的中国机会。</p>
  </div>
  <div id="150128" class="content">
    <h1>快切笔记 2015年1月28日 如果你不改变，我们就来改变你！</h1>
    <p>不知道什么时候，码农这个词流行了。今天看了厉以宁在新年经济论坛上的演讲：”制度破冰已经开始，这一切告诉我们，在中国做农民要趁早了！ “。</p>
    <p class="center"><img class="step" src="example/0128.png" alt="柳桃、褚橙、潘苹果、丁家猪、任小米"></p>
    <p>确实，在我们每天讨论互联网思维，每天喊着颠覆时，网易、联想、九城等资本大鳄早已在农业上布局了。随着资本大规模渗透农业，必将摧枯拉朽般颠覆农业这块最后的万亿级处女地。</p>
    <p>想起高中毕业报考志愿时，程序员也曾是让同学们羡艳的职业，但毕业后，还没来得及做一番事业就被残忍淘汰了，更有一部分，毕业即失业。看看像坐了过山车一样的房价，“码农”，“屌丝”就这样扣在了我们身上，成为了程序员的标签。我一直以为这是一种阿Q似的自嘲，但在外界眼里看似神奇的东西，在我们看来早已成为了一种机械性的劳动，所以当用”码农“这个词汇来形容我们自身时也就不足为怪了。</p>
    <p>女神从来都是技术群中最热门的话题，我们想成为高富帅，找到心中的那个阿楚姑娘。我们想利用互联网思维创造奇迹，我们日思夜想在寻找颠覆的对象，然后，各种APP如雨后春笋般的出来了。而我们自身，又何尝不是被颠覆的对象呢？多年来，我们一直在避免重复性劳动，抽象、封装、继承、多态，像面向对象这样的神器也未能避免这种重复性的机械劳动。</p>
    <p>最终，大数据，语音识别，人工智能这样的技术进入了我们的视线。想想有一天，我们喝着咖啡，对着电脑说出我们的想法：我们需要一套专家系统来处理我们数以万计的学员数据，我们需要记录学员的一些基本信息，如学员编号、姓名、年龄和联系方式、报名的日期和选修的课程，从课时管理系统里调出数据，然后列出这个学期选修高等数学的学员。电脑自动编程，导入数据并完成系统升级，然后我们想要的学员名单就出现在了我们的眼前，这将是多么让人Exciting的事情啊！看看这20年间的发展速度，我坚信这一天离我们并不遥远！</p>
    <p>让我们一起来拥抱语音识别，大数据和人工智能吧！不求福布斯榜上有名，但求走在技术的最前沿。</p>
    <p>谨以此文献给所有的IT工作者：</p>
    <p>如果你不改变，我们就来改变你！</p>
    <p>快切助手：全球首款智能在线切图工具，来自勤道团队。</p>
    <p>本文作者：Star</p>
    <p>离开始Start差了一个T，所以Star选择了IT</p>
  </div>
  <div id="150126" class="content">
    <h1>快切笔记 2015年1月26日</h1>
    <p>快切助手上线后，进行了为期一个月的邀请测试。累计迎来了近9600位访客，网站跳出率36%，平均访问时长18分钟，其中91位好友，在我们简单说明了使用方法后喜欢上了快切。特别有36位细心、善于发现和经验丰富的前端开发攻城师，在技术开发群邀请测试中，认真阅读了使用说明，测试了快切每一项功能，为我们提出了许多改进的建议，并分享了我们的网址，感谢大家了！</p>
    <p>陆续有几个小伙伴在体验了快切强大的自动切图功能后后询问：“我是不是以后就失业了啊”！哈哈，快切还没有强大到如此，不过，我们确实没有必要将主要精力放在切图上面，在这样一个逼格的年代，我们更应该将心思花在用户体验与交互上，可能这样才更符合互联网的思维吧？虽然我对互联网思维一直理解不那么透彻。</p>
    <p>诚邀C++，图像识别，大数据和人工智能方面的小伙伴加入我们，让我们共同体验颠覆一个行业所带来的兴奋。QQ群：<a href="http://shang.qq.com/wpa/qunwpa?idkey=783bb9691476c2b74ea34d105bca0944eddeeaf7b4934b804dfd2e5f2ec78166" title="网页制作群" target="_blank">40348818</a></p>
    <p>在此，我仅代表勤道团队，再次感谢大家给予的支持！</p>
  </div>
  <div id="141225" class="content">
    <h1>快切笔记 2014年12月28日</h1>
    <p>14年12月25日，注定是一个不平凡的圣诞之夜，作为全球首款智能切图工具快切助手正式上线。并在之后的三天里，完成了团队内部测试，并于今日开放邀请测试。来自多个团队的优秀前端工程师测试并使用了我们的软件。在此，仅代表勤道团队，感谢朋友们的支持和提出的宝贵意见，我们将在快切助手1.1版本中，补充朋友们提出的功能建议，使快切助手更加完善。</p>
    <p>快切助手是一款在线切图工具，基于HTML5，朋友们可以借此体验HTML5中的Canvas，Filereader等诸多特性。</p>
    <p>请在Firefox、IE10+或Google Chrome、Opera等基于webkit内核的浏览器下使用勤道切图助手，Safari因为目前对Filereader支持并不够好，所以暂不能使用一键导出功能。</p>
    <p>随着移动客户端的发展，HTML5得到了极大的发展和运用。快切助手也在此时与大家见面了，节约您的每一秒钟都将是勤道团队不懈努力的追求。</p>
    <p>勤道的目标：提高切图效率80%，让我们将主要的精力投入到用户体验与交互上来，感谢大家的关注！</p>
  </div>
  <div class="content">
    <h1><em>3</em>步制作响应式页面</h1>
    <div><img alt="制作响应式网页" class="step" src="resources/images/step.png"></div>
  </div>
  <div class="content">
    <h1><em>5</em>分钟改变切图方式</h1>
    <p>快切助手是一个快速、简洁的在线切图工具。QD团队设计快切，不仅是为了提高前端切图的速度，更是为了让切图变为一件简单的事情。现在，开发和设计都可以使用快切做出专业的响应式页面了。</p>
    <p>上线以来，快切助手得到了大家广泛的关注，并提供了很多非常有价值的建议，感谢朋友们的支持，勤道团队将继续致力于改变切图方式，不断丰富快切助手的功能，以适应更多的切图需求。</p>
  </div>
  <div class="content">
    <h1><em>5</em>分钟学会使用快切</h1>
    <p>我们无意做一个Photoshop或Dreamweaver出来，这对我们的工作无太多意义。在保证“快切”简单、高效的同时，获得更多的功能体验，以减少我们重复且无效的工作，仅需5分钟，改变切图方式。</p>
    <p>作为前端攻城师，您可以不会Dreamweaver，但不能不会快切助手，让工作瞬间减半。</p>
    <p>让我们集中精力在用户交互和体验上来！把重复性的工作丢给快切。</p>
  </div>
  <div class="content">
    <h1>看看大家怎么说</h1>
    <p>先给QD团队的小伙伴们点个赞，快切助手是一款免费工具，而且在将来，将来的将来也是免费使用的，感谢QD伙伴们的支持。节省您宝贵的时间，是QD团队最大的追求！</p>
    <p>现在就来试试吧：<a href="http://kuaiqie.qdsay.com" title="勤道快切助手">http://kuaiqie.qdsay.com</a></p>
  </div>
</div>
<script type="text/javascript" src="resources/js/jquery.min.js"></script>
<script>
$().ready(function() {
    $(".doing").click(function(){
        if ($(this).attr("id") == 'favorite') {
            setNavStatus($(this).parent());
        } else if ($(this).attr("id") == 'share') {
            setNavStatus($(this).parent());
        } else {
            var top = $("#go"+$(this).attr("id")).offset().top - 45;
            $("html,body").animate({
                scrollTop: top
            }, 1000);
        }

    });
    $(".takeIt").click(function() {
        if ($(this).parents("li").hasClass("on")) {
            $(this).parents("li").removeClass("on");
        }
    });
});
function setNavStatus($obj) {
    if ($obj.hasClass("on")) {
        $obj.removeClass("on");
    } else {
        $obj.siblings().removeClass("on");
        $obj.addClass("on");
    }
}
//分享
window.onload=function(){
window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"32"},"share":{},"image":{"viewList":["qzone","tsina","tqq","weixin","sqq","tqf","renren","kaixin001","douban","fbook","twi","linkedin","bdysc","tieba","ibaidu","hi","t163","diandian","share189","fx","youdao","sdo","qingbiji","people","xinhua","kanshou","isohu","copy"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","weixin","sqq","tqf","renren","kaixin001","douban","fbook","twi","linkedin","bdysc","tieba","ibaidu","hi","t163","diandian","share189","fx","youdao","sdo","qingbiji","people","xinhua","kanshou","isohu","copy"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
}
//统计
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?78ca100d64bdbafed0bd93cbe4702ab4";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-33331163-2', 'auto');
  ga('send', 'pageview');

</script>
</body>
</html>