移动端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" /> 

激活你的移动端自生长(译)

扫描二维码

技巧和示例帮助你掌握认知、下载、激活和分享你的APP

你已经决定在构建下一个成功的手机APP上花大力气。首先,花点时间思考下是否已经准备好了。这就像一场马拉松式的相扑比赛。如果你有能力闯过上半场,但之后你很有可能在一秒钟之内被内行淘汰掉。

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

扫描二维码

<picture>标签介绍

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

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

Bootstrap的12栅格

扫描二维码

对使用bootstap的12栅格是什么?对col-xs-6col-sm-6col-md-6col-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 ImportsWeb 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中,暂时还没有被广泛的使用。

杂谈

扫描二维码

最近一直瞎忙,天气也变的忽冷忽热,4月份的天气还是这么淘气,害的我要感冒的节奏。
把最近研究的前端技术方面的,分享一下

  • react
    去年底就放出风来说fb搞了个react native的东东,有这么一个大公司做后盾,相信技术肯定也弱不了,
    研究了一下react.js,感觉还是比较亲切,就是一些api还需要熟练,知道大概的思想,还需要实践出真知。
  • 微信订阅号:前端开发知识
    搭上微信的顺风车,也弄了个订阅号玩玩,还是挺有意思的,把自己喜欢的文章和知识分享出来,微信鼓励个人的媒体,
    算是另一种方式的博客吧,现在是快餐式阅读,短而有意思的东西是人们最喜欢看的,上面已经有一些粉丝了,关键还是
    增长是个问题,像这种个人的订阅号发展起来还是很不容易的。

前端开发机遇

扫描二维码

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

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

React.js基础学习之实现移动RSS阅读器实例

扫描二维码


示例

React.js基础说明

React 是”一个用于构建用户界面的 JavaScript 类库”.对应到前端框架MVC的话,是V这一层,只专注于视图这一层,也就是对于数据经常变化而影响视图变化的解决方案。

React 使用的是特殊的 JavaScript 语法, 叫做 JSX.
主要的目标是提供一个能表示 React 内部的 DOM 的符合直觉的语法糖,用更简单封装更好的语法来些React.
React 关于JSX官方教程 上其他的用法也很好懂.