专栏首页腾讯大数据的专栏iOS 9对前端做了什么?

iOS 9对前端做了什么?

随着9月25日iPhone6s的发货,早已预订的人是不是心里开始有点小激动了。那么它的到来对于前端来说有哪些新东西?

Force Touch

针对此次的3D Touch 页面中多了三个事件,当然了,以下事件请自带webkit前缀 1. mouseforcewillbegin 2. mouseforcedown 3. mousefoeceup

Javascript代码

看字面意思就能理解了,用法和其他事件一样,只是奇怪为何不起名为forcetouchdown,forcetouchup ??

backdrop-filter

iOS9 中的Safari支持背景模糊这个CSS属性

CSS代码

效果如下:

CSS Supports

iOS9中,CSS也可以做一些特性检测,即@supports,用法和media query一样简单,例如

CSS代码

当然也可以用Javascript检测

Javascript代码

CSS Scroll Snapping

HTML代码

CSS代码

这个属性是干嘛的,看下面的图就知道了,除了从最后变换到起始位置不是很自然以外,中间的过程是不是屌屌的?!

Split View

分屏模式,在这种模式下,浏览器可能会呈现如下三种状态(头疼的事情就来了)

1. 以1/3屏幕宽度呈现

2. 以1/2屏幕宽度呈现

3. 以2/3屏幕宽度呈现

Picture in Picture

JS有了判断画中画的API,可以让我们主动切换视频的展示模式,如下:

Javascript代码

本文分享自微信公众号 - 腾讯大数据(tencentbigdata)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2015-10-09

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • APP 精细化运营中,动态运营是关键!

    腾讯移动分析(MTA)首家推出可视化埋点功能,方便App运营者可视化配置数据埋点,简化原有数据代码、审核、发布上架流程;快捷配置,即时生效,精细化运营瞬间加速。

    腾讯大数据
  • 解读《微信用户数据报告》的正确姿势

    本文由“我道(myfaithmyroad)”授权转载 作者:刘志斌,字炫材,清华博士毕业,先后在盛大创新院、百度、腾讯任职。目前为微信大数据架构师,研究内容覆...

    腾讯大数据
  • 浅谈大数据应用研究的3个V

    To knowledge是目标,手段还是mining,俗称数据民工。每当大家讲到大数据,都会不约而同的提到大数据几个V的定义:Volume,Variety,Ve...

    腾讯大数据
  • Python 利用socket 实现 s

        主机A---->主机B(80)--->主机C(22), A通过B的80访问主机C131 

    py3study
  • 干货:前端开发指南Front-End-Develop-Guide

    这份文件包含一系列用于面试审查求职者(候选人)的前端面试问题。这并不推荐把每个问题都问在同一个求职者(因为这会花几个小时的时间)。从列表中抽取一些问题能够帮助你...

    前朝楚水
  • Python web框架开发 - WSGI协议

    前面我利用TCP协议,返回HTTP数据的方法,实现了web静态页面返回的服务端功能。 但是这样并不能满足大部分的功能需求。

    Devops海洋的渔夫
  • MobX 和 React 十分钟快速入门

    这个教程将在十分钟内向你详解 MobX 的所有重要概念。MobX 是一个独立的库,但是大部分人将它和 React 共同使用,所以本教程将重点讲解他们的结合使用。

    疯狂的技术宅
  • 从Densebox到Dubox:更快、性能更优、更易部署的anchor-free目标检测

    最近 Anchor-free (no-prior box)的概念又重新火热起来,anchor-free的概念从2015年densebox, yolov1开始出...

    Amusi
  • 医学生物信息学文献第2期:肿瘤微环境

    肿瘤内刺激树突状细胞(SDC)在刺激细胞毒性T细胞和诱导抗肿瘤免疫反应中起着重要的作用。 了解调节它们在肿瘤微环境(TME)中的丰度的机制可以揭示新的治疗机会。...

    DoubleHelix
  • 短视频旋转图像,原来如此简单!不用编辑器,1键搞定

    但是有时候竖屏拍摄的图像,或者横屏拍摄的图像想要进行旋转,做一些特效,进行二次加工的时候,需要耗费很多的时间。

    程序员小助手

扫码关注云+社区

领取腾讯云代金券