
js_技巧
文章平均质量分 56
拼搏的小叔
开心往前走。。。。
展开
-
vue2.0+ 利用高德地图的巡航轨迹, 做带进度条和倍速的轨迹回放
vue 利用高德地图的巡航轨迹, 做带进度条和倍速的轨迹回放所用技术:vue,高德地图(amap),iview-slider绘制轨迹使用的是高德地图的 轨迹展示 功能对应demo地址:https://lbs.amap.com/api/amap-ui/demos/amap-ui-pathsimplifier/simple-demo,api地址:https://lbs.amap.com/api/javascript-api/reference-amap-ui/mass-data/pathsimp原创 2020-09-27 13:17:45 · 3412 阅读 · 2 评论 -
js reduce实现二维数组纵向和
reduce() 的用法详解过去有很长一段时间,我一直很难理解reduce()这个方法的具体用法,平时也很少用到它。事实上,如果你能真正了解它的话,其实在很多地方我们都可以用得上,那么今天我们就来简单聊聊JS中 reduce() 的用法。一、语法arr.reduce(function(prev,cur,index,arr){...}, init);其中,arr表...原创 2019-12-05 16:16:32 · 1147 阅读 · 0 评论 -
解决手机自带浏览器上,用rem单位,内容超出屏幕宽度问题!(rem计算不准)
问题描述:在H5手机页面上,用rem单位布局,配合js计算出一个根节点的font-size(原理是屏幕宽度乘以一个固定比例,如1/100),之后页面中所有的px全都换算成了rem单位来写,优点是能适配各种不同屏幕尺寸的手机,不需要写媒体查询!例如:设计稿是750px,用js计算出来的根节点font-size是100px(证明此时屏幕宽度是750px),那最外层的容器宽度就写成7.5rem(计算原创 2017-08-09 17:28:13 · 4827 阅读 · 2 评论 -
通过jQuery Ajax使用FormData对象上传文件
FormData对象,是可以使用一系列的键值对来模拟一个完整的表单,然后使用XMLHttpRequest发送这个"表单"。在 Mozilla Developer 网站使用FormData对象 有详尽的FormData对象使用说明。但上传文件部分只有底层的XMLHttpRequest对象发送上传请求,那么怎么通过jQuery的Ajax上传呢?本文将介绍通过jQuery使用Form原创 2017-08-17 14:09:34 · 379 阅读 · 0 评论 -
js数组去重复的最优写法
1.创建一个新的数组存放结果2.创建一个空对象3.for循环时,每次取出一个元素与对象进行对比,如果这个元素不重复,则把它存放到结果数组中,同时把这个元素的内容作为对象的一个属性,并赋值为1,存入到第2步建立的对象中。说明:至于如何对比,就是每次从原数组中取出一个元素,然后到对象中去访问这个属性,如果能访问到值,则说明重复。 Array.prototype.uniq原创 2017-08-21 15:46:25 · 2550 阅读 · 0 评论 -
ios底部输入框输入时被隐藏的bug解决
最近做项目的时候,底部的输入框用了fixed定位固定在底部,当点击输入时,键盘弹起盖住了输入框问题,小编对此问题进行了分析,给了一个完美的解决的方法,方法如下demo。 底部输入框被隐藏的bug解决 * { padding: 0; margi原创 2017-07-27 21:08:24 · 2126 阅读 · 0 评论 -
Google Chrome浏览器点击 input file上传按钮时延迟3-5秒
Google chrome 浏览器在52版本之后出现一个bug,就是点击 input file上传按钮时反应很慢,需要等待3-5秒种之后才能弹出选择文件的对话框。比如改为问题解决;但是还要支持zip、rar、pdf呢!再改成:不幸的是延迟弹出的bug再次出现。新版chrome在点击input file时,如果你仅仅上传图片,chrome是不会检查这些图片是否有危原创 2017-08-15 08:57:21 · 1942 阅读 · 0 评论 -
js 某年的某月多少天(最优)
function getDaysInMonth(year, month) { // 接受俩个参数 年,月 var date = new Date(year, month, 1); return new Date(date.getTime() - 864e5).getDate(); } getDaysInMonth(2018, 2); // 28天...原创 2018-04-09 09:32:59 · 475 阅读 · 0 评论 -
最简便的list数据转树形结构方法(递归详细)
后台返回数据是一行一行的,但是前端展示要树形结构数据,所以需要我们自己处理函数了,小编在此献丑了,小写一个简便函数供大家参考,希望反馈一下。返回数据格式 :var list= [{ name: '根目录1', id: 1, parentId: 0 },{ name: '根目录2', id: 2, parentId: 0 },{ name: '目录1-1', id: ...原创 2019-05-31 10:27:54 · 16900 阅读 · 7 评论 -
javascript时间戳和日期字符串相互转换代码(超简单)
一、日期字符串转时间戳 // 获取当前时间戳(以s为单位) // 第一种方式 var timestamps = +new Date(); timestamps = timestamps / 1000; // 第二种方式 var timestamp = Date.parse(new Date()); timestamp = tim原创 2017-08-09 10:36:39 · 72595 阅读 · 7 评论 -
elementFromPoint的用法(详解)
document.ElementFromPoint:根据坐标获得元素,可用于触屏设备上获取当前点击元素的名称语法:oElement = document . elementFromPoint ( iX , iY )参数:iX : 必选项。整数(Integer)。单位:象素(Pixel)。定位横坐标偏移量。iY : 必选项。整数(Integer)。单位:象素(Pixel)。定原创 2017-07-24 15:58:53 · 14664 阅读 · 1 评论 -
AngularJS中的一次性数据绑定 (bindonce)
一、理解双向数据绑定和监听器为了实现双向数据绑定,AngularJS使用了$watch API来观察期作用域中的模型变化。具体的作用域取决于你的代码如何编写。如果你没有创建一个自作用域,就是说没有使用ngController指令在你的DOM和你的控制器代码之间创建一个关联,你可能处理的是跟作用域$rootScope,这个作用域由ngApp自动创建,并且是应用中所有作用域的父作用域,当然原创 2017-05-11 14:55:06 · 1089 阅读 · 0 评论 -
js实现获取两个日期之间所有日期最简单的方法
只需这样就可以取出俩日期点之间的所有的日期,我们就可以轻松绑定echars图表为空的数据了。原创 2017-04-25 16:26:27 · 10425 阅读 · 1 评论 -
一维数组变二维数组的写法(详解)
最近遇到一个需求,需要把一维数组变二维数组,例如:var arr = [1,2,3,4,5,6,7,8,9];变为[[1,2],[3,4],[5,6],[7,8],9] ;小编写出来了,顺便分享给大家看一下;代码如下:function oneArrToTwoArr(data) { var newData = []; for (var i = 0; i < Math.ceil(d原创 2017-07-11 17:10:37 · 4191 阅读 · 1 评论 -
js仿照聊天记录的时间显示 今天 昨天
var time = '2017年06月02日 10:43:24'; // 时间统一函数 function getTimeText(argument) { var timeS = argument; var todayT = ''; // var yestodayT = ''; var timeCha = getTim原创 2017-07-04 15:25:02 · 8351 阅读 · 5 评论 -
js小数相加、相乘失去精度问题解析详解(最优方案)
我们得到后台返回的float类型的数字,用来相加、相乘失去精度,得到小数点显示很多位,为了这个问题,小编找到一个最优方法,贡献给大家参考。var CMX = CMX || {};/** ** 加 **/CMX.add = function (arg1, arg2) { var r1, r2, m, c; try { r1 = arg1.toString().split(原创 2017-07-22 11:17:57 · 9595 阅读 · 0 评论 -
css3文字模糊代码(详解)
-webkit-transition:0.5s all ease;是会在0.5秒的时间执行li的所有指定的动画,text-shadow:0 0 10px black;这个是对文字设置黑色的阴影,opacity:0.8;这个是整体的透明度color:rgba(0,0,0,0);这个是设置文字的颜色为黑色,然后是指其透明度为全部透明原创 2017-07-31 15:14:44 · 5294 阅读 · 1 评论 -
javascript如何查找字符中的回文串?
题目:javascript如何查找字符中的回文串?所谓回文字符串,就是一个字符串,从左到右读和从右到左读是完全一样的。比如"level" 、 “aaabbaaa”function huiString(s) { var t = s.split("").join("#"); t = "~" + t + "#"; var c = 1, e = 0, cs原创 2017-07-24 14:55:11 · 825 阅读 · 0 评论 -
touch事件中的touches、targetTouches和changedTouches(详解)
touches: 当前屏幕上所有触摸点的列表;targetTouches: 当前对象上所有触摸点的列表;changedTouches: 涉及当前(引发)事件的触摸点的列表通过一个例子来区分一下触摸事件中的这三个属性:1. 用一个手指接触屏幕,触发事件,此时这三个属性有相同的值。2. 用第二个手指接触屏幕,此时,touches有两个元素,每个手指触摸点为一个值。当两个手指触摸相同原创 2017-07-24 15:49:20 · 7207 阅读 · 0 评论 -
Angularjs中ng-select和ng-options的用法详解
最近由于项目需要,学了一段时间的angularjs,发现还是比较容易上手的,里面有很多地方,的确震撼了自己。这里就简单的介绍一下angularjs中ng-select和ng-options的用法。一、ng-selectng-select用来将数据同HTML的标签进行绑定。这个指令可以和ng-model以及ng-options指令一起使用,构建精细且表现良好的动态表单。ng-opti原创 2017-05-10 17:22:17 · 2623 阅读 · 0 评论