随笔分类 - JavaScript学习心得
摘要：先来一段代码引子： 一、数组： push()：向数组尾部添加一个或多个元素，返回添加新元素后的数组的长度。——改变原数组 pop()：删除数组最后一个元素，返回删除的该元素。——改变原数组 unshift()：在数组的第一个位置添加元素，并返回添加新元素后的数组长度。——改变原数组 shift()：
阅读全文
摘要：一、数组的浅拷贝 如果是数组，我们可以利用数组的一些方法比如：slice、concat 返回一个新数组的特性来实现拷贝。比如： var arr = ['old', 1, true, null, undefined]; var new_arr = arr.concat(); new_arr[0] =
阅读全文
摘要：一、结论 1、target 是事件触发的真实元素 2、currentTarget 是事件绑定的元素 3、事件处理函数中的 this 指向始终指向为 currentTarget 4、target 和 currentTarget 有时候是同一个元素，有时候不是同一个元素 （因为事件冒泡） 当事件是子元素
阅读全文
摘要：jQuery获取： jQuery.parent(expr)，找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class") jQuery.parents(expr)，类似于jQuery.parents(expr),但是是查找所有
阅读全文
摘要：一、问题背景 1、文档简介从服务器文档里直接取时，简介是256字符； 2、当编辑时，简介却变成了 260 字符，报错超出限制。 问题：为啥 256 字符经过表单一展示后，再提交到后台就变成了 260 字符呢？ 二、涉及知识 \r 是回车，return，使光标到行首 \n 是换行，newline，使光
阅读全文
摘要：Intl对象是ECMAScript国际化API的命名空间，它提供对语言敏感的字符串比较、支持数字格式化以及日期和时间的格式化。 1、Intl.Collator对象 collator这个单词意思是排序器。Intl.Collator对象是排序器的构造函数，可以支持对语言敏感的字符串比较。语法如下：new
阅读全文
摘要：一、ECMAScript中的数据类型 1、基本数据类型：null、undefined、number、boolean、string 2、引用数据类型：object（obj、[]、{}、function、RegExp等），是由一组无序的名值对组成的 3、typeof与instanceof作用： type
阅读全文
摘要：项目中遇到的问题，使用window.open()开一个页面之后，cookie会消失，所以无法一键切肤不管作用，解决方案如下： window.open()总结： window.open("sUrl","sName","sFeature","bReplace"); sUrl:可选项。字符串(String
阅读全文
摘要：一、Promise的错误捕获方式 1、3 种捕获方式 rejected catch 全局捕获示例：unhandledrejection window.addEventListener('unhandledrejection', function(event) { // the event objec
阅读全文
摘要：1、什么是编译？ 编译就是一种转换技术，从一门编程语言到另一门编程语言，从高级语言转换成低级语言，或者从高级语言到高级语言，这样的转换技术。 2、什么是高级语言？什么是低级语言？ 低级语言：是与机器有关的，涉及到寄存器、cpu指令等，特别“低”，描述具体在机器上的执行过程，比如机器语言、汇编语言、字
阅读全文
摘要：通常的前端部署方式：把前端打包好的代码放到服务器(linux)目录下，然后通过nginx转发出去。但是会有前端SPA应用比较经典的白屏问题。 后来了解到有些公司将前端项目部署在 OSS 里，还可以进行加速解析，实现解决前端代码白屏问题。故而学习了解下。 （前提要有一个已经备案过的域名） 一、阿里对象
阅读全文
摘要：一、同域:1、父页面获取子页面元素：注意：onload事件jQuery获取：$("iframe").contents().find("holder")......; （嵌套三层，或者更多时）$('iframe').contents().find('iframe').contents().find("
阅读全文
摘要：结果依次： 关于上述代码优化： 1、首先，对数据值需要做下判断：如果是空值或非字符类型，则没必要继续进行。 平时写代码时需要注意多做非空判断和数值判断，特别是处理后台接口数据的时候，数据都是后台返回来的，不知道到底是什么样的数据，有没有数据，所以判空是比较重要的。 2、其次，getMaxLength
阅读全文
摘要：一、常规属性与排序属性 function Bar() { this[2] = 2 this[3] = 1 this['b'] = 'b' this[1] = 1 this['a'] = 'a' } const bar = new Bar() for (key in bar) { console.lo
阅读全文
摘要：1、实参： 全称为"实际参数"，是在调用时传递给函数的参数。实参可以是常量、变量、表达式、函数等。 无论实参是何种类型的量，在进行函数调用时，它们都必须具有确定的值， 以便把这些值传送给形参。 因此应预先用赋值，输入等办法使实参获得确定值。 2、形参 全称为"形式参数"，由于它不是实际存在变量，所以
阅读全文