随笔分类 - JS插件
摘要：js 库 Particles.js — 一个用来在 web 中创建炫酷的浮动粒子的库 Three.js — 一个用来在 web 中创建 3d 物体和 3d 空间的库 Fullpage.js— 快速实现全屏滚动特性 Typed.js — 打字机效果 Waypoints.js — 滚动到某个元素位置时触
阅读全文
摘要：现在有很多网站都做了全屏滚动的特效，效果也很好看，今天就给大家说说fullPage.js的使用方法和设置。 简介 fullPage.js是一个基于<span class="tag-span">jQuery</span>的全屏滚动<span class="tag-span">插件</span>，它能够
阅读全文
摘要：在项目中遇到了fullpage超出部分滚动的问题：最后一屏是底部，不足一屏，再往下滚，不再是整屏滚动，需要往上一屏连接。话不多说，看图： 要实现这个功能，需要用到$.fn.fullpage.setAutoScrolling(false);这个方法是改变页面的滚动方式--由整屏滚动改为自然滚动。结合f
阅读全文
摘要：参考文章 浅谈JS函数防抖及应用场景 1、场景演示 疯狂点击按钮 正常情况下，点击提交按钮，应该发送接口请求 ，如果用户网络不够畅通，接口请求需要1s完成，期间你提交了多次.... ....，此时在后台也就默认接受了很多次的请求，这种方式及其浪费服务器资源，所以需要在前端做个防抖和节流。本节介绍下防
阅读全文
摘要：前言 JavaScript 发展至今已经发展出多种数组的循环遍历的方法,不同的遍历方法运行起来那个比较快,不同循环方法使用在那些场景,下面将进行比较: 各种数组遍历的方法 for 语句 代码: var arr = [1,2,4,6] for(var i = 0, len = arr.length;
阅读全文
摘要：前端必备自定义滚动库——iScroll iScroll是什么 很多场景，如果使用body的滚动会很不方便，这时候，就会使用某个元素的局部滚动，恶心的事情就会发生了。 pc端web，windows系统的浏览器会出现丑陋的滚动条。(其实也有最新的css样式可以解决，兼容性欠佳) 手机移动端，ios浏览器
阅读全文
摘要：IScroll.js插件是兼容所有移动端滚动条事件的插件，在某些安卓机中，我们无法通过overflo:scroll这个css属性来出现滚动条；它也可以非常好的在一个容器元素中处理滚动; 注意 在使用IScroll.js必须要有3层元素嵌套，如： <div class="food-left"> <ul
阅读全文
摘要：一个好的可视化，能够带给人们不仅仅是视觉上的冲击，还能够揭示蕴含在数据中的规律和道理。下面就总结一下可视化的基础概念。 【可视化的意义】 可视化的终极目标是洞悉蕴含在数据中的现象和规律，这里面有多重含义：发现、决策、解释、分析、探索和学习。 简明定义是：通过可视表达增强人们完成某些任务的效率 可以化
阅读全文
摘要：1.简介 随着移动端的愈加火爆，目前很多HTML5的框架都在支持移动方向，比如：Vue.js，zepto.js，React Native等等。 Zepto是一个轻量级的针对现代高级浏览器的JavaScript 库， 它与jquery 有着类似的api。 如果你会用 jquery，那么你也会用 zep
阅读全文
摘要：前端组件化的痛点 在前端组件化横行的今天，确实极大的提升了开发效率。不过有一个问题不得不被重视，拟引入的这些html、css、js代码有可能对你的其他代码造成影响。虽然我们可以通过命名空间、闭包等一系列措施来加以防备，不过还是存在这些隐患。为了解决这些问题，有一个基本大家遗忘的技术还是可以了解一下的
阅读全文
摘要：话不多说上代码： 1 2 3 4 5 6 7 8 9 1.判断是不是微信 function is_weixn(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger"
阅读全文
摘要：源文：http://blog.csdn.net/tivonalh/article/details/60954373 假设是已经申请完成各平台开发者账号。 先来简单的，微博和QQ 微博： 引入微博JS <script src="http://tjs.sjs.sinajs.cn/open/api/js/
阅读全文
摘要：这里发现小程序实现步骤,Vue与之类似 先上效果图： <view class="icons"> <swiper indicator-dots="true" indicator-active-color="rgba(0,175,190,.8)" style='height: 360rpx;'> <sw
阅读全文
摘要：问题描述： 用ajax动态加载swiper-slide以后，由于我是自适应屏幕的尺寸来决定一屏显示多少图片，所以加了 slidesPerView:'auto'这条属性，加了这条属性过后，每次刷新页面的时候他总是跑到最后一张 亲测有效 分析：默认的是加载的空数组，等数组获取完再加载swiper组件，在
阅读全文
摘要：移动端点击延迟事件 1. 移动端浏览器在派发点击事件的时候，通常会出现300ms左右的延迟 2. 原因: 移动端的双击会缩放导致click判断延迟 解决方式 1. 禁用缩放 `<meta name = "viewport" content="user-scalable=no" > ` 缺点: 网页无
阅读全文
