话题
villainthr HTML&h5
Service Worder 是用来代替 manifest,用来生成缓存的效果的。以前吭哧吭哧的学 manifest [https://segmentfault.com/a/1190000004486660] 的时候,就发现 MD 好难用。而且 MDN 特意告诉你, manifest 有毒 [http://manifest-validator.com/] ,请不要乱用,保不定后面不支持。今儿,我看了下兼容性,呵呵~ hehe [http://static.zybuluo.com/jimmythr/mkxjlplw8rzgec5mzqqd9g6d/comMan.png] 人生苦短,及时享乐,前端真坑,不敢乱学。 前方高能,如果觉得生活没有趣味可以继续看下去,会让你的人生更没有趣味。如果觉得凑合能过,请 ctrl/command + w 。 继续~ ...显示全部
1 年前发表 802次浏览 0条评论 0次收藏
villainthr HTML&h5
摘自 前端小吉米 [https://www.villainhr.com/page/2017/01/08/Web 推送技术] 伴随着今年 Google I/O 大会的召开,一个很火的概念--Progressive Web Apps 诞生了。这代表着我们 web 端有了和原生 APP 媲美的能力。但是,有一个很重要的痛点,web 一直不能使用消息推送,虽然,后面提出了 Notification API,但这需要网页持续打开,这对于常规 APP 实现的推送,根本就不是一个量级的。所以,开发者一直在呼吁能不能退出一款能够在网页关闭情况下的 web 推送呢? 现在,Web 时代已经到来! 为了做到在网页关闭的情况下,还能继续发送 Notification,我们就只能使用驻留进程。而现在 Web 的驻留进程就是现在正在大力普及的 Service Worker ...显示全部
1 年前发表 1352次浏览 0条评论 0次收藏
link ,除了分享,也是知识管理。 Node.js全栈
什么是ZOOKEEPER Zookeeper 是一个分布式的、开源的协调服务,用在分布式应用程序中。它提出了一组简单的原语,分布式应用程序可以基于这些原语之上构建更高层的分布式服务用于实现同步、配置管理、分组和命名等。Zookeeper 设计的容易进行编程,它使用一种类似于文件系统的目录树结构的数据模型,以 java 方式运行,有 java 和 c 的绑定(binding)。 分布式系统中的协调服务总所周知地难于正确实现,尤其容易产生诸如争用条件 (race conditions)、死锁(deadlock) 等错误。Zookeeper 背后的动机就是减轻分布式应用程序从头做起实现协调服务的难度。 数据模型 Zookeeper 会维护一个具有层次关系的数据结构,它非常类似于一个标准的文件系统,如下图所示: Zookeeper 数据结构 [http://img.blog.csdn.net/20160719230154255]Zookeeper 这种数据结构有如下这些特点: ...显示全部
1 年前发表 2142次浏览 2条评论 1次收藏
link ,除了分享,也是知识管理。 javascript
行业新闻 1. Facebook开源跨平台前端布局引擎Yoga [http://www.infoq.com/cn/news/2016/12/Facebook-open-front-end-Yoga?utm_campaign=infoq_content>utm_source=infoq>utm_medium=feed>utm_term=global] 不同于其它的一些布局框架,比如bootstrap的栅格系统或Masonry,它们要么不够强大,要么不支持跨平台。Yoga遵循了Flexbox规范,同时又将布局元素抽象成Node,为各个不同平台暴露出一组标准的接口,这样不同的平台只需实现这些接口就可以了。 1. 盘点2016年互联网界发生的十大事件 [http://www.infoq.com/cn/news/2016/12/Inventory-10-Internet-2016?utm_campaign=infoq_content>utm_source=infoq>utm_medium=feed>utm_term=global] 2016年年度互联网界大事件盘点 ...显示全部
1 年前发表 647次浏览 0条评论 0次收藏
caorich React
首先看ReactCSSTransitionGroup的使用方法,详细的看 这里 [https://facebook.github.io/react/docs/animation.html] 。 使用配置如下: <ReactCSSTransitionGroup transitionName={{ enter:'itemEnter', leave:'itemLeave', appear:'itemAppear', enterActive:'itemEnterActive', leaveActive:'itemLeaveActive', appearActive:'itemAppearActive' }} transitionAppear={true} transitionAppearTimeout={500} transitionEnterTimeout={200} transitionLeaveTimeout={200}> {items} ...显示全部
1 年前发表 1369次浏览 0条评论 0次收藏
villainthr HTML&h5
文章摘自: 前端小吉米 [https://www.villainhr.com/page/2016/09/25/前端 fetch 通信] 随着前端异步的发展, XHR 这种耦合方式的书写不利于前端异步的 Promise 回调. 而且,写起来也是很复杂. fetch API 本来是在 SW(ServiceWorkers) 中提出的, 不过, 后面觉得好用, 就把他挂载到 window对象下. 这样, 在前端的正常通信中, 我们也可以直接调用. 但, fetch 毕竟比较新, 看一下他的兼容性. fetch compatiable [http://static.zybuluo.com/jimmythr/kbt9b84xjm4a8vev58nj1ovo/屏幕快照 2016-09-24 15.14.14.png] 在 PC 端上, 就 FF, Opera 和 Chrome 比较 fashion. mobile 的话, 基本上是不能用的. 当然, ...显示全部
1 年前发表 810次浏览 0条评论 0次收藏
朱灵子 javascript
行业新闻 1. TypeScript 2.1发布 [http://www.infoq.com/cn/news/2016/12/TypeScript-2-1-publish?utm_campaign=infoq_content&utm_source=infoq&utm_medium=feed&utm_term=global]TypeScript是微软开发的一个JavaScript的超集,提供了最新的JavaScript特性以及可选的静态类型。近日,TypeScript 2.1发布。该版本提供了功能更为强大的类型检查器,并且让开发人员可以编写出更简洁的代码。 2. 微软欲将手机变成真正的PC ...显示全部
1 年前发表 647次浏览 0条评论 0次收藏
vienwu Node.js全栈
本文内容大部分来自 https://www.joyent.com/node-js/production/design/errors [https://www.joyent.com/node-js/production/design/errors] ,原文比较长,感觉也有点啰嗦,所以根据个人理解猜测梳理出本文,如果有错误欢迎指出,谢谢! 很多人其实不是很重视错误处理,但对于构建一个健壮的nodejs应用,错误处理是非常重要的一件事情,希望本文可以给你一些启发。 先抛出几个问题: 1. 应该用哪种方式暴露错误? throw 、 callback(err, result) 、 Event Emitter 或者其他方式? 2. 如何假设函数的参数?是否应该检测类型正确?非null,IP,QQ号码? 3. 函数参数不符合预期该怎么处理? 4. 应该如何区分不同类型的错误?例如 Bad Request 、 Service Unavailable 5. 应该如何提供有用的错误信息? 6. 应该如何捕获错误?使用 try/catch ,还是 domains 或者其他方式? 一些基础知识 ...显示全部
1 年前发表 862次浏览 0条评论 0次收藏
villainthr HTML&h5
本文属于翻译文章,原文链接为 nginx Beginner’s Guide [http://nginx.org/en/docs/beginners_guide.html] 。是至今为止见过最好的 nginx 入门文章。额。。。没有之一。 这篇教程简单介绍了 nginx 并且讲解了一些 nginx 可以解决的简单任务。这里,我们假设 nginx 已经安装在读者的机器上。如果没有,可以看一下 如何安装 nginx [http://nginx.org/en/docs/install.html] 。这篇教程主要讲解的是如果启用和停止ngixn,和重新加载配置,描述配置文件的基本结构和怎样搭建一个 nginx 静态辅助器,怎样配置 nginx 作为一个代理服务器来。 nginx 有一个主进程和其他子进程。主进程的主要工作是加载和执行配置文件,并且驻留子进程。子进程用来作为实际的请求处理。nginx 采取基于事件的模型和 OS 依赖的机制,在多个子进程之间高效的分配请求。子进程的个数会直接写在配置文件中并且,对于给定的配置可以是固定的,或者根据可用的 CPU ...显示全部
1 年前发表 2643次浏览 0条评论 0次收藏
kurtshen React
译自 react-js-presentational-container-components [http://krasimirtsonev.com/blog/article/react-js-presentational-container-components] ,by Krasimir Tsonev. 当我们开始使用React时,我们很快会开始遇到疑惑。在哪里放置数据,组件间变化如何通信或如何管理状态?问题的答案往往是与场景相关,也有时候只是跟平常使用react库来做的练习与实验有关。 然而,有一种广泛使用并有助于组织基于React的应用模式 —— 将组件拆分为展示(presentational)组件和(container)容器组件。 本文是 React模式 [https://github.com/krasimir/react-in-patterns] 系列的一部分。检出这个仓库来了解在使用React开发应用时使用的更多技术。 ...显示全部
1 年前发表 959次浏览 0条评论 0次收藏
link ,除了分享,也是知识管理。 javascript
行业新闻 1. WebAssembly浏览器预览版收集社区反馈 [http://www.infoq.com/cn/news/2016/11/webassembly-browser-preview?utm_campaign=infoq_content&utm_source=infoq&utm_medium=feed&utm_term=global]WebAssembly的开发已经进入浏览器预览阶段,这是标准化路上的一个重要里程碑。 2. Vue 2.1.0 发布了:新功能 scoped slots [https://gist.github.com/yyx990803/faebe22e8763f5b17572b35ed96f52fe]A scoped slot is a special type of slot that functions as a reusable template (that can be passed data to) instead of already-rendered-elements. ...显示全部
1 年前发表 631次浏览 0条评论 0次收藏
villainthr 工具建设
一开始,在 Web 端,并没有任何可以接触到 clipborad 的内容。以前,我们想要执行 copy/paste/cut 只能借助 flash。但现在,伟大的 H5 又或者说 W3C 推出了关于 H5 操控 clipboard 的草案。最出名的就是两个 API: * document.execCommand() * ClipboardEvent 我们一步一步来了解一下。先来看一下经典 execCommand 的使用。 复制操作 INPUT 复制 我们需要先了解一下,基本的复制过程: * 选中(select) * 复制(command + c || ctrl + c) 实际效果就是: copy_select [http://static.zybuluo.com/jimmythr/ifnhjxs671y193km9xq0jomf/屏幕快照 2016-11-20 15.18.27.png] ...显示全部
1 年前发表 872次浏览 0条评论 1次收藏