关闭
当前搜索:

JavaScript节流函数, 防止大量函数触发解决办法

理由有时候开发者会需要注册一些回调函数在浏览器的scroll和resize事件上, 但是scroll和resize这类事件触发非常频繁, 而实际用户并不需要感知这么多的事件产生, 造成大量函数触发, 而如果这些函数和动画有关, 会给浏览器造成巨大压力, 节流函数可以很好的解决这个问题.节流函数原理是设置一个阈值, 在一定时间内的触发但并不真实调用函数, 从而做到性能的优化, 实现的方式有反跳和节流....
阅读(27) 评论(0)

CSS实战--实现侧边栏滑进滑出

效果用的csdn做的例子, 本篇博客主要讲的是侧边栏滑进滑出, 背景是图片……, 不要在意.代码//index.html <...
阅读(25) 评论(0)

CSS媒体查询和flex实现自适应多栏布局

效果代码 <t...
阅读(27) 评论(0)

CSS七种常用居中方式

1. 水平居中效果: 水平居中 body { background-color: #CCC; } .container { margin: 0 auto; background...
阅读(19) 评论(0)

multer+Ajax(es6版)实现免跳转上传图片

效果 看下面我们已经成功上传到了根文件目录下 思路前端图片展示使用的是FileReader, 使用Ajax向后台发送数据; 后台配置比较简陋, 用的express和multer.代码 头像: ...
阅读(55) 评论(0)

Multipart/form-data POST文件上传详解

原文地址: http://blog.csdn.net/xiaojianpitt/article/details/6856536Multipart/form-data POST文件上传详解理论简单的HTTP POST大家通过HTTP向服务器发送POST请求提交数据,都是通过form表单提交的,代码如下:...
阅读(54) 评论(0)

移动WEB--仿手机原生相册(Vue版)

效果由于图片大小限制, 画质和帧数较差, 图片那些看起来比较可爱, 也就没有计较比例问题~思路整体图片flex布局, 结合Vue和移动touch事件实现, 具体细节代码上有注释, 想学习的朋友可以看一看.代码下面主要贴上主要逻辑代码, 具体实现参见https://github.com/TheKiteRunners/phone-Vueweb-gallery//index.html <div :cl...
阅读(123) 评论(0)

移动WEB开发---用rem开发响应式设计

效果rem与em区别先讲一个基础知识点 em是相对于其父元素来设置字体大小的,这样就会存在一个问题,进行任何元素设置,都有可能需要知道他父元素的大小,在我们多次使用时,就会带来无法预知的错误风险。而rem是相对于根元素代码在每次浏览器大小变化时页面的html的font-size大小都会改变 <meta c...
阅读(41) 评论(0)

利用Performance API分析网站性能

performancewindow.performance.timing对象包含了完整的网页加载性能数据, 下面详细介绍如何通过对象各个属性获取页面加载期间各个阶段的性能 页面加载的第一个时间点是navigationStart, 表示上一个页面的unload事件触发, 接下来的事件点是fetchStart, 表示开始获取当前页面内容. fetchStart时间点和navigationStart时间点...
阅读(92) 评论(0)

H5Server Sent Event服务端主动发送数据回客户端

效果图Server Sent EventServer Sent Event通过EventSource对象接收服务器发送事件的通知. 有三个事件message, open, error下面的代码演示了使用的方法例子代码运行环境: node.js代码粘贴下面代码运行node index.js//index.html <me...
阅读(54) 评论(0)

H5PostMessages实现跨页面通信

效果图postMessagesHTML5提供了新型机制PostMessage实现安全的跨源通信.语法otherWindow.postMessage(message, targetOrigin, [transfer]); otherWindow: 其他窗口的一个引用, 比如IFRAME的contentWindow属性, 执行, window.open返回的窗口对象. message: 将要发送到其他窗...
阅读(58) 评论(0)

H5实现手机摇一摇

方向事件deviceorientation该事件实在设备方向发生变化时触发, 使用方法如下;window.addEventListener('deviceorientation', orientationHandler, true);回调函数orientationHandler会接收到一个DeviceOrientationEvent类型参数, 包含以下信息. 属性名 说明 absolute...
阅读(43) 评论(0)

H5实现调用本地摄像头实现实时视频以及拍照功能

效果这是柚子皮…博主就穿个小背心就不露脸了…getUserMedia APIHTML 5 的getUserMedia API提供了访问媒体的能力, 基于该特性, 开发者可以不依赖任何浏览器插件下去访问视频和音频等设备.旧版API : navigator.getUserMedia 新版API : navigator.mediaDevices.getUserMedia旧版语法: getUserMedi...
阅读(96) 评论(0)

一张图让你理清javascript中__proto__, prototype, 以及constructor之间的关系

如下图所示画的有点不太好看, 但是关系还是很清楚的...
阅读(50) 评论(0)

javascript---为ajax创建一个进度条指示器

xhr的progress事件在XMLHttpRequest2级中添加了一个progress事件, 这个事件会在浏览器接收新数据期间周期性的触发. 而onprogress事件处理程序会接收到一个event对象, 其target属性是XHR对象, 但会额外包含三个属性: lengthComputable, position和totalSize. 其中, lengthComputable是一个表示进度信息...
阅读(43) 评论(0)
111条 共8页1 2 3 4 5 ... 下一页 尾页