20160924 前端开发日报-前端开发博客

学好 JS，走哪儿都不怕；实用的60个CSS代码片段；web 图片上传时的一种本地压缩预览方案；手机端 web 开发小记；强大的CSS3动画库animate.css 50多种动画形式；jQuery点击div其他地方隐藏div；rem是如何实现自适应布局的

9月24日 20:56稀土掘金(26次阅读/10次分享/4次评论/6次点赞)

[JS 书单] 学好 JS，走哪儿都不怕 – @zuoninger：最近的 “月饼门” 事件引发了大家的关注，而且抢月饼的脚本是用 JS 写的，屋主感觉有必要分享一篇 JS 图书，但千万别抢月饼去。（笑）分享by：@AleCC 猛戳：
9月24日 13:52IT程序狮(15次阅读/8次分享/3次评论/2次点赞)

#前端开发那些事#【实用的60个CSS代码片段】详见：实用的60个CSS代码片段[转] 在本文中，作者整理了60个实用的 CSS 代码片段，你可以收藏起来便于日后使用。[给力]
9月24日 17:37SegmentFault(13次阅读/14次分享/8次评论/11次点赞)

【web 图片上传时的一种本地压缩预览方案】文章传送门:简介本文结合实际项目场景，记录图片上传时的一种本地压缩预览解决方案。这里的本地预览是指，页面上的图片是读取的本机资源进行展示，而没有通过网络请求加载。实际的项目场景在这阵子的项目开发中需要上传图…
9月24日 14:16SegmentFault(13次阅读/21次分享/4次评论/18次点赞)

