-
Notifications
You must be signed in to change notification settings - Fork 23
/
notes.html
193 lines (190 loc) · 21.6 KB
/
notes.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!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> 请您使用【菜单栏】或【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">页面框架&专题制作工具</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>