移动端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-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中,暂时还没有被广泛的使用。

杂谈

扫描二维码

最近一直瞎忙,天气也变的忽冷忽热,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官方教程 上其他的用法也很好懂.