20160924 前端开发日报

本期热门文章:1) 学好 JS,走哪儿都不怕 2) 实用的60个CSS代码片段 3) web 图片上传时的一种本地压缩预览方案 4) 手机端 web 开发小记 5) 强大的css3动画库animate.css 50多种动画形式 6) jQuery点击div其他地方隐藏div 7) rem是如何实现自适应布局的 8) HTML5 本地裁剪图片

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

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

    #前端开发那些事#【实用的60个CSS代码片段】详见:实用的60个CSS代码片段[转] 在本文中,作者整理了60个实用的 CSS 代码片段,你可以收藏起来便于日后使用。[给力]
    实用的60个CSS代码片段

  3. 9月24日 17:37SegmentFault(13次阅读/14次分享/8次评论/11次点赞)

    web 图片上传时的一种本地压缩预览方案】文章传送门:简介 本文结合实际项目场景,记录图片上传时的一种本地压缩预览解决方案。这里的本地预览是指,页面上的图片是读取的本机资源进行展示,而没有通过网络请求加载。 实际的项目场景 在这阵子的项目开发中需要上传图...
    web 图片上传时的一种本地压缩预览方案
  4. 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...
    手机端 web 开发小记
  5. 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也非常简单,你可以给页面上的任意元素,特别是文字添加各种神奇的动画特效,一起来尝试一下吧。
    强大的CSS3动画库animate.css 50多种动画形式
  6. 9月24日 08:00前端开发博客(11次阅读/24次分享/4次评论/8次点赞)

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

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

    #IT实战项目课程#【HTML5 本地裁剪图片】该项目实现利用HTML5的cancas技术,结合HTML5的File API来实现图片的本地裁剪[给力] ,前端小伙伴的练手好项目[围观] ,课程地址:HTML5 本地裁剪图片 - 实验楼
    HTML5 本地裁剪图片

  9. 9月24日 20:16稀土掘金(7次阅读/8次分享/1次评论/1次点赞)

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

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

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

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

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

    通过时间扭曲实现缓动动画】文章传送门:通过时间扭曲实现缓动动画 经常会见到各类缓动函数,在CSS里面有现成的bounce、elastic等缓动效果直接用。如果在canvas动画中,我们要实现这些缓动函数。直接去思考怎么处理挺头疼的,介绍一种不错的实现方式,源...
    通过时间扭曲实现缓动动画
  16. 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 ...
    在 Foundation 框架中的度量值和单位
  17. 9月24日 13:43HTML5中国(4次阅读/17次分享/8次评论/12次点赞)

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

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

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

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

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

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

原文链接:20160924 前端开发日报 版权所有,转载时请注明出处,违者必究。
注明出处格式:前端开发博客 (http://caibaojian.com/fe-daily-20160924.html)

发表评论

请登录后发表评论: