背景需求：最近接了一个需求，需要做一个类似电影院的选座功能，不同的是需要自己选择日期，预定时间段，然后根据日期+时间段查询座位信息，结合图片说下需求。a、日期组件可选2天内（当天+第二天）。进入页面默认展示当天日期，预定开始时间为当前时间，预定结束时间为开始时间之后30分钟。b、日期确定后才能选择预定开...

Async是一个流程控制工具包，提供了直接而强大的异步功能。基于Javascript为Node.js设计，同时也可以直接在浏览器中使用。Async提供了大约20个函数，包括常用的map, reduce, filter, forEach等，异步流程控制模式包括，串行(series)，并行(parallel)，瀑布(waterfall)等。[链接]

出现bug的地方就是在IOS上滑块无法拖动，经过检测发现是在6plus上有这个问题。1.弹窗是通过fixed定位在页面上的。2.当表单激活的时候，由于手机自带的输入法弹起造成页面向上滚动，会隐藏页面顶部一部分。此时造成页面顶部缺失一部分，所以fixed定位的实际top距离也跟着改变，造成拖拽的滑块位置偏移到文字位置。类似于...

cookies sessionStorage和localstorage区别 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。相同点：都是存储在客户端不同点：WebStorage的优点：（1）存储空间更大：cookie为4KB，而WebStorage是5MB；（2）节省网络流量：WebStorage不会传送到服务器，存储...

公司项目中有个维修预约的功能，涉及到预约时间选择，上线后经上机测试，在Android系统中，该代码片段正常运行，但是在IOS系统中没有报错，但是右侧的时间区段选择一片空白。经过log检查，发现new Date(s)拿到的是null。先上图

js中的数组遍历是项目中经常用到的，在这里将几种方法做个对比。 for循环：使用评率最高，也是最基本的一种遍历方式。 {代码...} forEach()循环：forEach中传入要执行的回调函数，函数有三个参数。第一个参数为数组元素(必选)，第二个参数为数组元素索引值(可选)，第三个参数为数组本身(可选) {代码...} map循环： map()...

今天在看廖雪峰大神的博客意外地发现javascript是不能用 '=='或'==='操作符直接比较两个数组是否相等的。 先看案例： {代码...} 为什么都输出false呢？先弄清楚以下几点： javascript包括两个不同类型的值：基本数据类型和引用数据类型。 基本数据类型指的是简单的数据段，引用数据类型指的是有多个值构成的对象。 常见...

说明：该方法将从头到尾地检索字符串stringObject，看它是否含有子串searchvalue。开始检索的位置在字符串的fromindex处。如果没有fromindex参数则从字符串的开头检索。如果找到一个searchvalue，则返回searchvalue的第一次出现的位置。stringObjec中的字符串位置是从0开始的。注意事项indexOf()方法对大小写敏感。如果...

实际开发中，有时需要知道对象的所有属性，原生js提供了一个方法Object.keys()。Object.keys(obj)返回的是一个数组，该数组的所有元素都是字符串。这些元素是来自于给定的obj可直接枚举的属性，这些属性的顺序与手动遍历该对象属性时的一致。

什么是Sticky footer布局？前端开发中大部分网站，都会把一个页面分为头部区块、内容区块、页脚区块，这也是比较。往往底部都要求能固定在屏幕的底部，而非随着文档流排布。要实现的样式可以概括如下：如果页面内容不够长的时候，页脚区块在屏幕的底部；如果内容足够长的时候，页脚区块会被内容向下推送。可以以下图展示...

根据公司需求需要对让轮播无间隙播放，类似这种效果：[链接]。因为偷懒用的是swiper.js插件编写的。swiper.js自动轮播的时候都会有自动停顿，各种调研都没有合适的方法，只有慢慢摸索。通过查看代码，发现.swiper-wrapper这个类中有个属性：transition-timing-function： ease;,修改swiper.js中css的源码，将这个属性的...