- 想当一名前端工程师，前端小白该从哪学起？ 11-29
- 如何使用Zeppelin处理大数据|专家热文 11-29
- Book思议，兄弟连高洛峰再撰HTML5系列丛书京东 11-29
- 前端实践:你要会用！ 11-29
- H5游戏开发：贪吃蛇 11-29
- css3 实现省略号 3个点的动画 11-29
- 自动化来势汹汹，未来的程序员该何去何从？ 11-29
- 网站导航设计与网站优化 11-29
- 圣诞老人胡须背后潜藏的危险 11-29
- jQuery炫酷特效之上下滑动的图片 11-29
想当一名前端工程师，前端小白该从哪学起？
发布者: superzhang | 发布时间:2017-11-29前端工程师，也叫Web前端开发工程师。他是随着web开展，细分出来的行业。
Web前端开发技术主要包括三个要素：HTML、CSS和JavaScript！
那怎么学习前端？
1、首先要学习 HTML，CSS 。
如果你是买的书，那久跟着书认真、扎实的学一遍。然后就需求做大量的练习，做各种常规的、奇异的、大量的规划练习来捆固、了解本人的学问。
2、学习 Javascript 。首先要晓得这门言语能够做什么，不能做什么，擅长做什么，不擅长做什么！
假如你只想当一个普通的前端程序员，你只需求记住大局部 Javascript 函数，做一些练习就能够了。
假如你想当深化理解Javascript，你需求理解 Javascript 的原理，机制。需求晓得他们的根源，需求深入理解 Javascript 基于对象的实质。
还需求 深入理解 阅读器宿主 下 的 Javascript 的行为、特性。
由于历史缘由，Javascript不断不被注重，有点像被收养的普通！ 所以他有很多缺陷，各个宿主环境下的行为不统一、内存溢出问题、执行效率低下等问题。
作为一个优秀的前端工程师还需求深化理解、以及学会处置 Javascript 的这些缺陷。
那么一名优秀的、以至杰出
如何使用Zeppelin处理大数据|专家热文
发布者: superzhang | 发布时间:2017-11-29Zeppelin是一个交互式笔记本。它允许您将代码写入网页，执行代码，然后在表格或图形中显示结果。它还可以做更多事情，因为它能支持Markdown和JavaScript (Angular)。
这样，您可以编写代码，对用户隐藏这些代码，创建漂亮的报告并进行分享。另外，您还可以创建实时报告和图形，并使用网页接口与用户共享。
Zeppelin支持多种不同的语言解析器和特性，例如：
Alluxio Kylin
Amgular Lens
BigQuery Livy
Cassandra Markdown
ElasticSearch Pig
Hadoop File操作 Psql
Flink Python
Hbase Linux shell (sh)
Ignite Spark
JDBC
您还可以添加第三方解析器。
以下是Spark的例
Book思议，兄弟连高洛峰再撰HTML5系列丛书京东热卖中
发布者: superzhang | 发布时间:2017-11-29随着HTML5标准化逐渐成熟，以及互联网的飞速发展和移动端的应用不断创新，再加上微信公众号、小程序的应用飙升，原生APP向Web APP和混合APP的转变，用户对视觉效果和操作体验的要求越来越高，HTML5成为移动互联网的主要技术，也是目前的主流技术之一。
为了让前端技术初学者少走弯路，快速而轻松地学习HTML5和JavaScript编程，兄弟连利用多年的教学经验积累，再通过对企业实际应用的调研，编写了一整套HTML5系列图书，共5本，包括《细说网页制作》、《细说JavaScript语言》、《细说DOM编程》、《细说AJAX与jQuery》和《细说HTML5高级API》。
每一本
前端实践:你要会用！
发布者: superzhang | 发布时间:2017-11-29前端开发要的不是去蛮干，要学会有技巧的去运用知识，那么该怎么运用知识去提高你的开发效率呢？
类库和框架，你值得拥有：
、
首先，jquery一定是大部分web前端开发者不可或缺的工具。利用jquery不仅仅停留在只使用它的API和插件上，还可以会自己去写jquery插件，还可以去读jquery的源码、了解jquery的设计思路。如果你也能那样做，你会收获到意想不到的效果。
假设你现在遇到一个问题：怎么才能最透彻的去理解javascript的事件系统？最好的答案是之一就是读jquery关于事件处理部分的源码。一遍不会可以多读几遍。
bootstrap从github上的排名也能看出道道来。很多公司的UI设计师，都从bootstrap上截图作为素材。
fontAwesome是全世界最强大的图标系统。相比于css制作图标来说，这个要好很多倍，不管是开发、效率还是维护上。
requirejs和seajs这种
H5游戏开发：贪吃蛇
发布者: superzhang | 发布时间:2017-11-29广东IT优就业
贪吃蛇的经典玩法有两种：
积分闯关
一吃到底
第一种是小编小时候在掌上游戏机最先体验到的（不小心暴露了年龄），具体玩法是蛇吃完一定数量的食物后就通关，通关后速度会加快；第二种是诺基亚在1997年在其自家手机上安装的游戏，它的玩法是吃到没食物为止。笔者要实现的就是第二种玩法。
MVC设计模式
基于贪吃蛇的经典，笔者在实现它时也使用一种经典的设计模型：MVC（即：Model - View - Control）。游戏的各种状态与数据结构由 Model 来管理；View 用于显示 Model 的变化；用户与游戏的交互由 Control 完成（Control 提供各种游戏API接口）。
Model 是游戏的核心也是本文的主要内容；View 会涉及到部分性能问题；Control 负责业务逻辑。 这样设计的好处是： Model完全独立，View 是 Model 的状态机，Model 与 View
css3 实现省略号 3个点的动画
发布者: superzhang | 发布时间:2017-11-29（点击右上角“+关注”【切图】头条号，有干货，有资讯，有态度！！）
文/作者：aming（dingxiangming82），专注web前端开发，关注用户体验，和提供高品质的psd转html5前端开发外包服务，web前端实战培训！
在切图网（qietu.com）最近一次前端项目开发中，就有这么一个h5的（第一财经）的项目，需要做的非常精细，精细到什么程度？ 连省略号的3个小点也需要做动画效果 ，虽然很多波折，但是最终出来效果是ok的。
下面附3个点动画代码，拷贝直接可用，亲测过的
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>测试</title>
<style>
.grebtn{
display: inline-block;
padding: 0.25em 1.25em;
border: 1px solid;
border-radius: 2px;
vertical-align: bottom;
font-weight:
自动化来势汹汹，未来的程序员该何去何从？
发布者: superzhang | 发布时间:2017-11-29编者按：AI、自动化，这些技术进步不仅威胁到到了其他行业的工作，甚至有声音认为，连开发这些技术的程序员其自嘲的“码农”地位都将不保。比方说，OpenAI前研究科学家Andrej Karpathy就认为，在AI引领的软件2.0趋势下，传统程序员真的有可能要失业了。不过，跟Tyler Elliot Bettilyon相比，这些都是对程序员未来的片面看法，相对而言，他对程序员未来的工作前景分析更加全面客观，值得从业者好好看看，思考未来作何选择。
我的一位朋友最近提出了一个问题，这样的问题我在不同场合都听说过，只是形式各不相同：
你是否认为IT和一些低端的编程工作会重蹈渡渡鸟的覆辙？看起来一场大规模的就业泡沫似乎就要破裂了。在我看来，技术和低端计算机科学相关工作之所以还“久负盛名”并且拿到不菲的报酬的其中一个原因，是那些荒谬的行话以及公众对计算机的无知，但这两个在未来10年都会消失……
这个问题同时指向了两点，一是技术工作的未来，二是对软件工程领域的普遍误解。虽说有大量“荒谬的行话”没错，但是
网站导航设计与网站优化
发布者: superzhang | 发布时间:2017-11-29网站导航是网站的重要组成部分，能够兼顾用户体验，方便用户浏览。而对于搜索引擎来说也是非常重要的，搜索引擎蜘蛛爬取网站首先也会到导航上获取信息，所以网站导航的设计对于网站优化来说有一定影响，在设计的时候就要多加注意：
1、文字导航设计
网站导航应该使用常用的HTML文本，不要使用图片、flash等作为导航链接，也不要使用javascript来生成导航。因为搜索引擎对这些内容的识别还是不够完善，可能会导致不收录，影响排名和权重。
2、点击短距离和平坦结构
好的网站导航都是能够把所有网站的页面和主页内部链接的，与主页离得越近越好。如果是权重一般的网站，内页导主页的应该不能超过4/5安打以上，使网站尽量平坦化的结构。
圣诞老人胡须背后潜藏的危险
发布者: superzhang | 发布时间:2017-11-29中国消费者刚从双十一的购物狂热喘过气来不久，圣诞节的脚步又悄然走近，圣诞及新年“血拼”随即展开！圣诞老人的胡须通常是纯洁无瑕的雪白色。然而，网络犯罪分子正试图以这种无瑕的象征为掩护，在网络消费者准备大肆购物之际，伺机对其发动攻击。
Check Point 研究人员最近发现，犯罪分子采取一种新方式来欺骗通过时下风靡的“全球速卖通”购物网站进行节日购物的消费者。全球速卖通是阿里巴巴集团旗下最受欢迎的在线购物平台之一，在全球范围内拥有超过一亿名客户，收入达 230 亿美元。
发现此漏洞后，CheckPoint 研究人员立即通知全球速卖通，他们对网络安全高度重视，在得到通知后两天内便迅速采取行动并解决了问题。这一做法可圈可点，为其它在线零售商树立了榜样。
这个被CheckPoint发现、然后通知全球速卖通马上修复的漏洞是如此策动攻击的：犯罪分子可利用这个漏洞，发送一个包含恶意 Javascript 代码的全球速卖通网页链接，来攻击全球速卖通用户。一旦打开该网页，用户的网络浏览器就会执行该代码，从而利用网站上的开放式重定向漏洞，绕过全球速卖通针对跨站脚本攻击所采取的保护措施。
从理论上来说，网络犯罪分子可以通过电子邮件钓鱼活动，借助全球速卖通的常规客户操作流程来发动此攻击，过程中几乎不会有任何迹象让用户察觉正在发生异常或意外情况。因此，用
jQuery炫酷特效之上下滑动的图片
发布者: superzhang | 发布时间:2017-11-29上下滑动的图片效果在很多网站中经常可见，默契情况下，网页整齐的显示在一行，无任何文字介绍。当鼠标悬停想图片上时，图片缓慢上滑，显示图片的描述性介绍，当鼠标离开时，图片下滑恢复原来的显示样式。
初始效果
鼠标悬停效果
当鼠标悬停在中间的图片上时，图片上滑冰显示文字提示内容。想要实现这样的效果吗？跟我一起动起手来码代码吧。
一、HTML结构
