Web技术

通过Node.js和Socket.io来实现手机的远程控制

扫描二维码

Demo    Download

用手机来实现远程控制是不是很酷？你不需要去写一个APP应用来实现这种功能-现在的手机浏览器已经支出了web socket技术，这提供了很多的可能。
这篇文章我们将用Node.js和Socket.io来实现手机控制PC的效果。

Hybrid App开发技巧

扫描二维码

框架推荐

  • Reapp
    Reapp 与 React Native 有着惊人的相似之处，二者都使用 React 来创建应用程序用户界面的框架。然而，在底层机制上这两个框架之间却具有明显的哲学差异。React Native 将 React 组件绑定到原生 UI 控件中，构建与设备操作系统匹配的界面。而 Reapp 却是将 React 组件绑定到一个跨平台的 UI-Kit 来创建混搭应用。

移动端web开发技巧

扫描二维码

这是一个最好的时代，因为我们站在潮流中；但也是一个最坏的时代，因为我们站在潮头上。

META相关

1. 添加到主屏后的标题（IOS）

<meta name="apple-mobile-web-app-title" content="标题">

2. 启用 WebApp 全屏模式（IOS）

当网站添加到主屏幕后再点击进行启动时，可隐藏地址栏（从浏览器跳转或输入链接进入并没有此效果）

<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta name="apple-touch-fullscreen" content="yes" />

<picture>-浏览器内置的响应式标签（翻译）

扫描二维码

<picture>标签介绍

<picture>标签提供可声明式的方式来加载图片。网页开发者不必非要用CSS和JS来处理响应式的图片加载。用这种方式的好处是提高加载速度—尤其是在移动端时网络情况不好的时候。

随着新的属性 srcset、sizes加入到<img>标签，<picture>标签给网页开发者更多的灵活性来定义图片的源。书写清晰的标记来让浏览器检测到下面不同的标记，忽略还是加载，来支持响应式设计并提高加载的时间：

Bootstrap的12栅格

扫描二维码

对使用bootstap的12栅格是什么？对col-xs-6、col-sm-6、col-md-6、col-lg-6所代表的含义又是什么？

首先，bootstrap是移动优先的，记住这个概念，对理解那几个列定义有用处。

Polymer 前端开发框架

扫描二维码

初识

Polymer 是在 Google I/O 2013 发布的一个新的 Web UI 框架。2015-5-29日，也就是昨天在Google I/O 2015将Polymer升级到了1.0版本。Polymer的核心原则是 “Everything is an element”。它是一款实用、基于事件驱动、封装性和互操作性强的 Web UI 开发框架。

在了解 Polymer 之前，如果你没有了解过 Web Components ，推荐去了解下 Web Components 规范。可以通过 Web Components Wiki了解，Polymer 用到的有 Shadom Dom,Custom Elements,HTML Imports 等 Web Components 技术。

Chrome Notification

扫描二维码

Chrome在42+的版本上支持了Notification的功能，这个功能不是基于chrome插件和chrome扩展的，而是基于chrome的
service work功能，一个运行在chrome后台的服务，再利用chrome的Google Cloud Messaging for Android、 Cloud Messaging for Chrome
提供的服务来实现，用网页也能提醒到用户的通知功能, 也支持android系统的手机，需要安装chrome42+。

https原理

扫描二维码

一、什么是HTTPS

在说HTTPS之前先说说什么是HTTP，HTTP就是我们平时浏览网页时候使用的一种协议。HTTP协议传输的数据都是未加密的，也就是明文的，因此使用HTTP协议传输隐私信息非常不安全。为了保证这些隐私数据能加密传输，于是网景公司设计了SSL（Secure Sockets Layer）协议用于对HTTP协议传输的数据进行加密，从而就诞生了HTTPS。SSL目前的版本是3.0，被IETF（Internet Engineering Task Force）定义在RFC 6101中，之后IETF对SSL 3.0进行了升级，于是出现了TLS（Transport Layer Security） 1.0，定义在RFC 2246。实际上我们现在的HTTPS都是用的TLS协议，但是由于SSL出现的时间比较早，并且依旧被现在浏览器所支持，因此SSL依然是HTTPS的代名词，但无论是TLS还是SSL都是上个世纪的事情，SSL最后一个版本是3.0，今后TLS将会继承SSL优良血统继续为我们进行加密服务。目前TLS的版本是1.2，定义在RFC 5246中，暂时还没有被广泛的使用。

前端开发机遇

扫描二维码

对HTML 5这项诞生于2008年的标准来说，其正在经历最好的时代。

随着万维网联盟（W3C）宣布规范制作完成，越来越多的互联网企业将目光头向了HTML5，这一被苹果前CEO乔布斯所热捧的标准。
游戏开发者则更早地进入这一领域。有研究报告显示，2014年第四季度以来，有60%的游戏行业从业者已经投入或准备投入开发HTML5为基础的游戏，并对其前景表示乐观的态度。