20161204 前端开发日报

前端程序员应该知道的 15 个 jQuery 小技巧;CSS3 Animation 属性众妙;糟糕的Web用户体验集锦;javascript中的错误处理;微信小程序脚手架工具;探秘 vue-rx 2.0;js判断浏览器及操作系统类型;promise 介绍——基础篇

  1. 前端程序员应该知道的 15 个 jQuery 小技巧 下面这些简单的小技巧能够帮助你玩转jQuery。 返回顶部按钮 预加载图像 检查图像是否加载 自动修复破坏的图像 悬停切换类 禁用输入字段 停止加载链接 切换淡入/幻灯片 简单的手风琴 让两个div高度相同 在新标签页/窗口打开外部链接 通过文本查找元素 在改变Visibility时触发 AJAX调用错误处理 链式插件…

    前端程序员应该知道的 15 个 jQuery 小技巧
  2. #前端技术#【CSS3 Animation 属性众妙】详见: 在本文中,我们将结合实际的开发经验,介绍 CSS3 Animation 属性的一些使用场景及技巧,让你深入了解 CSS3 动画属性。[给力]

    CSS3 Animation 属性众妙
  3. 糟糕的Web用户体验集锦】文章列举了一系列到了2016年依然存在的糟糕的Web用户体验。尤其是福布斯网站,在读文章前得强迫你读一条今日名言警句。 | 简评: 原链: #湾区日报#
  4. javascript中的错误处理】这是关于JavaScript中异常处理的故事。如果你相信墨菲定律,那么任何事情都可能出错,不,一定会出错!这篇文章中我们来看下JavaScript中的出错处理。文章会覆盖异常处理使用的正反例,然后看下ajax的异步处理。

    javascript中的错误处理
  5. 微信小程序脚手架工具 by lisniuse一、简介 一款微信小程序脚手架工具,帮助你快速开发微信小程序应用。 目前有两个功能: 快速构建初始项目架构。 把wxdad语法快速编译成wxml和wxjs文件,帮助开发者急速开发。 二、完整使用教程: 完整使用教程请戳链接:(每次更新新版本都会第一时间在这个地址发布最新的使用教程) http:…
  6. 探秘 vue-rx 2.0》与早期版本不同,vue-rx 2.0在Vue实例上添加了一个subscriptions属性,里面放置各种待绑定的Observable,用的时候类似data。(by @民工精髓V )

    探秘 vue-rx 2.0
  7. #JavaScript#【js判断浏览器及操作系统类型】ua = navigator.userAgent.toLowerCase(),check = function(r){ return r.test(ua);},isStrict = document.compatMode == CSS1Compat,isOpera = check(/opera/),isChrome = check…请戳→ #前端开发博客#

    js判断浏览器及操作系统类型
  8. promise 介绍——基础篇】, 文章传送门: 前言 Promise,相信每一个前端工程师都或多或少地在项目中都是用过,毕竟它早已不是一个新名词。ES6中已经原生对它加以支持,在caniuse中搜索一下Promise,发现新版的chrome和firefox也已经支持。但是低版本的浏…

    promise 介绍——基础篇
  9. 使用Fetch API和ES6生成器构建异步API】ECMAScript 6为JavaScript带来了大量的新特性,其中包括新增的Fetch API,它致力于取代作为当前远程资源通信基础的XMLHttpRequest。本文介绍了如何结合Fetch API和生成器来构建异步API。

    使用Fetch API和ES6生成器构建异步API
  10. #CSS#【CSS预处理器框架与CSS后后处理器框架】CSS预处理器典型代表:SASS、Less、Stylus。CSS后处理器典型代表:cssnext(基于 PostCSS) 、myth(基于 Rework)SASS、Less、Stylus变量//Less@linkcolor: #61c;//Scss$linkc…请戳→ #前端开发博客#

    CSS预处理器框架与CSS后后处理器框架
  11. Neofetch :带发行版 Logo 图像的系统信息显示工具 » 译者:Yinux » 它的主要特点有:运行速度快,可以显示全色图像 —— 用 ASCII 字符显示的发行版 logo ,旁边显示系统信息,可以高度定制,可以随时随地显示系统信息…

    Neofetch :带发行版 Logo 图像的系统信息显示工具
  12. 构建流式应用:RxJS 详解 by joeyguo原文地址 最近在 Alloyteam Conf 2016 分享了《使用RxJS构建流式前端应用》,会后在线上线下跟大家交流时发现对于 RxJS 的态度呈现出两大类:有用过的都表达了 RxJS 带来的优雅编码体验,未用过的则反馈太难入门。所以,这里将结合自己对 RxJS 理解,通过 RxJS 的实现原理、基础实现及实例来一步步分析,提…
  13. 【CoreOS 收购 Kubernetes版Git — Redspread】本文简要介绍了 Redspread,可以实现对 Kubernetes 集群的修改和备份等功能,相当于 Kubernetes 界的 Git,但与 Git 又有所区别。而被CoreOS收购后,Spread 也会被集成到 Tectonic 中。

    CoreOS 收购 Kubernetes版Git — Redspread
  14. 《spacecommander:以统一格式将Object-C代码commit到git仓库的工具》Space commander为iOS开发团队提供了一个,无需任何手动修改,以统一格式将OC代码commit到git仓库的工具。 ( 本资源由 @西西里的仔仔 整理,您也想贡献一份力量?欢迎加入我们 »

    以统一格式将Object-C代码commit到git仓库的工具
  15. 流动的数据——使用 RxJS 构造复杂单页应用的数据逻辑》WebSocket推送则用来保证我们前端缓存的正确性。但是我们需要注意到,WebSocket的编程方式跟AJAX是不一样的,WebSocket是一种订阅,跟主流程很难整合起来,而AJAX相对来说,可以组织得包含在主流程中。(by @民工精髓V )

    流动的数据——使用 RxJS 构造复杂单页应用的数据逻辑
  16. 也谈 HTTPS:HTTPDNS + HTTPS by alswl

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

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


关注我

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

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

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