web前端-h5页面,用js给每个按钮加动态效果,会不会卡?

问题描述

h5页面,用js给每个按钮加动态效果,会不会卡?

功能需求:给每个按钮加上点击时有个声音效果

技术实现:为每个标签加上事件,每触摸一次就播放一次mp3

mp3由h5的音频标签完成

这样子会不会卡?一般是如何实现的?

解决方案

不会,现在的浏览器都用gpu去渲染网页的。玩大型3d游戏都不卡的计算机会处理不了这么一点特效么

解决方案二:

最好不要搞太多效果,有些特效好多的网站,cpu都被吃掉7,80%,手机肯定要废掉。。

解决方案三:

不会,这如果都不行的话,h5不会这么火

解决方案四:

只要代码中别出一些大型Bug,就不会卡。
想要实现的话,你上网百度一下JS或Jquery绑定事件就有的。

时间: 2024-08-16 04:00:03

web前端-h5页面,用js给每个按钮加动态效果,会不会卡?的相关文章

一道常被人轻视的web前端常见面试题(JS)_javascript技巧

面试题是招聘公司和开发者都非常关心的话题,公司希望通过它了解开发者的真实水平和细节处理能力,而开发者希望能够最大程度地展示自己的水平(甚至超常发挥).本文提供了众多前端开发面试题,无论是招聘方还是应聘方都值得一看! 前言 年前刚刚离职了,分享下我曾经出过的一道面试题,此题是我出的一套前端面试题中的最后一题,用来考核面试者的JavaScript的综合能力,很可惜到目前为止的将近两年中,几乎没有人能够完全答对,并非多难只是因为大多面试者过于轻视他. 题目如下: function Foo() { ge

web前端-随着页面滚动改变translateY的值

问题描述 随着页面滚动改变translateY的值 一个面试题: 假设某个div的css为 .selector{transform:translateY(-500px)} 现在随着页面的滚动(自上而下),将-500逐渐变成0.变成0的过程中,停止滚动,则数值停止变化. 想了想,如果用$(".selector").css({"transform":"translateY("+($(window).scrollTop()-500)+"px)

html5-请问现在热门的web前端开发语言或技术,都有哪些啊?

问题描述 请问现在热门的web前端开发语言或技术,都有哪些啊? 因一开始入门就是学的js,然后就自然转上jquery了.后恰逢 html5 技术的发展,一直就用jquery+css+js,搞定了我遇到的几乎所有的事,后端就用的php+mysql,感觉简单也够用了. 最近遇到一大帮 JSP 应聘前端工程师,反而 jquery 程序员很少很少,就纳闷了,JSP 很好用吗?我一直觉得HTML5技术下,是可以取代JSP ASP什么的. 解决方案 html5我觉得在移动端使用的非常多 因为能跨平台,但是不

html-如何才能系统的学习web前端呢

问题描述 如何才能系统的学习web前端呢 我是一个培训出来的学生,学的是net但是现在想转做web前端,我对js,css,html都有了解.,但是不是精通.求大神给一个方法.谢谢了 解决方案 精通不精通无所谓,前端是一个熟能生巧的技艺,而没有高深的技术.一方面,多向你的同事请教,另一方面,要有一颗精益求精把活做到完美的心,多观察,多想想为什么. 解决方案二: 除了大量的动手实践,大概没有其他办法了.自己架个空间,自己维护空间特效,让它一点点变漂亮,把学到的每一个知识点都写成blog记录下来.一年

WEB前端显示的特效和相应加载速度的取舍

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 随着互联网的发展和普及,越来越多的人将加入到这个大家庭当中来.网民的成分也随之复杂,这意味着他们的需求将出现多元化趋势.这就对 WEB 前端的显示提出了更高的要求. 作为 WEB 前端开发的技术人员,有很多方法来实现它: .Adobe 公司推出 flash 系列就是一个 WEB 前端显示互动性很好的一个应用.它可以展示绚丽的色彩和跳动.流畅的

WEB前端性能优化:HTML,CSS,JS和服务器端优化

文章描述:WEB前端性能优化小结. 对前端开发工程师来说,前端性能优化的重要性是不言而喻的,最为大家所知的是YSLOW的23条优化规则,在我的理解中,性能优化不纯粹是指用户访问网站的速度,也包括开发的效率,这里我总结下我理解中的WEB前端性能优化. HTML部分 语义化HTML:好处在于可以使代码简洁清晰,支持不同设备,利于搜索引擎,便于团队开发: 减少DOM节点:加速页面渲染: 给图片加上正确的宽高值:这可以减少页面重绘,同时防止图片缩放: 防止src属性和link的href属性为空:当值为空

【原】让H5页面适配移动设备全家 - 前端篇 - PPT

7月份在部门内给设计中心的同事们带来<让H5页面适配移动设备全家 - 设计师篇 - PPT>的分享,在视觉和交互稿上提出页面适配的建议及提升页面体验的好处,促进前端和设计双方更好的合作,同时也提升页面体验,分享后跟设计师们沟通,反应情况良好,说明这套适配的方案是有一定价值的.在9月份很荣幸收到TID同事的邀请,参与[TID重构主题交流会]第六期:体验的前端分享,于是在设计师篇的基础上重新整理了前端篇,通过分析当前市场的数据,结合实际的项目需求,总结出适配各种移动设备分辨率的思路和解决方法,相信

springmvc-如何在前端页面使用js解析后台传过来的ModelAndView数据?

问题描述 如何在前端页面使用js解析后台传过来的ModelAndView数据? 我使用springMVC 开发 然后controller处理返回ModelAndView类型的数据,前端如何使用js来解析? 解决方案 返回ModelAndView类型的数据??这个不知道是啥意思....一般来说js想要获取后台数据一般用ajax+json. 后台代码: JSONObject jsonObj = new JSONObject(); jsonObj.put("validateFlag", &q

web前端 js 点击添加

问题描述 web前端 js 点击添加 想实现点击"+"按钮,就添加一行上图一样的三个框在该按钮下方对应位置,拜托各位帮忙解决一下. 解决方案 <div id=""dvList""> <div id=""dvAdd""><input type=""text"" style=""width:60px""