js常用方法总结
木槿之夏
这个作者很懒,什么都没留下…
展开
-
复制对象中的一部分属性给另一个对象
方法一:var obj = { a: 1, b: 2, c: 3, d: 4, e: 5}如果只需要里面的 a b c 属性var {a, b , c} = objvar obj2 = {a, b , c} 方法二:var obj = { a: 1, b: 2, c: 3, d: 4, e: 5}let {d, e,...obj2} = objconsole.log(obj2);方法三:const转载 2021-04-19 10:35:05 · 3071 阅读 · 1 评论 -
关于yarn 和npm 的使用总结
yarn的简介:Yarn是facebook发布的一款取代npm的包管理工具。yarn的特点:1,速度超快。Yarn 缓存了每个下载过的包,所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率,因此安装速度更快。2,超级安全。在执行代码之前,Yarn 会通过算法校验每个安装包的完整性。3,超级可靠。使用详细、简洁的锁文件格式和明确的安装算法,Yarn 能够保证在不同系统上无差异的工作。yarn的安装:下载node.js,使用npm安装npm install -g yarn转载 2021-02-02 18:30:51 · 831 阅读 · 0 评论 -
js对象数组(JSON) 根据某个共同字段 分组
第一种:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script> var arr = [{ name: 'sxy', ...原创 2019-10-15 13:37:08 · 312 阅读 · 0 评论 -
reduce 用法
array.reduce(callback[, initialValue])第一个参数是每一项上调用的函数,该函数有四个参数:accumulator:累加回调返回值;他是上一次调用时返回的累积值,或initValue;currentValue:数组中正在处理的元素;currentIndex:数组中正在处理的当前元素的索引。如果提供了initialValue,这索引号为0,否则索引为1;ar...原创 2018-12-27 09:35:33 · 1601 阅读 · 0 评论 -
清除浮动常用的一种方法
用伪类清除浮动是目前比较常用的一种方法.clearFloat:after{ content:"."; clear:both; display:block; height:0; overflow:hidden; visibility:hidden; }以前总是加一个<div sytle="cle...原创 2018-11-12 15:46:30 · 147 阅读 · 0 评论 -
js向上取整 向下取整四舍五入方法总结
Math.floor(5.55) //向下取整 结果为5 Math.floor(5.99) //向下取整 结果为5 Math.ceil(5.21) //向上取整,结果为6 Math.ceil(5.88) //向上取整,结果为6 Math.round(5.78) //四舍五入 结果为6 Math.round(5.33) //结果为5 ...原创 2018-10-30 08:43:40 · 13164 阅读 · 0 评论 -
Es6语法总结
遍历字符串for (let codePoint of 'foo') { console.log(codePoint)}// "f"// "o"// "o"传统上,JavaScript 只有indexOf方法,可以用来确定一个字符串是否包含在另一个字符串中。ES6 又提供了三种新方法。includes():返回布尔值,表示是否找到了参数字符串。startsWith():...原创 2018-10-10 14:05:27 · 246 阅读 · 0 评论 -
css+html实现表格布局
参考链接:https://www.cnblogs.com/haoqipeng/p/5309491.html转载 2018-09-28 09:22:20 · 3028 阅读 · 0 评论 -
js 获取当月的第一天和最后一天 & 日期格式化 & 获取距离上次的时间间隔
1获取当月的第一天function getCurrentMonthFirst() { var date = new Date() date.setDate(1) return date}2.获取当月的最后一天function getCurrentMonthLast() { var date = new Date(); var currentMonth = date.getM...原创 2018-09-27 11:19:54 · 4273 阅读 · 1 评论 -
filter 删除数组中符合条件的元素
var tag = { name: '小红', id: '101' } var arr = [{ name: '小红', id: '101' }, { name: '小黄', id: '100' }, { name: '小明', id: '102' }, { name: '小明', id: '102' } ] ...原创 2018-09-27 09:52:47 · 9665 阅读 · 0 评论 -
查找数组中出现次数最多的元素
1.查找数组中每一个元素出现的次数var names = ['Alice', 'Bob', 'Tiff', 'Bruce', 'Alice'];var countedNames = names.reduce(function(allNames, name) { if(name in allNames) { allNames[name]++; } else { allName...原创 2018-09-27 09:48:44 · 4426 阅读 · 0 评论 -
input输入只能是数字
<input onkeyup="check1(this)">function check1(ob) { if(ob.value.length == 1) { ob.value = ob.value.replace(/[^1-9]/g, '') } else { ob.value = ob.value.replace(/\D/g, '') }}原创 2018-09-27 09:32:04 · 345 阅读 · 1 评论 -
es6删除目标对象的某一个属性
const person = {name: 'jazz', gender: 'male', age: 24}; 删除目标对象的某一个属性 方法1:const personUnkonwAge = (({name, gender}) => ({name,gender}))(person)console.log(personUnkonwAge)console.log(pers...原创 2018-12-27 09:50:45 · 24053 阅读 · 2 评论 -
原生日历控件
转载地址:https://blog.csdn.net/nbin2008/article/details/79425494转载 2019-03-27 10:20:14 · 355 阅读 · 0 评论 -
es6合并数组,去掉重复的数据
function combine() { let arr = [].concat.apply([], arguments); //没有去重复的新数组 return Array.from(new Set(arr));}var m = [1, 2, 2], n = [2, 3, 3];console.log(combine(m, n)); // [1,2,3]...原创 2019-10-10 17:26:08 · 3339 阅读 · 0 评论 -
从当前时间开始,三天之内倒计时
搜索关键词 : (关键词 JS实现倒计时(天数,时,分,秒))<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="timer"></...原创 2019-07-01 11:59:58 · 2251 阅读 · 0 评论 -
es5总结
数组的总结1,Array.from()的一些用法 (方法从一个类似数组或可迭代对象中创建一个新的,浅拷贝的数组实例。) (1)把字符串转化为数组 Array.from('foo'); // ["f", "o", "o"] (2)Array.from () 使用箭头函数 Array.from([1, 2, 3], x => x + x); // [2, 4, ...原创 2019-07-01 11:21:54 · 139 阅读 · 0 评论 -
订单超过一小时自动关闭 倒数计
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>动态显示时间</title> <script src="jquery-3.3.1.min.js"></script> ...原创 2019-06-27 18:29:46 · 1074 阅读 · 0 评论 -
数组方法归类
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title</title> </head> <body> <script> 数组常见的一些用法: push : 添加元素到数组的末尾; pop : ...原创 2019-07-01 14:37:50 · 200 阅读 · 0 评论 -
小程序 时间戳转换的兼容ios
今天写的小程序的时候遇到一个很奇怪的问题,这里记录一下,下次遇到同样的问题就可以快速的结局了参考链接: https://blog.csdn.net/qq_33237207/article/details/80761480问题具体的是如上这样在ios上显示的不兼容,在ios和pc上调试都是可以正常的显示的that.leftTimer(responseData.doneTime.repla...原创 2019-06-20 18:04:11 · 461 阅读 · 0 评论 -
sort()方法的理解
这里主要记录一下自己对sort排序中的困惑的点官方的解释是这酱紫的:若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。若 a 等于 b,则返回 0。若 a 大于 b,则返回一个大于 0 的值。对于sort()的理解,不管是升序排列还是降序排列,记住一句话: 大于0不改变位置,小于0改变位置对sort的用法,这里分为传参数和不传参数 1. 不传参数...原创 2019-06-19 18:13:38 · 1239 阅读 · 0 评论 -
关于移动端适配
第一步:首先在我们的html页面中引入meta标签<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">第二步:在html中引入rem.js的适配具体代码如下// 给予1rem = 100px;换算;(function...原创 2019-06-03 17:49:39 · 164 阅读 · 0 评论 -
vue 中插件的使用
参考链接 : https://blog.csdn.net/zgpeterliu/article/details/79614119转载 2019-04-28 11:02:37 · 242 阅读 · 0 评论 -
filter过滤数组
var tag = { name: '小红', id: '101' } var arr = [{ name: '小红', id: '101' }, { name: '小黄', id: '100' }, { name: '小明', id: '102' }, { name: '小明', ...原创 2018-09-26 11:05:21 · 5892 阅读 · 0 评论 -
数组对象去重 和 数组求和的几种方法
数组去重1,数组对象去重:id、name,type都重复的时候,才会被去重delRepeat(arr) { return Object.values( arr.reduce((obj, next) =&amp;gt; { var key = JSON.stringify(next); return (obj[key] = next)...原创 2018-09-26 10:10:36 · 4824 阅读 · 0 评论 -
jq 检测页面中是否含有某一个元素
jq 方法判断页面中是否有含有某一个元素if($('#idName)>0){ //页面中含有这个元素,执行的代码}原生的js 判断页面中是否含有某一个元素if(document.getElementById("tt")) {//js判断元素是否存在 document.getElementById("tt").style.color = "red";}原创 2018-01-18 10:57:19 · 1861 阅读 · 0 评论 -
call() 和 apply()方法的区别
-call和apply是函数的方法,这两个方法都有两个参数,第一个参数表示的作用域,另一个参数是一个数组或要传递的值,这两个函数的作用是一样的,区别是第二个参数了类型不一样,call()第二个参数要一一的列举出来,call(this,sum1,sum2,sum3); apply()第二个参数是一个数组apply(this,arguments);apply(this,[sum1,sum2]);原创 2018-01-05 15:32:50 · 1322 阅读 · 0 评论 -
Bootstrop Table窗口大小改变时修改Table高度
初始化表格参数的时候我们设置高度:tableBox.bootstrapTable('destroy').bootstrapTable({ undefinedText: "-", //查找的字段没有发现时的显示内容 height: $(window).height() - 100, //自定义表格的高度 data: tableData, columns: Cach原创 2018-01-17 14:21:24 · 15156 阅读 · 1 评论 -
45 个实用的 JavaScript 技巧、窍门和最佳实践
第一次给一个变量赋值的时候不要忘记使用 var 关键字 给一个未定义的变量赋值会导致创建一个全局变量。要避免全局变量。使用===,而不是== ==(或!=)操作符在需要的时候会自动执行类型转换。===(或!==)操作不会执行任何转换。它将比较值和类型,而且在速度上也被认为优于==。[10] === 10 // is false[10] == 10 // is tru转载 2018-01-08 10:05:48 · 147 阅读 · 0 评论 -
数组去重
第一种情况: 数组类型为数组对象,如果对象里面的每个属性值都相等则去掉,如果只是部分的属性相同,则不去掉 var cat = [ {name : &amp;quot;aaa&amp;quot;,age : 20}, {name : 'aaa',age : 30}, {name : 'bbb',age : 40}, {name : 'aaa',age : 3...原创 2018-01-23 09:56:00 · 124 阅读 · 0 评论 -
js实现继承的5种方式
1、继承第一种方式:对象冒充 function Parent(username){ this.username = username; this.hello = function(){ alert(this.username); }}function Child(username,password){ //通过以下3行实现将Parent的属性和方法追加到Child转载 2018-01-05 15:38:29 · 225 阅读 · 0 评论 -
快速求数组中的最大值
var value = [1,2,3,6,8,4];var max = Math.max.apply(Math,values);原创 2018-01-05 13:08:50 · 1248 阅读 · 1 评论 -
判断数组中是否含有某一个元素
jq 中有个inArray()的方法可以用来判断数组中是否含有某一个元素,如果有则返回在数组中对应的下标,如果没有则返回-1;jQuery.inArray( value, array, fromIndex );参数详解: value : 表示我们需要查找的值 array : 表示一个数组,通过它来查找 formindex : 数组索引值,表示从哪里在开始查找。默原创 2018-01-05 11:19:37 · 1881 阅读 · 0 评论 -
从url地址栏获取参数
//获取URL参数 GetUrlParam: function (name, url, defaultValue) { name = name.toLowerCase(); var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", 'i'); var sear原创 2018-01-05 10:09:51 · 697 阅读 · 0 评论 -
删除数组中的最后一个元素
链接:https://www.nowcoder.com/questionTerminal/df4b0b7a459447538351c4c7008b34e7利用slice()和pop()方法function(arr) { var m = arr.slice(); m.pop(); return m;}//利用slicefunction truncate(arr) {转载 2017-12-27 10:56:01 · 16030 阅读 · 0 评论 -
splice 的用法总结
splice 是数组的一个方法,使用这个方法会改变原来的数组结构,splice(index ,howmany , itemX);这个方法接受三个参数,我们在使用的时候可根据自己的情况传递一个参数,或两个参数,或者三个参数;总结splice()这个方法就是可以删除数组中的项,也可以向数组中添加新的项传递一个参数时 : 传递一个参数的时候表示从这个参数的位置开始一直截取到最后原创 2018-01-10 09:56:41 · 42730 阅读 · 6 评论 -
js 类库的封装
一 : 字符串的封装 1.1 : 去除字符串空格```//去除空格 type 1-所有空格 2-前后空格 3-前空格 4-后空格function trim(str,type){ switch (type){ case 1:return str.replace(/\s+/g,""); case 2:return str.replace(/转载 2018-01-26 17:02:23 · 2716 阅读 · 0 评论 -
js 关于日期的格式化
第一种:将时间戳转化为标准时间var date = new Date(时间戳); //获取一个时间对象function format(fmt, date) { var o = { &quot;M+&quot;: date.getMonth() + 1, //月份 &quot;d+&quot;: date.getDa...原创 2018-07-29 21:05:56 · 3853 阅读 · 0 评论 -
数组深赋值
去除FileAddress 这个字段里面七牛云地址,但不改变原数组的数据直接声明一个变量来存贮,当改变原数组改变的时候,声明的这个变量数据也会发生改变这里用了JSON.stringify()这个方法解决了问题var n = [{ "FileName": "shuijiao0532e23e86d84843b25296dbf20a854f.jpg", "FileA...原创 2018-07-09 09:54:25 · 290 阅读 · 0 评论 -
数组拼接
var m = [1,2,3];var n = [5,6];m.unshift(...n) // es6语法console.log(m) // [1,2,3,5,6]console.log(n) // [5,6]原创 2018-07-09 09:45:56 · 733 阅读 · 0 评论