关闭

移动端点击300ms延迟问题和解决

今天屁颠屁颠写完了,手机端做测试时,点击,发现有延迟,就百度了下,原来这就是传说中的300ms延迟啊,百度了点资料,记录下,解决项目中这个小问题! 一、移动端300ms点击延迟 一般情况下,如果没有经过特殊处理,移动端浏览器在派发点击事件的时候,通常会出现300ms左右的延迟。也就是说,当我们点击页面的时候移动端浏览器并不是立即作出反应,而是会等上一小会儿才会出现点击的效果。在...
阅读(2416) 评论(0)

避免if语句的深层次嵌套

公司做了个抢红包的限制,然后ajax请求的返回字段,要进行多层逻辑的判断,想想是真恶心,虽然都是简单逻辑,而且看别人以前写的代码,发现,哎,注释能不能写上吶,像我写代码都是细致到,哪怕初学者也能看懂这是要实现什么,还有尽量避免深层次的if嵌套,不然后面产品要加新需求,条件限制了,来个五六个if嵌套,,想想都蛋疼了,故而就查询了一下如何优化,然后把之前的代码给重新整理了下,哎,强迫症又犯了,明明不是...
阅读(2675) 评论(0)

aja返回数据拼接模版的一个小技巧

避免重复使用+,还是挺好用的,从公司项目中学来的,记录分享下 ,只截取了一点,没办法呢,公司资料,是不能泄漏的 var etastr = ['',                                 '',                                 '' + xx + '' + aa,                                ...
阅读(502) 评论(0)

JS判断客户端是否是iOS或者Android手机移动端

公司这几天做的附近商家定位功能,要嵌入到客户端,看到了调用定位接口时,要判断客户端的类型,于是记录一下了: 通过判断浏览器的userAgent,用正则来判断手机是否是ios和Android客户端。代码如下: var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') ...
阅读(842) 评论(0)

H5定位地理位置API

这几天公司做了个附近商家的需求,唔,其实我是一脸懵逼的,组长给了我以前她写过的一个js文件让我看着参考下,看到了里头出现的API,H5新增的,就学习下了,希望下次自己能独立开发这种项目! 地理位置(Geolocation)是 HTML5 的重要特性之一,提供了确定用户位置的功能,借助这个特性能够开发基于位置信息的应用。今天这篇文章向大家介绍一下 HTML5 地理位置定位的基本原理及各个浏览器...
阅读(218) 评论(0)

ajax进行异步请求数据添加loading效果

在与后台实现数据交互时经常会遇到一种这样的情况: 1.需要用一个ajax请求后台数据,并且要在获取到数据之后再渲染到页面,这个时候就必须用同步(async:false)。 2.然而在这个时候就会有另一种情况,当ajax的请求花费的时间比较长的时候需要一个loading层来显示等待状态 3.这个时候beforeSend是没有效果的,即使把loading的代码写在ajax之前也不行。...
阅读(3123) 评论(0)

srcset属性实现响应式图片

最近做公司移动端页面切图时,思考了下,设计师给的1x到3x的图片,以前没考虑过,直接就rem单位,按设计图尺寸切好,一张图,一个固定rem单位,用遍了所有设备, 事实,在做页面适配测试的时候,还是会有视觉上的影响的,嗯,于是搜了下有什么好的方案,能在不同屏幕分辨率下,展示出最好看最合适的图片。        看过响应式media标签做不同尺寸的适配,但是总归觉得这样麻烦,        也偷...
阅读(218) 评论(0)

vue父子组件通信问题解决的思路之一

组件之间的作用域独立,而组件之间经常又需要传递数据。 A 为父组件,下面有子组件 B 和 C。 A 的数据可以通过 props 传递给 B 和 C。 A 可以通过 $broadcast 调用 B 和 C 的 events,从而操作 B 和 C 的数据。 B 和 C 可以通过 $dispatch 调用 A 的 events,从而操作 A 的数据。 当 B 需要操作 C 的数据就...
阅读(1786) 评论(0)

vue移动端项目解决 延迟点击

1.npm install fastclick --save(自己看github:https://github.com/ftlabs/fastclick)...
阅读(382) 评论(0)

前后端分离方案速查

xx公司的实践:1.http://blog.csdn.net/u011413061/article/details/50294263 淘宝PPT:.http://2014.jsconf.cn/slides/herman-taobaoweb/index.html#/ 前后端分离的一些疑问:https://segmentfault.com/q/1010000005591961 ...
阅读(450) 评论(0)

vue-cli快速搭建vue项目

1.安装node(使用6+) 2.安装cnpm:安装包时,记得以管理员权限打开cmd 3.安装vue-cli :npm install -g vue-cli 4.创建项目:vue init webpack XX  (请确保安装了webpack) 5.开发模式的文件在src目录下,进入文件后,打开package.json ,查看配置信息 ...
阅读(756) 评论(0)

vue-cli搭建项目解决跨域问题

使用vue-resource 然后就是报出跨域错误; 在build/webpack.dev.conf.js这个文件里面添加对应的http代理,具体的用法查看对应的地址 这里使用的是vue-cli创建的...
阅读(3094) 评论(2)

node解决安装包后xx-v命令无效

1、windows下的NodeJS安装是比较方便的(v0.6.0版本之后,支持windows native),便可以看到下载页面。 2、下载完成后双击运行进行安装,安装过程基本直接“NEXT”就可以了(全部采用默认方式安装)。(windows的安装msi文件在过程中会直接添加path的系统变量,变量值是你的安装路径,例如“C:\Program Files\nodejs”)。 3、安装完成...
阅读(1823) 评论(0)

CSS4展望

1. :not(.warning, .alert)   我们在第3级选择器已经见过这个 :not 了。然而Level 4将允许与更复杂的参数匹配。   先前,not:只能单独使用,不能被组合。例如,在Level 3(CSS3)中,你不能这样做: a:not([href*="somesite.com"]) {       }   它会选择所有地址中不包含somesite.com的链接。但是在...
阅读(73) 评论(0)

HTML6展望

HTML6 APIs        HTML6 的标签前带有命名空间,如:, 等等。   1.     // this is equivalent to  tag written in previous HTML versions     2.  和  标签一样。         tag -->     3.  和  标签类似。       ...
阅读(214) 评论(0)

响应式图片的3种解决方案

个人总结:在当前响应设计和自适应设计的流行下,很多web 应用往往都兼容手机、平板和PC,其中一个让人比较头痛的问题就是图片的加载了。不同平台显然不可能用同一张大的图片,这样子不但浪费手机流量、影响网站载入速度并且在小屏幕下会很不清晰。让浏览器根据分辨率自动识别图片是最好的方法。 响应图片和响应媒体是响应式网站的三大基础重点之一。表面上看这是一件非常简单的事情,只要把图片元素的高、宽属性值都移去...
阅读(1210) 评论(0)

box-sizing:border-box用于移动端页面的开发!

*, *::before, *;;after{   border-sizing:border-box; } (bootstrap全局中设定该样式) 先从块级元素的盒子大小说起,通常一个块级元素实际所占宽高度=外边距(margin)+ 边界宽度(border-width) + 内边距(padding)+ 高度(height) /  宽度(width) 如果设置了bord...
阅读(1011) 评论(1)

CSS3 修改和去除移动端点击事件出现的背景框 (tap-highlight-color)

最近研究移动端页面时学到了很多CSS3的有用属性,其中有一个印象比较深刻的属性: -webkit-tap-highlight-color 参见 http://css-infos.net/property/-webkit-tap-highlight-color 这个属性是用于设定元素在移动设备(如Adnroid、iOS)上被触发点击事件时,响应的背景框的颜色。 例如在Ad...
阅读(986) 评论(0)

bootstrap中的列排序?

今天看bootstrap文档学习的时候,看到列排序,发现浮动原来还能这么用,就找了源码看了看~    列排序其实就是改变列的方向,也就是改变左右浮动,并且设置浮动的距离。在栅格系统里,可以通过.col-md-push-*和.col-md-pull-*来实现这一目的。先来看看效果示意图 默认情况下,col-md-9在左边,col-md-3在右边,如果要互换位置,需要将col-md-9列向右移...
阅读(2733) 评论(0)

创建命名空间的几种方法

Function的简洁写法 这是一种比较简洁的实现,结构紧凑,通过function实例,且调用时无需实例化(new),方案来自stackoverflow: var NameSpace = window.NameSpace || {}; NameSpace.Hello = new function() { var self = this; var name = 'world'...
阅读(251) 评论(0)
57条 共3页1 2 3 下一页 尾页
    个人资料
    • 访问:69671次
    • 积分:966
    • 等级:
    • 排名:千里之外
    • 原创:8篇
    • 转载:49篇
    • 译文:0篇
    • 评论:10条
    最新评论