Touch.js 是移动设备上的手势识别与事件库, 由百度云Clouda团队维护,也是在百度内部广泛使用的开发工具。 Touch.js手势库专为移动设备设计。 Touch.js对于网页设计师来说,是一款不错的辅助工具,可以减少很多写框架控制器的时间。 网页合理使用Touch.js不但能增加网页的美观感,而且在节约时间,减少人力投入也有极大的帮助。
GitHub Pages大家可能都知道,常用的做法,是建立一个gh-pages的分支,通过setting里的设置的GitHub Pages模块可以自动创建该项目的网站。
来 源:cnblogs.com/iamzhanglei/p/6177961.html
来自:腾讯全端 AlloyTeam 团队 Blog 链接:www.alloyteam.com/2016/12/you-must-collect-the-github-tips/ 一秒钟把Github项目变成前端网站 GitHub Pages大家可能都知道,常用的做法,是建立一个gh-pages的分支,通过setting里的设置的GitHub Pages模块可以自动创建该项目的网站。 这里经常遇到的痛点是,master遇到变更,经常需要去sync到gh-pages,特别是纯web前端项目,这样的痛点是非
介绍 第一次写小程序,记录一下遇到的需求以及解决方法。可能功能不是很难,主要是做下记录。为以后遇到相同的需求做铺垫。 什么是左滑删除 用过QQ的人都知道,消息列表内,左滑单个聊天可以删除、置顶的操作。
介绍 第一次写小程序,记录一下遇到的需求以及解决方法。可能功能不是很难,主要是做下记录。为以后遇到相同的需求做铺垫。 什么是左滑删除 用过QQ的人都知道,消息列表内,左滑单个聊天可以删除、置顶的操作。对于移动端窄小的屏幕来说,这种交互可以说是非常的节省地方。故受到了众多产品狗的喜爱。 [image] 实现原理 最外层一个view水平方向排列,里面包含一个内容区view,一个操作区view 让你要展示的布局充满屏幕,通过css样式让超出的删除按钮隐藏 监听touch事件,平移布局显示和隐藏删除按钮(列表每一项
随着微信平台的发展,微信公众号变的也相当火爆,成为了众多商家吸引大众眼球的一个基地。这些商家在这个平台上发布自己的活动,这些活动需要程序员来使用网页代码来实现,下面我来说一下微信平台上通过向上滑动屏幕实现整个页面变换的特效,先来看一下代码吧:
课程地址:https://www.imooc.com/learn/229 一、 常见移动端开发框架简介 二、Zepto框架介绍和入门 三、 Zepto框架核心API 1.Core 2.事件 自定
HTML5学堂:相对来说,JS在移动端要远远低于PC端的使用频率,因此积累的开发经验并不是太多。在这里简要整理一些JavaScript在移动端的项目经验,主要包括click点击事件延迟、元素高亮点击区、zepto的touch问题等。 移动端click时间300ms延迟 在移动端,click点击事件会造成300ms的延迟,造成这种延迟的原因在于:当用户一次点击屏幕之后,浏览器并不能立刻判断用户是要进行双击缩放,还是想要进行单击操作。因此,浏览器就等待 300 毫秒,以判断用户是否再次点击了屏幕。 对于这种体验
相信大家对大转盘这个抽奖活动相当熟悉了吧,现在很多商家都会通过大转盘来进行商品的促销,有点事实体大转盘,有的是在网上进行的,有好多还是在微信平台进行大转盘抽奖活动,借此来推销自己的产品。下面来看看如何通过jquery rotare来实现大转盘抽奖活动。
我自己的经验 如果项目要求支持低版本的 IE 的话(比如 IE7,8),就用较传统的jQuery,Bootstrap,jQuery插件/组件以及类似 Knockout.js 能够提供数据绑定的 JS 库,再加上 require.js + gulp 或者 fis3 做模块化和自动化构建。 如果不需要支持低版本 IE 的话,我们主要使用 React: React – 编写页面组件 Redux – 数据流和状态管理,一般结合 redux-saga 使用 React-router v4 – 前端路由管理(Note:
会调用event的preventDefault()可以阻止默认情况的发生:阻止页面滚动
英特尔Project Alloy一体机售价约1000美元 📷 据英特尔公司消息,英特尔旗下的Project Alloy头显的价格将在1000美元左右。在近日Uploadvr的一次专访中,英特尔公司感知计算组的总监Achin Bhowmikt表示,由Project Alloy提供技术支持的VR头盔的价格将“与一台典型的笔记本电脑相当”,估计其中一个设备的全部成本将在599美元到899美元之间。 VRPinea独家点评:虽然省去了购买高配机的钱,但这个一体机并不是很便宜。 谷歌新专利让手机壳秒
webqq 中 自适应宽度的JS代码 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script><script src="http://web.qstatic.com/jsapi/alloy.api.js"></script><script type="text/javascript"> try { alloy.onReady(function(){
为了大家方便,我将之前长长的 eslint 进行了更换,因为时间原因和使用方面的原因,没将自己的 eslint 上传成 eslint-config,直接使用腾讯的 eslint-config-alloy。
在前端的移动Web开发中,有一部分事件只在移动端产生,如触摸相关的事件。接下来给大家简单总结一下移动端的事件。
在前端的移动Web开发中,有一部分事件只在移动端产生,如触摸相关的事件。接下来给大家简单总结一下移动端的事件。 1. PC端事件在移动端的兼容问题 1.1 click事件的200~300ms延迟问题 由于移动端默认的布局视口宽度是980像素,所以网页文字非常小,为了快速让网页还原到原来的大小,Safari最新引入了双击缩放功能:用户双击手机页面的时候,浏览器会智能的缩放当前页面到原始大小。 双击缩放的原理就是,当用户click一次之后,浏览器会经过约300ms之后检测是否再有一次click,如果有的话,
IONIC 是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序,它提供了很多UI组件来帮助开发者开发强大的应用。它使用JavaScript MVVM框架和 AngularJS来增强应用。提供数据的双向绑定,使用它成为Web和移动开发者的共同选择。即将发布的AngularJS 2.0将会专注于移动开发,相信IONIC一定会取得不错的成就 。 Mobile Angular UI
配置文件可以从基本配置扩展启用的规则集,不添加则不会继承任何扩展集,仅按照rules下的基本配置来执行。
依赖 yarn init yarn add --dev babel-eslint@10.0.3 yarn add --dev eslint@6.7.1 yarn add --dev eslint-config-alloy@3.7.1 yarn add --dev eslint-config-prettier@6.10.0 yarn add --dev eslint-plugin-prettier@3.1.4 yarn add --dev prettier@2.0.5 yarn add --dev prett
在日常需求迭代中,代码的规范与质量是编码的重要一环。Eslint 作为规则扫描器,能够对前端代码进行有效管控,避免出现低级错误,对于前端项目或多或少肯定都会看到 eslint 的相关配置。
解决方案:https://stackoverflow.com/questions/62903921/how-do-i-fix-eslint-createrequire-is-not-a-function-in-atom-editor
大家好,我是若川。持续组织了近一年的源码共读活动,感兴趣的可以 点此扫码加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外:目前建有江西|湖南|湖北籍前端群,可加我微信进群。
https://juejin.im/post/5a098b5bf265da431a42b227
ECharts开源来自百度商业前端数据可视化团队,基于html5 Canvas,是一个纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。
英特尔将“Project Alloy”定位为一个“为想要构建先进、一体化VR头显的公司”提供的开放参考平台。由于VR头显本身仍处在发展阶段,在该平台的未来版本上,开发人员将进一步针对VR头显进行信息共
近日,据roadtovr报道,英特尔由于缺乏合作伙伴,决定停止独立VR头显Project Alloy的项目。 英特尔在2016年中期透露了Project Alloy(一款基于x86的独立VR头显),当
最近在 H5 开发与 APP 客户端工程师的联调过程中, 经常需要实现一些常用的移动端事件封装成接口提供给客户端,例如用户的单击 tap 事件、双击事件、长按事件以及拖动事件。但由于浏览器默认只提供了 touchstart、touchmove、touchend 三个原生事件,在实际的开发过程中,我们常用的解决方案便是通过监听touchstart 和 touchend 事件配合定时器来实现我们的自定义移动端事件,为了实现常用自定义事件的复用,我们对其进行了封装,并提供方便用户使用的工具函数,这也是我们实现 mt-events 的初衷。
腾讯前端团队前几天在Github上发布了一个JS手势库 AlloyFinger 极其小巧,只有几K,但功能很全面,支持缩放、旋转、拖拽、单击、双击、滑动、长按 而且除了Dom对象外,还可以监听Canvas内元素的手势 在腾讯内部的应用已经非常广泛,例如 QQ群、QQ动漫、AlloyTeam 等团队和项目 官方示例 http://alloyteam.github.io/AlloyFinger/ 代码示例 实现对一个图片的移动和缩放 <!DOCTYPE html> <html> <head> <
项目构建时 lint 规则可以继承优秀团队基于最佳实践设定的编码规范,如 airbnb, 这样避免重复造轮子造成人力的资源浪费和规则覆盖的缺陷,继承社区知名代码规范后团队内部再进行细节调整
按要求转载自36Kr 译文 | 小兵手 编辑 | 杨志芳 周末时,美国 Fina Four (全国最终四强)篮球赛在亚利桑那举行,这一次,你不用离开沙发就可以身临其境,整体的花费比一张机票和一间酒店客房便宜,而且还可以保证你坐在最好的座位上观看。你所需要的只是一个VR头显。 自从Sweet 16开战以来,英特尔就通过自己的TrueVR平台直播NCAA篮球赛。对于芯片巨头英特尔来说,这是它第一次大举进入体育、VR领域。最近,英特尔成为了NCAA、Turner Sports、CBS Sports的官方VR提供
历史悠久的CES,一直是全球各大电子产品企业发布产品信息和展示其技术的大舞台。作为开年的第一场大型展会,CES也一直被当做每年硬件发展的风向标。 如果给每年的CES定一个关键词,2015年是手机,2016年是无人机和虚拟现实,那么2017年则是自动驾驶。 那么对于在2016年红遍半边天的VR,它在今年为什么会被自动驾驶抢占风头?它的CES之路是怎样的? VR的CES进阶之路 2012 年Oculus Rift在Kickstarter成功众筹后,随后就参加了2013年的CES展会,展示了DK1预产前的Rift
初学者玩转 TypeScript系列,总计 21 期,点赞、收藏、评论、关注、三连支持! TS系列地址: 21篇文章带你玩转ts
开源的世界每天都丰富多彩,2022年前端领域会有什么新的挑战?下面是我们整理的20个有趣的开源项目,希望当中有您想要收藏的那一个。
用头显叩开VR虚拟世界的大门,透过屏幕,观看VR为你描绘的或恐怖、或壮丽、或写实的场景。VR头显作为连接虚拟与现实的媒介,它带给人们的不止是眼前的震撼,同时还能为我们的日常生活与工作提供便利。 目前,
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平台中对邮箱地址的识
音频 API 提供基于我们的 TTS(文本到语音)模型的语音端点。它配备了 6 种内置语音,并可用于:
随着越来越多竞争对手的加入,也让HTC和Oculus倍感吃力。 最近,朋友圈被一条“重磅”新闻刷屏了:HTC宣布从21日起,国内HTC Vive降价1400元,意味着消费者可以以5488元的价格购买到原价为6888元的Vive,同时还附赠三款游戏。 而且这还不是简单的促销活动,而是永久的降价。无独有偶,在上周,Oculus已经“先下手为强”,他们表示将Rift + Touch套装永久下降至499美元。 而这波降价潮,也已经早有端倪! 一波又一波的降价潮疯狂袭来 说到VR头显价格变化,不得不提到Oculus
这已经是我第四次写编辑器了~~~ 第一次是在三年前(2014年4月份),当时我听说有一个工具叫 Node-Webkit,于是我就结合CodeMirror撸了一个编辑器,界面如下: GitHub 地址:
英特尔正致力于将真实世界与数字世界相融合,其Project Alloy头显早在2016年就已展出过。在CES 2017展会上,英特尔大幅改进了VR技术,向记者朋友们展示了其360度全景应用,包括对Al
如果说你不知道王宝强和马蓉的事情,你可能和整个世界脱轨了。同样的在科技圈内,如果你不去做VR,或者和VR沾个边,这个公司可能就要和未来世界脱轨了。在今天凌晨召开的秋季IDF大会上,英特尔推出了融合现实
点击上方蓝字,发现更多精彩 导语 最近前端大火的 Vite 2.0 版本终于出来了,在这里分享一下使用 vite 构建一个前端单页应用以及踩过的坑,希望能带给大家一些收获。 文章首发于个人博客:heavenru.com 该文章主要面向对 Vite 感兴趣,或者做前端项目架构的同学 源码地址:fe-project-base https://github.com/lichenbuliren/fe-project-base 通过这篇文章,你能了解到以下几点: vscode 编辑器配置 git pre-commi
最近遇到了一个老项目,比较有意思的是这个项目集前后端的代码于一起,而后端也会去修改前端代码,所以就出现了后端用 IntelliJ IDEA 来开发前端项目,而前端用 VSCode 来开发前端项目的情况。于是乎,出现了代码规范的问题,所以就有了这篇文章,整理了一下前端代码校验以及在 Vue 项目中的实践。
我们正在等待着VR头显变得越来越轻便,功能越来越强大且更容易使用,因为一大批的公司都在试图把一块科幻技术变成一个可行的产品。在今年拉斯维加斯举办的年度CES贸易展上,很多VR领域的科技厂商们都争相发布
从 1 月 6 号的第一篇设计模式文章 策略模式,截止到 3 月 8 号的最后一篇 基本原则,利用两个月的时间把二十三个设计模式都过了一遍,其中在平时开发中用到的都结合实际场景总结了一遍。
总所周知,Vue新版本3.0 使用 TypeScript 开发,让本来就很火的 TypeScript 受到更多人的关注。虽然 TypeScript 在近几年才火,但其实它诞生于2012年10月,正式版本发布于2013年6月,是由微软编写的自由和开源的编程语言。TypeScript 是 JavaScript 的一个超集,扩展了 JavaScript 的语法,添加了可选的静态类型和基于类的面向对象编程。
领取专属 10元无门槛券
手把手带您无忧上云