互联网络
fis难用的地方
1.刷新不同步，刷新的结果是前一次的修改结果2.刷新时间非常长3.有些代码打包不兼容，例如tween这个库，有函数yoyo:functionyoyo(yoyo){}的形式，不能正确打包，会报[ModJs]:connotfindmodule4.拆包不方便，没有类似webpack，commonChunkPlugin的工具5...
表格显示滚动条
表格显示滚动条显示一个滚动条，可以提示用户下面还有数据。具体如下:代码如下：.tab-record::-webkit-scrollbar{width:.04rem;height:auto;display:block;}.tab-record::-webkit-scrollbar-track{-webkit-box-sh...
双指针查找数组的连续规律子数组问题
1.查找连续重复的子数组vararr=[1,2,3,9,9,9,9,6,7,9,9,9,8,10,10,10,15,10,10];varfContinue1=function(arr,start,end){returnarr[end+1]-arr[end]!=0&&end-start>0;},fF...
正则表达式-非捕获匹配，正向预查，反向预查
出处：https://www.cnblogs.com/dh-dh/p/5261044.html https://www.cnblogs.com/madfree/archive/2012/06/15/2551071.html...
阻止光标默认事件
阻止光标的默认事件，例如阻止上键光标回到输入框头部，可以在onkeydown中，onkeyup和oninput事件中不行。<inputonkeydown="fKeyDown(event)"/>判断event键为向上(38)时，阻止一下默认事件，直接返回functionfKeyDown(event){vark...
transitionEnd和animationEnd的一个临时解决方案
transtionEnd需要添加前缀，并且存在多次触发问题，animationEnd也需要添加前缀，下面是一个临时性解决方案，解决了部分问题，完美方案探索中(function(){varbody=document.body||document.documentElement,style=body.style;varve...
双向绑定的极简实现
<inputid="a"type="text"/><spanid="b"></span>varobj={}；Object.defineProperty(obj,'txt',{set:function(val){document.getElementById('a').value=va...
对象池简单实现
实现了一个简单的对象池，方便在对象数量不多的情况下复用对象：//size为对象池最大对象数量，fCreate为对象的构造函数//返回值是一个包含get方法的对象，本质是特定对象的objectPoolfunctionobjectPoolFactory(size,fCreate){varpool=[];functionge...
判断元素是否在视口和元素相交
判断元素是否在视区内functionisElementInViewport(el){varrect=el.getBoundingClientRect();return(rect.top>=0&&rect.left>=0&&rect.bottom<=(window.inn...
手指滑动方向判断
判断手指滑动的方向方法1(通过横向和纵向距离比较)varstartX,startY;$("body").on("touchstart",function(e){e.preventDefault();startX=e.originalEvent.changedTouches[0].pageX,startY=e.origi...
元素滚到到底部原理
元素滚动到底部原理element.scrollHeight-element.scrollTop===element.clientHeight另外一种判断方法（元素占据整屏适用）element.getBoundingClientRect().bottom-element.clientHeight<threshold...
gulp技巧总结
1.gulp.dest会自动创建目录gulp.dest(dir)，若dir不存在，gulp会自动创建它2.gulp.srccopy具名路径(即不子目录**的路径)的文件，不会保留文件夹路径gulp.src('static/user/user.js').pipe(gulp.dest('dist));gulp.src('s...
工厂模式理解
工厂的作用就是生产实例，但其与构造函数不同。工厂是用来生产多种类型实例的。例如，麦当劳可以生产汉堡，薯条和可乐，再例如，美的可以生产冰箱，洗衣机，和空调等。工厂生产的产品必须要用相关性，属于一个产品族或者属于多个相近的产品族。工厂模式分为三种，分别是1.简单工厂，通过switch语句根据产品标识生产不同类型的产品，直接...
性能优化-使用 RAIL 模型评估性能
RAIL是一种以用户为中心的性能模型。每个网络应用均具有与其生命周期有关的四个不同方面，且这些方面以不同的方式影响着性能： TL;DR以用户为中心；最终目标不是让您的网站在任何特定设备上都能运行很快，而是使用户满意。立即响应用户；在100毫秒以内确认用户输入。设置动画或滚动时，在10毫秒以内生成帧(一帧只有1...
