20160911 前端开发周报

HTML5 Canvas瀑布动画 超逼真;12个免费学习编程的好地方;你应该知道CSS选择器技巧;适用于小团队的前端规范;jQuery带爆炸特效的焦点图动画;在 Github 上部署自己的简历;3 分钟掌握 CSS Flexbox;javascript高阶函数的应用;20个为前端开发者准备的文档和指南(2);在大型项目中组织CSS

  1. 9月07日 13:00程序员俱乐部(141次阅读/2次分享/2次评论/2次点赞)

    HTML5 Canvas瀑布动画 超逼真】在线演示:HTML5 Canvas瀑布动画DEMO演示 源码下载:这次我们来分享一款很酷的HTML5 Canvas瀑布动画,瀑布动画非常逼真。整个瀑布动画像是从石头缝里流出来的溪水,然后沿着悬崖飞落下来,效果非常不错。

    HTML5 Canvas瀑布动画 超逼真
  2. 9月05日 12:00慕课网(126次阅读/20次分享/6次评论/20次点赞)

    #慕课网分享# 【12个免费学习编程的好地方】过去的一年,我也在学写代码,懂的代码令我成为更好的企业家。在团队需要修复网站bug时我也能参与进去了。学习编程,你甚至不必砸钱。 12个免费学习编程的网站强烈推荐![来]全文:曾几何时,懂编程的都是些顶级极客,但是现在,情况已大不相同,大多数企业家、威客、运营都会告诉你,学点编程能如何让自己更加成功。过去的一年,我也在学写代码,懂的代码令我成为更好的企业家。在团队需要修复网站bug时我也能参与进去了。 学习编程,你甚至不必砸钱。这里有 12 个网站,你可以免费学到编程课程: C基础编程知识与项目运用:

    12个免费学习编程的好地方
  3. 9月05日 10:15慕课网(108次阅读/26次分享/7次评论/18次点赞)

    你应该知道CSS选择器技巧】本文选取了一些CSS选择器技巧,如:before和:after ,通过这两个选择器的内容对CSS选择器展开了深度的探讨。[good]全文地址:你应该知道CSS选择器技巧CSS选择器运用技巧和项目的运用:

    你应该知道CSS选择器技巧
  4. 9月08日 12:01慕课网(102次阅读/21次分享/8次评论/20次点赞)

    #IT技术分享#【适用于小团队的前端规范】一份适用于小团队的前端规范,以及前端工具的资源汇总。地址:前端规范 | Front-End-Standards.com PHP开发全栈:

    适用于小团队的前端规范
  5. 9月08日 13:02程序员俱乐部(91次阅读/2次分享/2次评论/2次点赞)

    jQuery带爆炸特效的焦点图动画】在线演示:jQuery带爆炸特效的焦点图动画DEMO演示 源码下载:jQuery带爆炸特效的焦点图动画 | HTML5资源教程上一篇我们分享了一款可以鼠标滑动jQuery焦点图插件,效果相当不错。这次要带来的也是一款jQuery焦点图插件,它的特点是当图片切换时,图片会发生爆炸的动画特效,非常有创意,也是一款很不错的jQuery焦点图应用。

    jQuery带爆炸特效的焦点图动画

  6. 9月06日 09:31SegmentFault(91次阅读/54次分享/12次评论/19次点赞)

    在 Github 上部署自己的简历】文章传送门;项目简介:本课程将带领大家在 Github Pages 上部署自己的简历,教大家如何将简历保存为 pdf 格式且该简历文件可直接在 A4 纸上打印。另外本课程还提供了简单的在线可编辑的简历页面,同学可直接使用它来生成自己…

    在 Github 上部署自己的简历
  7. 9月07日 08:20IT程序狮(87次阅读/2次分享/2次评论/2次点赞)

    #前端技术#【3 分钟掌握 CSS Flexbox】详见: 在这篇文章中,你将学到关于 CSS 中弹性布局最重要的概念。如果你发现你经常在 CSS 布局上纠结,这篇文章将帮你解脱出来。[给力]

    3 分钟掌握 CSS Flexbox
  8. 9月07日 08:03前端大全(87次阅读/25次分享/6次评论/18次点赞)

    javascript高阶函数的应用》在实际开发中,无论是将函数当作参数传递,还是让函数的执行结果返回另外一个函数,这两种情形都有很多应用场景,以下就是一些高阶函数的应用。(by @laixiangran

    javascript高阶函数的应用
  9. 9月09日 13:03程序员俱乐部(78次阅读/14次分享/3次评论/11次点赞)

    20个为前端开发者准备的文档和指南(2) 本周开始,你也许想静下心来学些什么新的东西,或者提高一下你在一门特殊计算机语言或者技术的能力。 在四月份,我把a collection of useful docs and guides(一些有用的文档和指南)打包到了一起,那是一个很受欢迎的帖子。自此以后,我又收集了一些。请尽情享受! 1. Adobe Web Platform Team(Adobe Web Platform团队) 新设计的Adobe Web Platform站点的网..

    20个为前端开发者准备的文档和指南(2)
  10. 9月06日 17:12HTML5中国(69次阅读/8次分享/2次评论/8次点赞)

    在大型项目中组织CSS 编写CSS容易。 编写可维护的CSS难。这句话你之前可能听过100次了。 原因是CSS中的一切都默认为全局的。如果你是一个C程序员你就知道全局变量不好。如果你是任何一种程序员,你都知道隔离和可组合的模块是构建可维护 …

    在大型项目中组织CSS
  11. 9月06日 14:00程序员俱乐部(64次阅读/4次分享/6次评论/3次点赞)

    HTML5 Canvas放射线动画】在线演示:HTML5 Canvas放射线动画DEMO演示 源码下载:HTML5 Canvas放射线动画 | HTML5资源教程这是一款基于HTML5 Canvas的放射线动画,实现这款动画的思路也比较简单,先是根据数学图形公式构造放射线绘制的路径,然后利用HTML5将射线绘制在Canvas上,并在射线上绘制随机的颜色,这样整个射线图形看上去色彩斑斓。

    HTML5 Canvas放射线动画

  12. 9月05日 08:55SegmentFault(63次阅读/16次分享/6次评论/11次点赞)

    JavaScript 事件循环》文章传送门:听多了JavaScript单线程,异步,V8,便会很想去知道JavaScript是如何利用单线程来实现所谓的异步的。我参考了一些文章,了解到一个很重要的词汇:事件循环(Event Loop)。在这些文章中,有: 阮一峰老师的JavaScri…

    JavaScript 事件循环
  13. 9月08日 13:10IT程序狮(59次阅读/2次分享/2次评论/2次点赞)

    #前端开发那些事#【JS中绑定this的几种方法及简单比较】详见:js中绑定this的几种方法及简单比较 在文章里,作者将从为什么需要绑定 this 说起,并分享绑定 this 的几种方法及简单比较。[喵喵]

    JS中绑定this的几种方法及简单比较

  14. 9月09日 10:01伯乐在线官方微博(59次阅读/19次分享/8次评论/6次点赞)

    《老司机教你如何撩妹:程序员撩妹技术 30 分钟从门到精通》大家都说程序员不会跟女生打交道,甚至程序员被强行打上“性格内向”“表情木讷”的标签,更加给女生“无趣”的印象。(by @熊绎

    程序员撩妹技术 30 分钟从门到精通
  15. 9月06日 20:00伯乐在线官方微博(52次阅读/9次分享/3次评论/7次点赞)

    别工作太长时间,这对你和公司都有好处》在软件公司,永远都有做不完的工作:太多新功能要实现,太多bug要修补。有时候你就是没法快速完成积压的工作,写不够代码量,花太多时间在一个看上去不可能修复的bug上。(@小米云豆粥 译)

    别工作太长时间,这对你和公司都有好处

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流