-
等级
本版专家分：15结帖率 90% -
自己写了个类似百度外卖的东西，一下加载1500+条记录，然后在手机上点击加减的时候就巨慢，并不是那个函数里的内容有多耗时，而是从我点击到那个按钮，到它明白过来它需要工作了这段时间巨慢。请大神解释或提一下解决思路，不分多次加载能否解决？展开阅读全文
-
等级
本版专家分：2717 -
//而是从我点击到那个按钮，到它明白过来它需要工作了这段时间巨慢
这句话让我很费解，如果你不添加延时的话，点击按钮就会执行相应的操作，你说的这种情况……
如果代码的执行过程时间很长（反应很慢），要想解决，你首先需要知道是哪个过程耗费的时间最长，这里不能靠你的判断，而需要靠专业的工具来查（比如chrome的开发者工具中科院通过network来查看每个资源文件的加载时间），找到问题之后才能解决问题，如果是逻辑问题，只能重写，如果是代码问题，考虑优化。
-
等级
本版专家分：43132勋章
-
-
黄花
2010年12月 Web 开发大版内专家分月排行榜第二
2010年11月 Web 开发大版内专家分月排行榜第二
-
-
替换所有点击逻辑成：
onclick="alert('click')"
如果还慢，那就是浏览器问题了
-
等级
本版专家分：79961勋章
-
- 技术圈认证 用户完成年度认证，即可获得
-
- 签到王者 累计签到获取，不积跬步，无以至千里，继续坚持！
-
- 脉脉勋章 绑定脉脉第三方账户获得
-
- 铜牌 2013年8月 总版技术专家分月排行榜第三
-
-
1500+一页，不要说移动端，就是pc都不流长吧
-
版主等级
本版专家分：396100勋章
-
- 探花 2017年 总版技术专家分年内排行榜第三
-
-
进士
2018年总版新获得的技术专家分排名前十
2013年 总版技术专家分年内排行榜第五
-
-
金牌
2018年5月 总版技术专家分月排行榜第一
2018年4月 总版技术专家分月排行榜第一
2018年2月 总版技术专家分月排行榜第一
2017年8月 总版技术专家分月排行榜第一
-
-
银牌
2018年3月 总版技术专家分月排行榜第二
2017年11月 总版技术专家分月排行榜第二
2016年2月 总版技术专家分月排行榜第二
2014年2月 总版技术专家分月排行榜第二
2013年4月 总版技术专家分月排行榜第二
-
-
一般是添加touch事件判断往下拉再继续加载数据吧，一次加载1.5k条数据也是服了楼猪了
-
等级
本版专家分：15
-
-
等级
本版专家分：3215
-
原因是在DOM操作的地方 每次都进行了DOM遍历!
-
等级
本版专家分：15
-
-
等级
本版专家分：5177 -
一次性不要加载那么多,可以先加载10条,然后随着用户向上滑动再加载10条
-
等级
本版专家分：249 -
楼主说慢不知道是那个地方慢
点击事件触发慢？
发出请求慢？
请求时间长？
解析请求时间长？
页面渲染时间长？
我做移动端ajax请求后台抓取2000条数据在前端一次性展现也不慢啊
-
等级
本版专家分：15
-
点击事件触发慢。
- 《H5 App开发》移动端IOS click 事件响应缓慢的解决方案
...为什么这么设计呢？ 因为它想看看你是不是要进行双击（double tap）操作。...使用js框架fastclick,处理移动端click事件 300 毫秒延迟， 由FT Labs开发，Github 项目地址：https://github.com/f...
- 移动端点击300ms延迟问题和解决
今天屁颠屁颠写完了，手机端做测试时，点击，发现有延迟，就百度了下，原来这就是传说中的300ms延迟啊，百度了点资料，记录下，解决项目中这个小问题！ 一、移动端300ms点击延迟 ...在移动...
- 彻底解决tap“点透”，提升移动端点击响应速度
申明！！！最后发现判断有误，各位读读就好，正在研究中.....尼玛水太深了 前言 近期使用tap事件为老夫带来了这样那样的问题，其中一个问题是解决了点透还需要将原来一个个click变为tap，这样的话我们就抛弃了ie...
- 移动端点击（click）事件延迟问题的产生与解决方法
移动端浏览器点击事件300毫秒延迟问题的避免方法
- 分析并解决移动端js事件响应慢的问题
分析并解决了移动端连续响应click事件慢的问题
- 解决移动端点击响应速度慢的问题tap
问题： 移动端也有click事件，但在移动为了区分是滑动还是点击，click会延时300ms... 解决办法 ...不能有滑动事件。具体实现如下： ... window.onload = function () { ... var bindTapEvent = function (dom, callback) {...
- javascript适合移动端的响应式瀑布流插件
javascript适合移动端的响应式瀑布流插件
- web移动端实现响应式布局解决方案
1、移动端的响应式布局主要用到rem，并且rem要跟随页面的尺寸改变而不断调整，两者缺一不可。 2、本文没有采用flexible方案，该方案主要是使用js监听window的size，进而改变rem数值； 3、采用rem+vw是当前比较合适的...
- 浅谈pc和移动端的响应式
浅谈pc和移动端的响应式 身为一个前端攻城狮，是不是经常遇到各种各样的响应式问题？下面我们来说一下： 1.响应式跟自适应有什么区别? 有些人可能还不知道响应式跟自适应的区别,甚至认为他们是同一个东西,其实不是的...
- 移动端rem响应式布局开发
移动端rem响应式布局开发 rem 是在移动WEB APP开发中常用的长度单位 rem 为相对长度单位，相对于根元素（html 元素）font-size 计算值的倍数 根元素（html 元素）font-size的默认值为16px; 1rem=16px; 为了便于...
- PC端移动端兼容响应式布局页面的制作
之前已经制作了PC端固定布局和移动端流体布局的页面，这次的任务就是将一个页面制作成PC端移动端兼容响应式布局页面，是页面能在不同屏幕大小下呈现处不同最佳显示状态。 主要的过程就是对： 1.将width改为max-...
- fastclick.js提升移动端点击响应速度
拜读大牛的文章吧啥都不说了使用方法 源码解读
- 移动端基础及响应式布局
移动端概述和hybird模式 2.响应式布局基础 3.响应式布局之流式布局 4.做移动端项目之前的准备 5.响应式布局demo 6.rem响应式布局 7.swiper的使用和轮播图 8.综合案例-微信场景应用1.移动端概述和hybird模式...
- PC端和移动端 自适应和响应式布局的要点
PC端和移动端 自适应和响应式布局的要点 1.手机端自适应js代码 <script> functionresize(){ varoHtml=document.getElementsByTagName("html")[0]; varscreenW=document.documentElement.offsetWidth|...
- rem实现移动端响应式
//获取html元素 ... //屏幕的宽度（兼容处理） var w = document.documentElement.clientWidth || document.body.clientWidth; //750这个数字是根据你的设计图的实际大小来的，所以值具体根据设计图的大小 ... ...
- 网站在移动端的打开速度慢怎么办
大部分人对移动端的浏览体验感到失望，同时当体验提升时，他们会在智能手机上花费更多的时间。因为64%的智能手机用户希望网站可以在4秒内加载完毕，但一半的网站花费了二倍以上的时间，达到了9秒。下面简单介绍一些...
- 初学者如何写移动端响应式布局
一、百分比布局刚入前端坑的时候就是使用百分比布局，觉得百分比布局可以解决移动端的响应式布局问题，但是图样图森破，最常见的情况莫过于设计师说：“你没有按照我的设计稿来做呀”然后就是设计师在我旁边，我们...
- 关于移动端布局(响应式布局)，你必须要知道的
响应式Web设计可以让一个网站同时适配多种设备和多个屏幕，可以让网站的布局和功能随用户的使用环境（屏幕大小、输入方式、设备/浏览器能力）而变化。本文主要介绍一些响应式布局容易忽略但又很重要的知识点。 视口...
- 移动端开发-响应式布局
当然响应式布局理论上应该是pc端和移动端都是可以的，不过在实际的操作中因为移动端的开发有时候要针对不同的终端，下面我就针对移动端的开发对移动端页面的响应式开发的步骤和原理做下简单的总结。 我们再做...
- 移动端响应式布局解决方案JavaScriptREM
移动端响应式布局解决方案、用 JavaScript 根据屏幕宽度计算 Root 字体大小弥补媒体查询断点断层过大问题，元素单位使用 REM 即可基于 Root 字体大小来改变自身大小。
- 响应式移动端字体设置
移动端 响应式 字体 解决 通常移动端大多设置rem来解决。废话不多说，直接上代码： 在HTML中引入下面css，js文件： css: @charset "utf-8"; * { margin: 0; padding: 0; border: none; list-style: none; ...
- h5 移动端响应式兼容
HTML5.js 请注意，我在demo中使用了html5标签，不过IE9之前IE浏览器不支持, , , 等html5新...可以在html文档中添加 html5.js 文件将解决这一问题。 [if lt IE 9]> --> ... 包含 Media Queries Javascript文件
- javascript适合移动端的响应式瀑布流插件实例演示
在线预览 jQuery插件大全 实例代码 <div class="sucaihuo-container"> <div class="demo"> <div class="grid"> <div class="grid-item">...
- jq为a标签绑定的onclick事件在移动端不响应
演示地址可以在开发者工具里看看移动端的表现。不过这个版本是正常工作的，是我已经根据评论区大神来改变了a标签点击事件的绑定方式了的。如下图所示，注释的那行是我原本的代码，注释下面一行是修改过的。 问题...
- 兼容移动端的响应式瀑布流
<!doctype html> ,chrome=1"> <meta name="viewport" content="width=device-wi
- 基于原生JS移动端响应式解决方案——AUTOSTRAP
基于原生JS移动端响应式解决方案——AUTOSTRAP介绍就目前移动端而言，已有比较成熟都响应式框架，类似于Bootstrap、AmazeUI、Skeljs。但是对于普通开发者来说，为了满足快速开发的需求去学习和使用这些框架的时间...
- 网站布局 单独只做移动端和响应式布局兼容移动端
单独只做移动 Mobile 响应式布局兼容移动端 PC + Mobile
- fastclick.js - 解决移动端 click 事件响应慢和点透问题
请在这里查看示例 ☞ fastclick示例建议只要在手机端的 h5页面，涉及到 click 事件时，都建议引入这个库相关链接 移动端WEB开发，click,touch,tap事件浅析 傻瓜看的fastClick说明书
- 前端开发页面基础样式（移动端、响应式、自适应）
前端页面基础样式 科技千变万化，手机日新月异；生活中发生的变化很是明显，从最初的上网需要在电脑上浏览信息，再到现在手机亮屏就能...作为前端开发者，移动端的页面占据的也是越来越多，相信大家也会经常去开发移...