随笔分类 -  js

在使用FileReader.readAsDataURL()时，处理不能不能连续选择同一个文件的问题
摘要：在现在的网页开发中，在用户上传图片时，一般都会在用户提供一下预览功能，html5的FileReader()可以直接用我们实现预览，而不用先上传到后台再实现预览，同时结合canvas可以让我们轻松的实现压缩图片 以下是核心代码 function readFile(obj) { var file = o 阅读全文
posted @ 2017-12-22 15:20 十nian 阅读(2990) 评论(0) 推荐(0)
关于限制input只能输入大于1的正整数的问题
摘要：在填写表单的过程中，处理输入框是很常见的，这里采用input的事件来处理，也可以使用change事件，如下列的代码 在输入处理阶段在手机端可以用h5的标签属性（number,tel）处理很大一部分的输入 $inputCarbon.on('input', function() { var _this 阅读全文
posted @ 2017-12-22 14:33 十nian 阅读(5074) 评论(0) 推荐(0)
js的深复制和浅复制
摘要：在弄项目的时候我们可能会遇到将一个对象复制给另外一个对象的情况，对象的复制不像基本类型那样简单的进行复制，因为对象是保存的堆内存中，如果只是简单的复制的话，如果其中一个对象的属性改变了，会造成另外一个对象的属性也会跟着改变，这是不允许出现的，这里介绍对象复制的几种情况： 1.对象是数组的情况 如果已 阅读全文
posted @ 2017-08-31 16:10 十nian 阅读(191) 评论(0) 推荐(0)
关于在苹果手机里面使用new Date()的一些小问题
摘要：今天在修改bug的时候，遇到这么一个问题，在使用new Date()格式时间的时候，得到的是一个null的值，这让我郁闷了许久，查了资料和问了同事才知道，在苹果手机那里使用new Date()的时候，格式化的时候和安卓机有些不同，下面还看下案例： 1.格式化yyyy-mm-dd hh:MM的情况 在 阅读全文
posted @ 2017-07-03 18:07 十nian 阅读(2759) 评论(0) 推荐(0)
关于js中存在多个定时器的处理问题
摘要：在项目中遇到过这样的情况：一个列表中需要对每一列数据做处理，而且当中用到了定时器，这就涉及到多个定时器的问题，之前遇到的是一个定时器的问题，所以问题还是比较好解决的，当要处理多个定时器，一起来看看下面的代码（这里以一个下拉列表的列子为案列） var clearTime={};//预先定义了一个对象 阅读全文
posted @ 2017-04-25 11:16 十nian 阅读(2974) 评论(0) 推荐(0)
关于在获取数据后对数据用forEach进行处理的认知
摘要：arr.forEach（function(item,index,arr){}）的用法： 参数：item数组中的当前项, index当前项的索引, arr原始数组； 数组中有几项，那么传递进去的匿名回调函数就需要执行几次； 理论上这个方法是没有返回值的，仅仅是遍历数组中的每一项并执行其他的方法，不对原 阅读全文
posted @ 2017-04-09 18:56 十nian 阅读(1785) 评论(0) 推荐(0)
关于在vue中结合数组方法的this的指向问题
摘要：最近在项目中遇到一个这样的小问题，在用数组方法结合vue的时候，this的指向不是当前的vue实例，直接看代码 allSelect: function() { var _this = this; console.log(_this) this.checkId = []; this.batchDeal 阅读全文
posted @ 2017-03-20 17:48 十nian 阅读(3371) 评论(0) 推荐(0)
webpack 配置IP 和端口号
摘要：最近在用webpack搭建本地服务器的时候，因为不想总是用localhost来跑，所以对webpack.config.js进行了配置，如下 devServer: { //publicPath: '/dist/', host: '192.168.0.104', inline: true, port: 阅读全文
posted @ 2017-02-18 13:34 十nian 阅读(16381) 评论(0) 推荐(1)
echarts.制作中国地图,点击对应的省市链接到该省份的详细介绍
摘要：今天花了一天的时间，用echart弄了一个效果，是从中国地图点进去身份并把改省份的数据渲染出来的效果，刚开始完全没有头绪，只能硬着头皮去看百度echart的api，和博客，看了半天，好家伙，终于给我找到了对应的案列，不多说，看代码，这里采用的是echart2的版本 <!DOCTYPE html><h 阅读全文
posted @ 2017-01-09 18:11 十nian 阅读(39784) 评论(4) 推荐(1)
关于offsetWidth innerWidth的使用
摘要：最近因为有使用到offsetWidth 和innerWidth,刚开始以为这两个属性在jq何js之中是可以通用的，谁知道在js中使用innerWidth时，发现如果对页面元素使用它时，发现出来的是undefined,通过查询资料得知，该属性只能对window使用，也就是对窗口使用，所以在此弄一篇随便 阅读全文
posted @ 2016-09-04 15:04 十nian 阅读(1850) 评论(0) 推荐(0)
关于mobiscroll插件的使用
摘要：在网上找了很多资料，各大猿友对这个插件都做了很详细的介绍，我也是看了很多资料才发现原来这个插件有一些需要注意的地方，在这总结了一下： 阅读全文
posted @ 2016-08-21 23:59 十nian 阅读(2847) 评论(0) 推荐(0)
关于取url或者微信中参数的js
摘要：今天遇到这么个情况，因为是第一次弄，所以在这里做了个记录，因为要弄过二维码的功能，要获取里面的参数并传给后台，所以要对二维码里面的地址进行过滤。刚开始是很惆怅的，因为之前没弄过，原以为可以通过split分割就可以了，谁知道，二维码里面还有其乱七八糟的东西过来，想法就破灭了，只好去百度，果然不负所望， 阅读全文
posted @ 2016-07-28 13:23 十nian 阅读(3892) 评论(0) 推荐(0)
使用默认图片替代某张图为空时的情况
摘要：今天听小伙伴在群上讨论当图片为空时使用默认图的情况，作为好奇一下，自己写了一段程序好验证一下； 在这里不得不谈ready和load的区别了： reay先于load执行，就是在构造html,dom模型的时候执行，而load的话，则在页面加载完毕之后执行，以下是执行步骤： 1.解析HTML结构 2.加载 阅读全文
posted @ 2016-03-18 17:59 十nian 阅读(1794) 评论(0) 推荐(0)
在数组中计算和的最大最小值
摘要：在博客中看到了一篇文章挺有意思的，文章地址是:http://www.cnblogs.com/flsummer/p/5025286.html是关于计算连续三个数的值，以以下数组为例，1-2-3，1-2，6，1-1-4算连续的，1-1-2，1-2-2则不算，借鉴于他的写法，我作了一些小小的改变，我把数组 阅读全文
posted @ 2016-03-18 12:05 十nian 阅读(282) 评论(0) 推荐(0)