js基础
开水没有冬天
如果可以,我会珍惜
展开
-
Object常用方法总结
参考:https://www.cnblogs.com/lingdu87/p/9154306.htmlhttps://www.cnblogs.com/z-dl/p/8204023.htmlObject.keys():https://www.cnblogs.com/llcdxh/p/9476347.html原创 2019-12-19 14:46:51 · 107 阅读 · 0 评论 -
JS获取文本框焦点光标位置、选中起始位置、终止位置、选择内容selectionStart、selectionEnd、cr
参考:http://www.5imoban.net/jiaocheng/jquery/201808013373.html基本的认识:文本选中区域光标:页面中闪烁的光标其实就是特殊的宽度为0的选区。 简单理解就是选区的左右边界交叉形成了光标。 有了这个概念下面的内容就很好理解了。文本选中//选中所有文字input.selectionStart = 0; //选中区域左边界input....原创 2019-12-19 13:51:47 · 2416 阅读 · 0 评论 -
数组两个元素互换位置
参考:上移、下移、置顶:https://blog.csdn.net/Chou_Junn/article/details/84967408JavaScript 交换数组元素位置的几种方式:https://www.cnblogs.com/shapeY/p/9669924.html数组元素互换方法:第三方变量 let temp = array[index1]; array[index1]...原创 2019-12-19 13:35:31 · 7598 阅读 · 0 评论 -
JS阻止冒泡和取消默认事件(默认行为)
参考:http://caibaojian.com/javascript-stoppropagation-preventdefault.html阻止冒泡:window.event? window.event.cancelBubble = true : e.stopPropagation();取消默认事件:window.event.returnValue == false;e.preve...原创 2019-12-05 10:40:36 · 189 阅读 · 0 评论 -
JSON.stringfy的使用
参考:https://www.cnblogs.com/lyraLee/p/10609895.html只有一个参数三个参数格式化,保留空格。原创 2019-11-01 19:10:58 · 232 阅读 · 0 评论 -
toString方法
Date格式的使用:new Date(1572249174988).toString('yyyy-MM-dd HH:mm:ss')// 结果: "2019-10-28 15:52:54"new Date('2019-10-28T06:36:03Z').toString('yyyy-MM-dd HH:mm:ss')// 结果: "2019-10-28 14:36:03"new Date...原创 2019-10-28 16:02:03 · 159 阅读 · 0 评论 -
原生js获取w和h等系列
原生JS获取元素的位置与尺寸实现方法:https://www.jb51.net/article/126074.htmhttps://www.w3h5.com/post/146.htmlgetBoundingClientRect,width,offsetWidth,clientWidth,等等。。。console.log(el,window.getComputedStyle(el).widt...原创 2019-06-03 11:23:28 · 558 阅读 · 0 评论 -
ngFor-引用类型
需求:一个数组list里面很多项是接口返回的值:此时:调用不同的接口(eg:调用了三个接口返回不同的值),返回的数据组装成了list,在html渲染list展示数据!!!eg:public a=1;public b=2;public c=3;list=[ {name:'zs',value:this.a}, {name:'ls',value:this.b}, {name:...原创 2019-05-29 17:23:43 · 631 阅读 · 0 评论 -
js中resize多次执行
参考:https://www.cnblogs.com/shuilangyizu/p/6816756.html总是延迟1s(最好0.5秒左右)执行最后一次的resize。var timer = null;window.addEventListener('resize', function () { if (timer) { clearTimeout(timer);...原创 2019-06-06 15:40:23 · 1878 阅读 · 0 评论 -
查找数组中出现最多的元素
function findMost(arr) { var maxEle; var maxNum=1; var obj=arr.reduce(function (p,k) { console.log(p); console.log(k); p[k]?p[k]++:p[k]=1; if(p[k]>maxNum...原创 2019-06-06 14:23:09 · 1169 阅读 · 0 评论 -
判断是否是数组和对象的几种方法
0.typeof使用typeof来检测数据类型,但是对于Function, String, Number, Undefined等这几种基本类型来说,使用typeof来检测都可以检测到,比如代码如下:function test(){}console.log(typeof 1); // numberconsole.log(typeof test); // function console.l...原创 2019-02-27 19:21:23 · 5201 阅读 · 1 评论 -
JS中的几种循环和跳出方式
文章目录for循环jquery的each循环forEach循环例子分析for循环continue:跳出本次循环。let arr = ['q', 'w', 'e', 'r', 't'];for (var i = 0; i < arr.length; i++) { if (i == 2) { continue; } console.log(arr[i]); // ...原创 2019-08-13 11:08:40 · 291 阅读 · 0 评论 -
JS 删除对象中的某个属性
参考:https://blog.csdn.net/shenxianhui1995/article/details/86580455https://blog.csdn.net/Lucky_Q/article/details/82462754var myObject = { "ircEvent": "PRIVMSG", "method": "newURI", "regex...原创 2019-08-22 10:24:47 · 718 阅读 · 1 评论 -
数值小数点转换convert
123.toFixed(2) start只能是数值型,result是string类型。'123.45Mb'.parseFloat() start任意类型,result为数值型。如果前值有小数,那么会保留;如果为123.00,那么小数不会不留。问题:toFixed有一个精度的问题,eg:0.235.toFixed(2); // 0.23兼容性问题:如果前值参考:https://blog...原创 2019-09-17 13:43:19 · 1259 阅读 · 0 评论 -
字符串str的方法
所有字符串方法都会返回新字符串。它们不会修改原始字符串。(字符串不可变性,可以重新赋值)length,indexOf,lastIndexOf,search,slice,substring,substr,replacetoUpperCase,toLowerCase,字符串拆、合:concat,split,trim,charAt,charCodeAt,文章目录lengthindexO...原创 2019-09-18 17:03:22 · 357 阅读 · 0 评论 -
日期date的方法
let date = new Date();console.log("时间:", date.toString());console.log("时间戳:", date.getTime());console.log("年:", date.getFullYear());console.log("月:", date.getMonth() + 1);console.log("日:", date....原创 2019-09-18 17:17:36 · 279 阅读 · 0 评论 -
console的使用
https://blog.csdn.net/weixin_43606158/article/details/89293761https://blog.csdn.net/Seven521m/article/details/97787983原创 2019-09-25 14:11:51 · 214 阅读 · 0 评论 -
for...in,for...of,forEach
参考:https://blog.csdn.net/Seven521m/article/details/83827844遍历对象的方法:for...in,Object.keys(obj),Object.getOwnPropertyNames(obj),Reflect.ownKeys(obj)。参考:https://blog.csdn.net/weixin_38788947/article/d...原创 2019-09-25 15:20:04 · 92 阅读 · 0 评论 -
js中变量提升和函数提升
var a=112; var a; console.log(a); // 112// 变量声明先提升,然后是函数整体提升!function a() {}var a;console.log(a); // functiona=112;function t(age) { console.log(age); // 3 var age=11;}...原创 2019-01-17 17:27:03 · 359 阅读 · 1 评论 -
查找数组中重复元素
题目描述:找出数组 arr 中重复出现过的元素。 eg:输入:[1, 2, 4, 4, 3, 3, 1, 5, 3]输出:[1, 3, 4]使用reduce方法:/** * 找出数组 arr 中重复出现过的元素 * @param arr * @returns {Array} */function duplicates(arr) { var m = arr.reduc...原创 2019-02-27 19:02:04 · 4106 阅读 · 0 评论 -
js判断字符串长度
参考:https://www.cnblogs.com/hello321/p/7821400.htmlfunction countLength(str) { var inputLength = 0; //给一个变量来记录长度 for (var i = 0; i &lt; str.length; i++) { var coun...原创 2018-10-29 14:40:42 · 3807 阅读 · 0 评论 -
前端处理增删改查
listid用自己的index维护,并么有id字段,删除哪一项就用自己的index,去splice哪一项原创 2018-12-06 18:39:23 · 4083 阅读 · 0 评论 -
js同步执行、异步执行和同步中的异步执行
参考:https://blog.csdn.net/qq_36117508/article/details/816099131.JS 执行机制是单线程。2.JS的Event loop(事件循环)是JS的执行机制,我们先了解到JS任务的执行分类为:同步任务和异步任务。按照这种的分类方式JS的执行机制是:首先,判断JS是同步还是异步,同步进入主线程,异步进入Event table。其次,...原创 2019-01-22 13:29:55 · 1935 阅读 · 0 评论 -
数组扁平化
参考:https://blog.csdn.net/MessageBox_/article/details/85164792原创 2019-01-24 16:16:36 · 156 阅读 · 0 评论 -
中英文字符的计算
中文算两个字符,英文算一个字符,计算string的 长度原创 2019-01-11 20:08:43 · 2147 阅读 · 0 评论 -
滚动到底部加载更多
<ul class="test-scroll" (scroll)="divScroll();"> <li *ngFor="let item of tableList"> xxxxxxxx </li> <li><span>滚动加载更多...</sp原创 2019-01-11 20:03:53 · 679 阅读 · 0 评论 -
判断字符串是否为JSON格式
参考:https://www.cnblogs.com/lanleiming/p/7096973.html原创 2018-12-24 17:06:24 · 7884 阅读 · 0 评论 -
在html中怎么格式化json字符串
参考:https://blog.csdn.net/zhengxiangwen/article/details/68927330这里主要用到了JSON.stringify(songResJson,null,2)方法,其中songResJson是在js中声明的json对象,2表示缩进两个空格。其详细用法可查看:https://developer.mozilla.org/zh-CN/docs...原创 2018-12-24 16:40:40 · 516 阅读 · 0 评论 -
js拼接字符串
var c='red';要实现的效果要这样:&amp;lt;li style=&quot;color:red;&quot;&amp;gt;&amp;lt;/li&amp;gt;结果:var c='red';var str=&quot;&amp;lt;li style='color:&quot;+c+&quo原创 2018-09-15 18:14:34 · 1653 阅读 · 0 评论 -
数组的方法
参考:https://blog.csdn.net/MessageBox_/article/details/81225071原创 2019-01-22 19:29:06 · 125 阅读 · 0 评论 -
前端数组过滤
方法一:只是改变显隐,那么数据还是原先的数据,不影响操作(从左选到右,或者从右选到左)search(){ this.arr.forEach((v,k)=&amp;gt;{ if(v.deviceName.indexOf(this.searchName)&amp;gt;-1){ v.hideFlag=false; }else{ v.hideFlag=...原创 2018-11-07 13:57:22 · 1863 阅读 · 0 评论 -
this指向的问题
搜索原创 2019-01-24 20:37:44 · 152 阅读 · 0 评论 -
函数的形参和实参之arguments对象
参考:https://www.cnblogs.com/leaf930814/p/6658815.html当函数调用函数时候传入的实参比函数声明时候制定的形参要少时候,剩余的形参就设置成了undefined。eg:function fn(a,b,c) { console.log(a, b, c); console.log(arguments); // 类似数组的 [1,2]}...原创 2019-02-22 13:56:07 · 573 阅读 · 0 评论 -
js中的call()方法和apply()方法
参考:https://blog.csdn.net/ganyingxie123456/article/details/708555861. 每个函数都包含两个非继承而来的方法:call()方法和apply()方法。2. 相同点:这两个方法的作用是一样的。都是在特定的作用域中调用函数,等于设置函数体内this对象的值,以扩充函数赖以运行的作用域。一般来说,this总是指向调用某个方法的对象,但...原创 2019-02-22 11:28:21 · 315 阅读 · 0 评论 -
json不可预见的错误
// Json中报错:但是语法是正确的,怎么处理: &amp;quot;haveNoAccount&amp;quot;: &amp;quot;I don\'t have a ROOTECH account&amp;quot;, &amp;quot;haveNoAccount&amp;quot;: &amp;quot;I don\'t have a ROOTECH a原创 2018-11-06 19:46:42 · 181 阅读 · 0 评论 -
数组增删改查
参考:删除第一项删除最后一项原创 2018-09-20 14:28:12 · 223 阅读 · 0 评论 -
for循环中的定时器
执行及修改:https://www.cnblogs.com/lovemomo/p/6531099.html原理:https://www.cnblogs.com/hahazexia/category/1190727.html注意执行时间!是一次性打印?还是隔一段时间打印! for(var i=0;i&lt;5;i++){ console.log(i); //没有异步,直...原创 2018-10-31 13:35:56 · 1645 阅读 · 0 评论 -
js基础知识
使用Array和[]创建数组的区别:http://www.cnblogs.com/shcrk/p/9280343.htmlnew Array(1) 和 [undefined] 一样嘛?:https://segmentfault.com/a/1190000010785919new Array(1) 和 [undefined]不一样。new Array(1)没有为数组中的项赋过值,而[undef...原创 2018-12-19 14:40:58 · 92 阅读 · 0 评论