随笔分类 - javascript
摘要：最近有一个需求里有个动效是这样的，一张图片从右边往左边无限循环滚动，然后图片上还有一个人骑着车放风筝，这样的一个场景。。我用css3实现出来有，每次动画执行完后循环的那一瞬间总是会有种切换，给人抖动的感觉。于是在跟ui商量之后，让她导出动画的json文件，然后我这边通过lottie-web这个直接使
阅读全文
摘要：以前看到reduce方法，总是看得我头皮发麻，今天无意间又遇到他了，于是学习了下，接触之后，觉得这个方法还挺好用的，在很多地方都可以派上用场，比如，数组中元素求和、数组去重、求数组中的最大值或最小值等等都可以用到它。 reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，
阅读全文
摘要：html主要部分： 初始化selectList = []，checkboxList = ['苹果', '橡胶', '梨', '桃子']。 首先说全选事件，这个比较好弄。就是每次触发事件的时候先清空selectList，然后将checkboxList的值赋值给selectList就行了。 反选事件。所
阅读全文
摘要：众所周知，移动端有fixed遮罩或弹出层时，屏幕上滑动，后面的背景也会跟着滚动，强迫症的我总是觉得不舒服。然而也没有找到完美的解决方法。 这里说说两种能用的方法。 1、遮罩或弹层没有滚动的内容时： vue里提供了一个很好用的解决办法：@touchmove.prevent 如果不用vue的话，那就监听
阅读全文
摘要：工作需要，要做一个点击某一元素，在规定的时间内，点击次数达到一定值时，才触发其他事件。 刚开始是一脸懵逼，思绪混乱，首先想到了使用定时器，后来绕来绕去，始终没有解决，在跟安卓开发的同事交流一番后，便产生了一个更加简单的方法，不使用定时器。 大致思路是这样的：初始时，给一个变量clickNum，值为0
阅读全文
摘要：1、验证中文和英文： let pattern = /^[a-zA-Z\u4e00-\u9fa5]+/ let
阅读全文
摘要：标题有点绕，其实意思就是根据系统当前时间，获取n分钟或n小时或n个月后的时间。 例如：当前时间下，获取10分钟后的时间。 同理，设置30分钟，60分钟或1个小时，5个小时，可以将小时转换为分钟，然后获取当前分钟再加上需要设置的时间即可。 获取1个月后的日期： 同理获取n个月后或n个月前的日期都是如此
阅读全文
摘要：无意中遇到了一种很奇怪的日期格式，从接口中返回的日期是这样的，如 2018-02-06T11:59:22+08:00 。然而这却不是我们想要的，我们要的是这种，YYYY-MM-DD HH:mm:ss。 那么这种是怎么转换的呢？ 这时候就可以使用一款很好用的日期、时间处理工具，moment.js。 对
阅读全文
摘要：经常会遇到图片上传的问题，这时候我们会传图片的地址，宽和高到服务器，至于图片上传就不说了，这里主要说图片上传时获取图片的原始宽和高的问题。 一般而言，我们把图片上传至服务器时，服务器会返回一个上传地址给我们，这个就是我们图片的url了，但是光有这个还是不够的，因为还要将图片的宽和高传给服务器，这时候
阅读全文
摘要：target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。 在标准浏览器下我们一般使用event.target就能解决，然而低版本IE浏览器总是会出些幺蛾子，这时候就得使用event.srcElement。 这时候就得有一个兼容性的写法了。 1、使用三元运算符 2
阅读全文
摘要：有时候我们需要复用一个页面，但是又希望他们拥有各自的标题，这时候就需要动态的去更改页面的title了，不然所有页面都是一个标题。 这时候就会想到使用js或jQuery去实现了。 1、js方式。 首先，我想到了使用document.getElementsByTagName()去获取页面的title标签
阅读全文
摘要：这里说的cookie。是指javascript中的cookie 与jquery中的cookie。 （1）、javascript cookie Cookie 是一些数据, 存储于你电脑上的文本文件中。当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。 可以为 co
阅读全文
摘要：今天遇到一个新的问题，就是图片拖拽上传至服务器，一般，我们会想到使用ajax，但是现在问题是ajax默认是不能直接提交文件的的，也就是说，我们拖拽上传图片后，没法将上传的图片信息发送到服务器，这时候就要模拟form表单的提交了。 既然要上传，这里首先要讲到的就是图片拖拽上传了。 图片拖拽完成，现在要
阅读全文
摘要：之前用过定时器，只不过用的不是很多，关于js定时器，一般而言我们很容易想到setInterval和setTimeout这两种。 刚开始学js定时器时，记住了setInterval,该方法一般用于每隔多久就调用定时器中的方法一次，是可以循环执行的，而setTimeout则是过多久后才执行定时器中的方法
阅读全文
摘要：首先，JavaScript中函数有两种创建方式，即函数声明、函数表达式两种。 1、函数声明。 2、函数表达式。 现在来说说函数声明提升。还是以例子来说明吧。 运行后可知，在函数声明中，函数创建前就可以先调用函数。 由于函数声明提升，其实上述语句相当于这样： 而在函数表达式中，则会是另一番结果。 运行
阅读全文
摘要：一直以来对变量提升都是比较模糊的，今天特地看了一下这个知识点，总结一下。 1、举个最简单的例子来说一下什么是变量提升吧。 由于变量声明提升，其实上述代码相当于 可以看出，变量提升其实是变量声明的提升，变量值并没有提升。 现在将上述代码变一下。 2、在函数内变量声明前使用return关键字。 因为变量
阅读全文
摘要：今天在工作中要将获取到的时间转换为时间戳，一时间竟不知道怎么用，于是不得不去查询资料，这里特地做个笔记。 1、将日期转换为时间戳。 要将日期转换为时间戳，首先得先获取到日期，这里可以直接指定日期，或者是使用当前日期。要获取当前日期，我们可以使用new Date()来获取。直接上代码。 2、将时间戳转
阅读全文
摘要：无意中看到fill这个方法，有些不解，起初以为是人家自定义的方法，后来才发觉原来不是，javascript里面是真的有这个方法，于是特地学习了下。 fill()方法的作用是使用一个固定值来替换数组中的元素。该固定值可以是字母、数字、字符串、数组等等。fill()方法还有两个可选参数，表示填充的起始位
阅读全文
摘要：假如有这样一个数组。arr = [12,34,45,46,36,58,36,59]，现在要遍历该数组。 方法1：以前我们可能会这样做： 方法2：自ES5发布后，我们可以使用内置的forEach方法来遍历数组。 这段代码看起来简单，然而有些缺陷，就是不能使用break语句中断循环，也不能使用retur
阅读全文
摘要：在写页面时经常会遇到需要获取图片的宽度、高度等情况。然而以前总是获取的是图片实际渲染的宽度和高度，也就是你用css或js设置后的图片的宽度和高度，并不是图片原始的尺寸。今天突然遇到这个问题，一时之间不知如何做，查了下资料，自己摸索了一下。特此总结一下。 例如。有这样一张图片，代码如下： 1、获取图片
阅读全文
