20160907 前端开发日报

HTML5 Canvas瀑布动画 超逼真;3 分钟掌握 CSS Flexbox;javascript高阶函数的应用;underscore 源码解读之 bind 方法的实现;优秀的移动端UI应当如何用微交互打磨细节;中英文简历撰写排版指南

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

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

    HTML5 Canvas瀑布动画 超逼真
  2. 9月07日 08:20IT程序狮(27次阅读/7次分享/1次评论/4次点赞)

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

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

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

    javascript高阶函数的应用
  4. 9月07日 09:03前端大全(16次阅读/6次分享/3次评论/7次点赞)

    underscore 源码解读之 bind 方法的实现》前文介绍了下 ES5 中的 bind 方法以及使用场景。毕竟 bind 是 ES5 的东西,低版本 IE 不支持。今天就根据 underscore 的实现,来聊一聊如何实现一个 bind 的 polyfill。(by @韩子迟

    underscore 源码解读之 bind 方法的实现
  5. 9月07日 08:45设计的那些事(14次阅读/3次分享/1次评论/2次点赞)

    优秀的移动端UI应当如何用微交互打磨细节?》著名魔术师 Dariel Fitzkee 曾经说过:“魔术是表演和细节的艺术。”设计师大多能够很好的控制设计的大方向,但是细节处理不当的话,会让优秀的设计方案功亏一篑,要不怎么说“细节当中藏有魔鬼”呢?(by 陈子木 译)

    优秀的移动端UI应当如何用微交互打磨细节
  6. 9月07日 09:00稀土掘金(9次阅读/6次分享/4次评论/4次点赞)

    中英文简历撰写排版指南 – 排版好看是很重要的加分项。分享by 彷梓 详戳→
  7. 9月07日 08:19稀土掘金(8次阅读/14次分享/2次评论/5次点赞)

    使用 Webpack 命令行工具: Webpack-Dashboard – webpack-dashboard 是用于改善开发人员使用 webpack 时控制台用户体验的一款工具。原创by Wenjie 详戳→
  8. 9月07日 11:45开发者头条(8次阅读/2次分享/1次评论/1次点赞)

    腾讯 QMUI Web 框架更新至 1.2.2,带来基础组件全新默认样式 分享自 @Kayo 开通的独家号《Kayo的独家号》 腾讯QMUI Web 框架更新至 1.2.2,带来基础组件全新默认样式 Kayo5994· 几秒前 · 3 次点击 QMUI Web 是一个专注 Web UI 开发,帮助开发者快速实现特定的…
  9. 9月07日 16:10IT程序狮(8次阅读/1次分享/1次评论/1次点赞)

    #移动开发#【React Native:那些开始之前应该知道的知识点】详见: 本文记录了根据笔者日常开发总结而来的,你应该格外注意而又没有在文档中强调的细节要点。[围观]本文翻译自React Native: Things I wish I knew before starting out.,从属于笔者的ReactNative 入门与最佳实践系列文章。 React Native 是个非常优秀的项目,不过鉴于其仍处于不断地演进开发中,我们可能阅读到…

    那些开始之前应该知道的知识点
  10. 9月07日 08:15设计的那些事(7次阅读/1次分享/1次评论/1次点赞)

    Spotify官网的用户体验变迁》网页设计在过去10年间沧桑巨变。本文中,我们来研究这些年的Spotify官网,讨论其中的关键变化。(by 可乐橙 译)

    Spotify官网的用户体验变迁
  11. 9月07日 08:00InfoQ(7次阅读/1次分享/1次评论/1次点赞)

    CNUTCon2016倒计时2天,精彩一触即发!】CNUTCon2016后天就开始啦!50个可供参考的容器和微服务落地案例,都在这里了!更有Netflix、Mesosphere、Docker公司等大牛莅临现场,今天最后一天报名时间,再不报名就真来不及啦!

    CNUTCon2016倒计时2天,精彩一触即发
  12. 9月07日 08:01稀土掘金(6次阅读/6次分享/2次评论/1次点赞)

    Glide 源码导读 – 了解一下 Glide 中的主要概念,跟一下图片加载流程,如果你需要阅读 Glide 源码的话,应该多少会有点帮助。原创by@angeldevil17 详戳→
  13. 9月07日 13:00程序员俱乐部(6次阅读/14次分享/2次评论/5次点赞)

    使用 Python 创建你自己的 Shell (上) 我很想知道一个 shell (像 bash,csh 等)内部是如何工作的。于是为了满足自己的好奇心,我使用 Python 实现了一个名为yosh (Your Own Shell)的 Shell。本文章所介绍的概念也可以应用于其他编程语言。 (提示:你可以在这里查找本博文使用的源代码,代码以 MIT 许可证发布。在 Mac OS X 10.11.5 上,我使用 Python 2.7.10 和 3.4.3 进行了测试。它应该可以运行在其他..

    使用 Python 创建你自己的 Shell (上)
  14. 9月07日 12:00开发者头条(6次阅读/1次分享/1次评论/1次点赞)

    [礼物]【@开发者头条 今日新书】《高性能Docker》 快来兑换吧!头条不止是阅读,还有分享,更有IO币!下载地址:【@开发者头条 今日新书】《迈向Angular 2:基于TypeScript的高性能SPA框架》 O网页链接 快来兑换吧!头条不止是阅读,还有分享,更有IO币!下载地址:O网页链接 û…
  15. 9月07日 17:41HTML5中国(5次阅读/23次分享/3次评论/6次点赞)

    css处理水平居中问题 水平居中设置-行内元素

    css处理水平居中问题
  16. 9月07日 13:00开发者头条(5次阅读/3次分享/1次评论/1次点赞)

    流形学习简单介绍 分享自 @学算法的码农 开通的独家号《学算法的码农的独家号》 流形学习(manifold learning)是机器学习、模式识别中的一种方法,在维数约简方面具有广泛的应用。它的主要思想是将高维的数据映射到低维,使该低维的数…
  17. 9月07日 19:57SegmentFault(4次阅读/14次分享/5次评论/3次点赞)

    首屏渐进式渲染设想】本文是关于 HTML 渲染的首屏优化,主要针对 web app 这种相对交互较多的应用场景,文章传送门:这篇文章是关于 HTML 渲染的首屏优化的,主要是针对 web app 这种相对交互较多的应用场景,首屏优化主要为了改善用户对于页面的感知,而服务端渲染(SSR)是 web app 优化首屏依赖的重要手段. 昨晚录了视频, 解释了一…

    首屏渐进式渲染设想
  18. 9月07日 09:35SegmentFault(3次阅读/8次分享/1次评论/2次点赞)

    使用 Swift 进行 JSON 解析使用 Swift 解析 JSON 是件很痛苦的事。你必须考虑多个方面:可选类性、类型转换、基本类型(primitive types)、构造类型(constructed types)(其构造器返回结果也是可选类型)、字符串类型的键(key)以及其他一大堆问题……作者:Soroush Khanlou,原文链接,原文日期:2016-04-08译者:Lanford3_3;校对:pmst;定稿:CMB 使用 Swift 解析 JSON 是件很痛苦的事。你必须考虑多个方面:可选类性、类型转换、基本类型(primitive types)…

    使用 Swift 进行 JSON 解析
  19. 9月07日 17:30程序员俱乐部(3次阅读/30次分享/6次评论/25次点赞)

    18 行 JS 代码编一个倒时器 有时候在生活中,你需要一个JavaScript倒计时时钟,而不是一个末日装置设备。不管你是否有一次约会,销售、促销、或者游戏,你可以受益于使用原生JavaScript构建一个时钟,而不是拿到一个现成的插件。虽然有许多很棒的时钟插件,但如果使用原生 JavaScript 实现,那你将得到以下好处: 代码将是轻量级的,因为它没有依赖关系。 你的网站会表现得更好,因为你不需要加载外部脚本和样式表。 你将会有更高的可控性,因为你将按照想..

    18 行 JS 代码编一个倒时器
  20. 9月07日 19:41HTML5中国(3次阅读/11次分享/1次评论/8次点赞)

    运动曲线提升CSS动画效果(上)先有UI动画,然后才会有好的UI动画。好的动画会让人惊叹“哇哦!”——因为页面看上去很流畅、很漂亮,最重要的是,自然,一点都不会让人觉得不和谐或者僵硬死板。如果你经常逛Dribbble或者 UpLabs这类网站的话,你 …

    运动曲线提升CSS动画效果(上)

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

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


关注我

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

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

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