【手机端 web 开发小记】传送门:– retina 图片兼容- 手机上的键盘- 页面滚动- flex 问题 ……- meta 标签摘至: please call me HR retina 图片兼容这个 feature 应该不仅仅只关心手机端, 而且还包括PC, 因为苹果不仅仅在手机端 (从 iphone4 开始), 而且在, MAC 上也使用了 retina. 首先, retina 的意思就是, dpr(dev…
9月24日 18:00程序员俱乐部(12次阅读/20次分享/7次评论/6次点赞)

【强大的CSS3动画库animate.css 50多种动画形式】在线演示：强大的CSS3动画库animate.css DEMO演示2015/3/15 星期日源码下载：今天要给大家介绍一款强大的CSS3动画库animate.css，animate.css定义了大概50多种动画形式，包括淡入淡出，文字飞入、左右摇摆动画等等。使用animate.css也非常简单，你可以给页面上的任意元素，特别是文字添加各种神奇的动画特效，一起来尝试一下吧。
9月24日 08:00前端开发博客(11次阅读/24次分享/4次评论/8次点赞)

#jQuery#【jQuery点击div其他地方隐藏div】首先点击显示某个div，然后要求再次点击时消失，或者点击document的其他地方会隐藏掉这个层，涉及到冒泡的问题，阻止document冒泡到dom上。代码如下：var $el = $(".search-more,…请戳→ #前端开发博客#
9月24日 12:00前端开发博客(8次阅读/28次分享/8次评论/13次点赞)

#rem#【rem是如何实现自适应布局的？】rem是相对于根元素，这样就意味着，我们只需要在根元素确定一个px字号，则可以来算出元素的宽高。本文讲的是如何使用rem实现自适应 #前端开发博客#
9月24日 16:30实验楼官方微博(8次阅读/11次分享/2次评论/3次点赞)

#IT实战项目课程#【HTML5 本地裁剪图片】该项目实现利用HTML5的cancas技术，结合HTML5的File API来实现图片的本地裁剪[给力] ，前端小伙伴的练手好项目[围观] ，课程地址：HTML5 本地裁剪图片 – 实验楼
9月24日 20:16稀土掘金(7次阅读/8次分享/1次评论/1次点赞)

#掘金原创# 你需要了解深度学习和神经网络这项技术吗？ – 有一次，我和 Vito（我的合伙人）聊起了当下热门的几种技术趋势。当谈及它们在未来可能的发展前景的时候，Vito 说了下面的一段话…….作者：@张铁蕾戳：
9月24日 16:00前端开发博客(5次阅读/8次分享/1次评论/5次点赞)

#编辑器#【Autoprefixer:CSS3自动补全插件】Autoprefixer是一个后处理程序，不象Sass以及Stylus之类的预处理器。它适用于普通的CSS而不使用特定的语法。可以轻松跟Sass以及Stylus集成，正是由于它是CSS编译后运行。 #前端开发博客#
9月24日 10:30IT程序狮(4次阅读/10次分享/5次评论/2次点赞)

#前端技术#【WeChat小程序开发资源 Awesome 大搜集】详见： WeChat 小程序资源汇总整理。涵盖微信 Web 开发者工具收集，WeApp 教程收集，站点收集和代码实例等内容。转需收藏！[给力]
9月24日 17:00程序员俱乐部(4次阅读/15次分享/2次评论/6次点赞)

【HTML5 Canvas可拖动的弹性大树摇摆动画】在线演示：源码下载：今天让我们继续来分享一个炫酷的HTML5动画，它是一款基于HTML5 Canvas的大树摇摆动画，这款HTML5动画的特点是我们可以拖拽树枝，从而让整棵树摇摆起来，这样就真实地模拟了大树从摇摆到静止的整个过程，相当逼真。
9月24日 22:00开发者头条(4次阅读/4次分享/1次评论/2次点赞)

[译] Generators and Channels in JavaScript 分享自 @Tw93 开通的独家号《Tw93的独家号》原文 https://medium.com/javascript-inside/generators-and-channels-in-javascript-594f2cf9c16e 主题 JavaScript IntroductionThe following shoul…
9月24日 18:48开发者头条(4次阅读/7次分享/1次评论/4次点赞)

怎么开发并发布一个可用的 JavaScript 模块？ by 小薇分享自 @工具分享开通的独家号《在线工具》 Javascript 那么流行,作为一个前端开发者,或者前端入门者,发布一个正式可用的 Javascript 模块,对于自己来说应该成长很大。下面就以一个简单的 Javascript 模块 filesiz…
9月24日 11:07SegmentFault(4次阅读/7次分享/2次评论/3次点赞)

【通过时间扭曲实现缓动动画】文章传送门:通过时间扭曲实现缓动动画经常会见到各类缓动函数，在CSS里面有现成的bounce、elastic等缓动效果直接用。如果在canvas动画中，我们要实现这些缓动函数。直接去思考怎么处理挺头疼的，介绍一种不错的实现方式，源…
9月24日 09:56SegmentFault(4次阅读/9次分享/3次评论/2次点赞)

【在 Foundation 框架中的度量值和单位】在 iOS 10 和 macOS 10.12 里的 Foundation 框架，新出了一系列将度量单位模型化的类型……本文将会举例向你展示用法，文章传送门:作者：Ole Begemann，原文链接，原文日期：2016-07-28译者：粉红星云；校对：saitjr；定稿：CMB 文章更新日志: 2016/06/30 增加了一个“不足之处”小节，主要关于语法冗长。还有很少一部分内容的重写。 2016/08/02 …
9月24日 13:43HTML5中国(4次阅读/17次分享/8次评论/12次点赞)

【CSS3 复选框动画特效】 CSS3 复选框动画特效
9月24日 21:39前端大全(2次阅读/15次分享/3次评论/11次点赞)

《列表组件抽象（5）：简洁易用的表格组件》其中tableView是表格组件的核心。tableDrag和tableOrder是我写的两个插件，分别让表格支持列宽调整和自动生成序号列。tableDefault目前的作用仅仅是简化插件的配置。（by 流云诸葛）
9月24日 15:43HTML5中国(2次阅读/29次分享/11次评论/21次点赞)

【CSS3 毛玻璃效果】毛玻璃效果做的好能使页面显得非常生动立体。
9月24日 16:34外刊IT评论(2次阅读/3次分享/1次评论/2次点赞)

【HTML 5 的自定义 data-* 属性和jquery的data()方法的使用】人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是，你不知道将来会不会有其它脚本把你的自定义属性给重置掉，此外，你这样做也会导致html语法上不符合Html规范，以及一些其它副作用。这就