俗话说,时间就是生命,时间就是金钱,时间就是一切,人人都不想把时间白白浪费,一个网站,最重要的就是体验,而网站好不好最直观的感受就是这个网站打开速度快不快,卡不卡.当打开一个购物网站卡出翔,慢的要死,是不是如同心塞一样的感受,蓝瘦香菇,想买个心爱的宝贝都不能买,心里想这尼玛什么玩意.那么如何让我们的网站给用户最佳的体验...

在此以插件开发中文章列表跳传文章详情为例。1、首先在插件中的文章列表页面wxml中绑定跳转事件。bindtap='url'data-id="{{item.article_id}}"2、在文章列表页面js中接收事件，并触发冒泡事件。/***跳转至详情*/url:function(e){vareventDetail={da...

break语句和continue语句break语句和continue语句都具有跳转作用，可以让代码不按既有的顺序执行。break语句用于跳出代码块或循环。vari=0;while(i<100){console.log('i当前为：'+i);i++;if(i===10)break;}continue语句用于立即终止...

在前端应用的优化中，对加载资源的大小控制极其的重要，大多数时候我们能做的是在打包编译的过程对资源进行大小控制、拆分与复用。本片文章中主要是基于webpack打包，以React、vue等生态开发的单页面应用来举例说明如何从webpack打包的层面去处理资源以及缓存，其中主要我们需要做的是对webpack进行配置的优化，同...

问题需求：父页面与子页面iframe跨域嵌套，子页面要触发父页面所定义的js方法、父子页面的数据传递。下文中会用到一些文件：父页面： parent.html嵌在父页面的子iframe页面：child.html在同域的情况下，子iframe页面可以很方便地直接调用父页面定义的JS方法：window.parent...

最近在做微信公众号的内嵌页面，发现点击输入框时键盘盖住文本框，找到一段代码解决了这个问题。iOS和android手机都已亲测，需要的可以直接拷贝到代码中使用。js代码如下：$(function(){//微信内置浏览器浏览H5页面弹出的键盘遮盖文本框的解决办法 window.addEventListener("...

一、准备动作 1、安装nodejs与安装express　　安装nodejs教程:http://www.cnblogs.com/pigtail/archive/2013/01/08/2850486.html　　安装express教程:http://www.expressjs.com.cn/starter/ins...

iphone6及iphone6plus已经出来一段时间了。很多移动端网站，以前写死body为320px的，现在估计也忙着做适配了。大屏幕手机其实一直有，只是以前大家没怎么重视，移动端的H5页面大部分都以320px为基准宽度进行布局，那些大屏屌丝android用户也懒得去理，而现在iphone也搞起多屏幕，老板们重视程度...

　　这个实例应该说可以很简单，直接使用jQuery的方法来处理也是可以的。但本文底层使用原生的js来处理，遇到一些小知识点可以分析一下也算有所得。　　原理很简单，就是为window添加一个scroll事件，浏览器每次触发scroll事件时判断是否滚动到了浏览器底部，如果到了底部则加载新数据。关键是计算滚动条是否滚动到了...

参考：http://caibaojian.com/browser-ios-or-android.html1functionis_weixin(){2varua=window.navigator.userAgent.toLowerCase();3if(ua.match(/MicroMessenger/i)=='micro...

有过移动网站开发经历的开发者都知道，在各种设备中测试同一页面是一项非常繁琐的工作。现在，我们可以使用AdobeEdgeInspect来简化这一工作。如果使用EdgeInspect，可以在各种设备的浏览器中同时浏览同一页面。另外，该软件中也提供了用于调试的工具，可以轻松调试页面上所存在的任何问题。Web网站所需支持的设备...

概述1.PC优化手段在Mobile侧同样适用2.在Mobile侧我们提出三秒种渲染完成首屏指标3.基于第二点，首屏加载3秒完成或使用Loading4.基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB5.Mobile侧因手机配置原因，除加载外渲染速度也是优化重点6.基于第五点，要合...

本文只是一个索引，收集了网络上大部分关于调试及优化方面的文章，从中挑选了一些比较好的文章分享给大家。移动端性能不及桌面浏览器性能的10分之1，特别是在android设备良莠不齐的情况下，性能显得尤为重要。感觉做移动端页面，重回了解放前电脑还是386的年代，呵呵。国内，16ms优化，60fps指标等相关的文章非常少，大部...

便于理解，先来了解几个名词：dpi(dotsperinch)，每英寸的点数，用来测量任何设备的硬件分辨率。一个21”的屏幕可以拥有1680X1050的分辨率，27”的屏幕也可以拥有相同的分辨率，那么大屏幕比小屏幕的dpi小。dip(deviceindependentpixels),设备独立像素，...

最近做了一个移动端的搜索功能，带有suggest。实现上并没有什么可说的，但是在后续优化上，特别是在中文输入法的情况下的优化使我学到一些新东西，所以决定写一篇文章。下面是我简化后的基本功能实现，监听输入框的input事件，当搜索框有输入时，根据输入内容和后端进行交互提供suggest，再监听keyup的事件，当用户敲击...