Welcome 微信登录

首页 / 脚本样式 / JavaScript

原生JS实现平滑回到顶部组件

原生JS实现平滑回到顶部组件

返回顶部组件是一种极其常见的网页功能,需求简单:页面滚动一定距离后,显示返回顶部的按钮,点击该按钮可以将滚动条滚回至页面开始的位置。实现思路也很容易,只要改变document.documentElement.scrollTop或document.body.scrollTop的值即可。本文抛弃所有加速减速的酷炫效果,回归软件的本质,提供一个最简洁的实现,只追求实用性,不追求所谓的用户体验,效果如下由于思路跟代码都很简单,所以就直接贴出实现细节了:var Ba...
通过隐藏iframe实现无刷新上传文件操作

通过隐藏iframe实现无刷新上传文件操作

其实在ajax出现之前,web应用也可以是无刷新的,那时大多通过IFrame来做到这一点。当然Ajax出现之后,人们一窝蜂地投奔Ajax 的阵营了,iFrame 就乏人问津了。但是用iFrame来实现无刷新上传文件确实一个很好的选择。解决办法是通过一个隐藏的iframe来处理上传操作我采用的是ReactJS,amazeui,nodejs1.html target指向iframe的name,就是把上传后的操作交给iframe来处理.<form id="...
Uploadify上传文件方法

Uploadify上传文件方法

Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示。不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示或下载。先给大家展示下效果图:修改:报找不到uploadify-cancel.png文件。找到uploadify.css,找到.uploadify-queue-item .cancel a {,修改文件的路径。好多人都说,在chrome、Firefox上使用u...
浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结

浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结

这是一篇关于javascript模块化AMD,CMD,CommonJS的学习总结,作为记录也给同样对三种方式有疑问的童鞋们,有不对或者偏差之处,望各位大神指出,不胜感激。本篇默认读者大概知道require,seajs的用法(AMD,CMD用法),所以没有加入使用语法。1、为何而生:这三个规范都是为javascript模块化加载而生的,都是在用到或者预计要用到某些模块时候加载该模块,使得大量的系统巨大的庞杂的代码得以很好的组织和管理。模块化使得我们在使用和管...
教你用javascript实现随机标签云效果_附代码

教你用javascript实现随机标签云效果_附代码

标签云是一套相关的标签以及与此相应的权重。典型的标签云有30至150个标签。权重影响使用的字体大小或其他视觉效果。同时,直方图或饼图表是最常用的代表约12种不同的权数。因此,标签云彩能代表更多的权,尽管不那么准确。此外,标签云通常是可以交互的:标签是典型的超链接,让用户可以仔细了解他们的内容。大概可以理解为一堆相关或者不相关的标签混到一块,根据不同的重要程度,或者其他维度的不同来为每个标签设置不同的样式已凸显他们的不同,这样的一堆标签在一起就是我们通常说的...
盘点javascript 正则表达式中 中括号的【坑】

盘点javascript 正则表达式中 中括号的【坑】

在javascript中使用正则时需要注意中括号里边的一个坑,那就是中括号内的元字符问题。自己踩到坑了,网上搜了一下还有不少人踩了这个坑,所以大概说一下。中括号在正则中称为字符组(Character class),有的书翻译为字符类,还有的翻译成字符集。我觉得字符组更好点,毕竟class在计算机属于中代表面向对象里的“类”。顾名思义,字符组为一组字符,它表示在一个位置里可能出现的多种字符。注意这里强调只匹配一个位置哦。(此段摘自-http://www.cn...
基于socket.io+express实现多房间聊天

基于socket.io+express实现多房间聊天

socket.io简介Socket.IO是一个开源的WebSocket库,它通过Node.js实现WebSocket服务端,同时也提供客户端JS库。Socket.IO支持以事件为基础的实时双向通讯,它可以工作在任何平台、浏览器或移动设备。Socket.IO支持4种协议:WebSocket、htmlfile、xhr-polling、jsonp-polling,它会自动根据浏览器选择适合的通讯方式,从而让开发者可以聚焦到功能的实现而不是平台的兼容性,同时Soc...
Fullpage.js固定导航栏-实现定位导航栏

Fullpage.js固定导航栏-实现定位导航栏

FullPage.js 是一个简单而易于使用的插件,用来创建全屏滚动网站(也被称为单页网站)。除了可以创建全屏滚动效果以外,也可以给网站添加一些水平的滑块效果。能够自适应不同的屏幕尺寸,包括平板电脑和移动设备。开始制作自己的个人简历啦,决定要使用固定导航栏,又打算使用fullpage.js做全屏滚动。仔细看了fullpage文档之后,发现不用额外写js代码就可以实现以下效果:1.当滚动翻页时,导航栏也自动定位到这一页的标签2.当然点击标签时,也是滚动到那一...
<< 1321 1322 1323 1324 1325 1326 1327 1328 1329 1330 >>