做移动端页面,通常是不用原生的scroll,而是用translate3d来模拟,原因主要是原生的scroll对移动端的支持并不是很好,样式也不好看(有滚动条出现),用translate3d来模拟还可以调用GPU来加速,提高性能。
五一 Windwos Blogs 推了一篇博客, Babylon.js v3.2 发布了。因为一直有想要在自己博客上加载 3D 对象的冲动,这两天正好看到了,就动手研究研究。本人之前也并没有接触过 WebGL ,这方面算是知识盲区,需求完成之后感觉非常炫酷,顺手写篇博客记录下来。不得不说 3D 打印和 VR 慢慢的开始走进平时的生活了,技术的成熟与硬件成本的变低,结合内容跨平台共享与各种简单的 js 框架, WebGL 和 WebVR 很可能就是未来 Web 方向的主流技术。期待美好而炫酷的未来ing Ba
Web 全景在以前带宽有限的条件下常常用来作为街景和 360° 全景图片的查看。它可以给用户一种 self-immersive 的体验,通过简单的操作,自由的查看周围的物体。随着一些运营商推出大王卡等
Apple在iphone6s中推出了的新特性:3D-Touch,由于相关的文档还比较少,我在学习中总结了一下可能有用的功能点。 1. 什么是3D-Touch 虽然Force Touch和3Dtouch依赖的是同种技术,也都基于苹果的Taptic引擎,但3D Touch多了重按,且触摸屏对压力更加敏感。 简而言之: (Peek and Pop): 在App中用户可以使用3D-Touch来提前预览App /网页的下级页面 /在地图上预览地址连接 (Home Screen Quick Action): 在Ho
在iphone6s问世之后,很多果粉都争先要体验3D Touch给用户带来的额外维度上的交互,这个设计之所以叫做3D Touch,其原理上是增加了一个压力的感触,通过区分轻按和重按来进行不同的用户交互。
在开发DeveMobile 与EaseMobile 主题 的时候积累了一些移动Web 开发的前端知识,本着记录总结的目的,特写这篇文章备忘一下。 要说移动Web 开发与传统的PC 端开发,感觉也没什么不同,但得益于苹果对于智能机的推动,CSS3+HTML5几乎可以毫无顾忌的使用,然后浏览器端考虑webkit内核的就差不多了。 webkit内核中一些私有的meta标签 <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="vi
相对于 swiper 插件来讲的话,页面功能不需要太强大的时候,这个比较轻便,如果你有时间的话,你可以做一个。
js1k.com收集了小于1k的javascript小例子,里面有很多很炫很酷的游戏和特效,今年规则又增加了新花样,传统的classic类型基础上又增加了WebGL类型,以及允许增加到2K的++类型,多次想尝试提交个小游戏但总无法写出让自己满意还能控制在这么小的字节范围。 自己写不出来,站在巨人肩膀总是有机会吧,想起《基于HTML5的电信网管3D机房监控应用》这篇提到的threejs,babylonjs和Hightopo的几种基于WebGL的3D引擎,突然想挑战下自己实现个100行JS的3D小游戏,折腾了一
PP助手于去年联合盘古发布iOS9完美越狱工具后,掀起一股越狱的浪潮。事实上,越狱破解主要是给iPhone设备扩展更多的功能和玩法提供一个基础环境,民间众多开发者借助这个环境就可以开发出各种各样iPh
js1k.com收集了小于1k的javascript小例子,里面有很多很炫很酷的游戏和特效,今年规则又增加了新花样,传统的classic类型基础上又增加了WebGL类型,以及允许增加到2K的++类型,
meta基础知识 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 忽略将页面中的数字识别为电话号码 <meta name="format-detection" content="telephone=no" /> 忽略Android平台中对邮箱地址的识
将新手引导框架开源之后,陆续收到不少伙伴们的反馈,其中有一个问题是“引导脚本的自动执行,只能在浏览器上运行,感觉有些鸡肋”。
Facebook聘请苹果15年老将,主管Oculus硬件部门 Facebook聘用了苹果公司15年老员工Michael Hillman,担任Oculus VR部门的硬件负责人。据悉,Hillman曾在
这是一个最好的时代,因为我们站在潮流中;但也是一个最坏的时代,因为我们站在潮头上。 META相关
Xcode如何下载安装或更新呢?打开Mac机上的App Store,搜索Xcode,进行安装或者更新,注意观察下Xcode的更新日志,可以看到当前版本支持的IOS SDK版本。
今天给大家介绍10款有关HTML5移动开发APP开发框架,这几款框架都是比较优秀的移动 Web 开发框架,能够帮助开发者更加高效的开发移动Web应用。.
2D拓扑的应用在电信网管和电力SCADA领域早已习以为常了,随着OpenGL特别是WebGL技术的普及,3D方式的数据可视化也慢慢从佛殿神堂步入了寻常百姓家,似乎和最近高档会所被整改为普通茶馆是一样的
在开发任何移动项目时,要尽可能保持每一种资源尺寸都尽可能的小,以给最终用户提供一个好的体验是非常重要的。在这篇文章中我们已经编制了今年新出炉的 jQuery 移动插件列表,收集了滑块,旋转木马,画廊,
不用盲目的百度和问大神们WebApp 开发使用哪个框架最好?等等问题。在此,小编尽量解答各位的WebApp 问题。根据国内js大神以及有过WebApp 开发经验的前辈们分析,小编推荐下面6款常用的WebApp 开发框架。
到目前为止,互联网行业里,手机越来越智能化,移动端占有的比例越来越高,尤其实在电商,新闻,广告,游戏领域。用户要求越来越高,网站功能越来越好,效果越来越炫酷,这就要求我们产品质量越来越高,web前端开发而言是一个挑战,是一个难题,也是一个机遇。如何让我们所开发的手机页面能有更好的交互体验,就是这篇文章的主旨:移动web开发问题和优化小结。这个只是我自己在开发的时候知道的坑,如果大家有遇到什么别的坑,欢迎补充,或者觉得我哪里写错了,欢迎指点!
Facebook在日前举行的WHC 2019上,展示了一款可用于VR/AR的体感腕带原型:Tasbi。其原理是结合振动和挤压,来模拟虚拟物体的触觉反馈。用户佩戴时,腕带配置的“触器”,可以精确地控制振动频率。然而,该设备不支持手势识别,也不能直接替代Touch控制器。
在开发任何移动项目时,要尽可能保持每一种资源尺寸都尽可能的小,以给最终用户提供一个好的体验是非常重要的。在这篇文章中我们已经编制了今年新出炉的 jQuery 移动插件列表,收集了滑块,旋转木马,画廊,触摸插件,菜单等帮助你创建响应式的,美丽和引人注目的 Web 应用程序。
AR光学技术公司灵犀微光宣布完成千万级A轮融资 今日,AR光学显示技术提供商灵犀微光对外宣布,完成由红杉资本中国基金投资的数千万元的A轮融资。灵犀微光成立于2014年底,着力研发AR设备的瓶颈技术—
2D拓扑的应用在电信网管和电力SCADA领域早已习以为常了,随着OpenGL特别是WebGL技术的普及,3D方式的数据可视化也慢慢从佛殿神堂步入了寻常百姓家,似乎和最近高档会所被整改为普通茶馆是一样的节奏。 3D呈现固然比2D方式更直观,但如果摆放图元布局却比2D麻烦,毕竟增加了一个维度,手工布局不如以前2D手工操作方便,因此3D的自动布局功能比2D凸显其重要性。最近玩了玩HT的弹力自动布局插件挺有意思,特别在平板上Touch方式拖拽三维空间图元节点时,对我这种控制欲较强者很有满足感。 弹力布局也不是啥
简介 这里总结一个简单的npm包搭建,打包,调试,发布的基础点. 涉及内容 npm初始化 package.json 配置 eslint配置 babel配置 rollup打包 包初始化 // 新建包目录 md my-pkg // 进入包目录 cd my-pkg // npm 初始化 npm init -y package.json配置 { name: 'my-pkg', // 包名 main: 'lib/index.js', // 包加载时的入口文件 version: 0.
(adsbygoogle = window.adsbygoogle || []).push({});
有的是内嵌形式的,就是在Unity中显示浏览器的相关内容,有的则是会调用电脑本身的浏览器
网易云音乐 git地址 https://github.com/majunchang/wangYiYun-Music 项目截图 mark mark mark mark mark mark mark m
千呼万唤中,iPhone6S终于掀开了面纱,只不过惊喜并没有想象的那么多,玫瑰金是唯一让其具有真正的区隔度的设计,而功能上的吸引力并没有传说中的“虹膜识别”,Apple Watch抢先试水的压力屏(3D-touch)倒如约而至。不过,尽管AppleWatch首次通过Force Touch功能将压力屏引入消费电子领域,iPhone6S却不是第一款应用压力屏的智能手机,中兴AXON天机mini抢得先机,更早采用了压力屏。那么接下来压力屏会成为智能手机标配吗? 压力屏是什么技术? 压力屏是一种新型的人机交互技术
据外媒Telgraph报道,英国AR/VR医疗培训解决方案公司Touch Surgery,于2019年10月获5400万英镑债务融资,本轮融资主要来自于硅谷银行。该融资资金将用于研发新产品,及发展英国、美国医疗市场。
Nodeppt是一款能将 Markdown 文档转成网页版 PPT 的开源工具,支持图表、流程图、数学符号、自定义主题配色以及样式等。基于 Node.js 编写。遵守MIT开源协议。 当前最新版本 2.2.2。
随着9月25日iPhone6s的发货,早已预订的人是不是心里开始有点小激动了。那么它的到来对于前端来说有哪些新东西? Force Touch 针对此次的3D Touch 页面中多了三个事件,当然了,以下事件请自带webkit前缀 1. mouseforcewillbegin 2. mouseforcedown 3. mousefoeceup Javascript代码 看字面意思就能理解了,用法和其他事件一样,只是奇怪为何不起名为forcetouchdown,forcetouchup back
注意:如果版本不一致,app启动时会弹出版本不一致的提示框,并且可能导致功能异常
前言:本文将围绕:了解什么是全景 --> 怎么构成全景 --> 全景交互原理来进行讲解,手把手教你从零基础实现一个酷炫的Web全景,并讲解其中的原理。小白也能学习,建议收藏学习,有任何疑问,请在评论区讨论,笔者经常查看并回复。
Docker是一个开源的应用容器引擎,可以为我们提供安全、可移植、可重复的自动化部署的方式。Docker采用虚拟化的技术来虚拟化出应用程序的运行环境。如上图一样。Docker就像一艘轮船。而轮船上面的每个小箱子可以看成我们需要部署的一个个应用。使用Docker可以充分利用服务器的系统资源,简化了自动化部署和运维的繁琐流程,减少很多因为开发环境中和生产环境中的不同引发的异常问题。从而提高生产力。 Docker三个核心概念如下:
本文是摘录整理了移动端常见的一些bug以及解决方案,第一篇,后面还会有持续的文章更新整理。
法国公司3dRudder的同名旗舰产品,亦为3dRudder,是一种VR的配件。该设备作为一种不一样的运动交互设备,允许用户在虚拟环境中用脚移动。这种设备不仅可以减少一些用户的模拟晕动症,还可以为一些
下载的官方地址为:https://www.python.org/downloads/release/python-373/
近日,Facebook AI Research推出一个名为AI Habitat的项目,研究对象为一款可以训练AI替身的模拟器。该模拟器如果能够训练AI系统在一个逼真的数字客厅中,定位一组虚拟钥匙,那么机器人最终将能够在真实房间中定位真实的钥匙。
前言 在平时的H5移动端开发时,我们难免会遇到各种各样的坑点,这篇文章就带着大家来看看怎么解决,文章较长,建议收藏方便以后查阅!
领取专属 10元无门槛券
手把手带您无忧上云