u013938578的博客

冻结只会冻结已有的属性，不会拦截到后续添加的属性。如果需要完全禁止属性的添加和删除，可以通过使用Object.seal()函数进行浅冻结，或者使用Object.preventExtensions()函数来禁止对象扩展。直接使用的话只能实现浅冻结，只能冻结第一层。其中的hobby属性还是可以进行push。冻结一个对象，使对象不可扩展。

监听页面的可见性变化，在很多场景下非常实用，比如跟踪用户行为、节省资源、优化性能等。

在这个例子中，'make' in car 返回 true，因为 make 是 car 对象的属性。而 year 返回 false，因为 year 不存在于 car 对象中。虽然 model 并不是 myCar 对象本身的属性，而是定义在其原型上的属性，in 操作符仍然返回 true。这是因为 in 操作符会遍历整个原型链进行检查。in 操作符是检查对象中是否存在某个属性的简单直接的方法。它不仅会检查对象自身的属性，还会检查其原型链上的属性。

以上代码中定义了一个名为listener的函数。在这个函数中，我们检查当前被激活的元素document.activeElement是否是一个iframe。通过检查元素的标签名tagName，我们可以确认当前激活的元素是否是iframe。如果是，我们在控制台输出提示信息。

Object.assign() 方法可以用来合并一个或多个对象到目标对象中。它的第一个参数是目标对象，后面的参数都是源对象。注意：如果目标对象和源对象有相同的键，那么源对象的键值会覆盖目标对象的键值。ES6 引入了扩展运算符，它可以用来复制可枚举的属性到新的对象中。

memoization是一种非常有用的优化技术，它缓存特定输入产生的相应结果。这样麻烦的查找和迭代计算可以尽可能的减少。它基本的思想是针对特定的输入，已经计算过的结果都是通过缓存当中的数据直接返回而不是经过重复的计算。Memoization 技术的潜在缺点增加内存使用：由于 Memoization 需要缓存函数调用的结果，这可能会增加程序的内存使用，特别是当缓存变大时。使用 Memoization 时需要小心管理内存。

JavaScript提供了非常方便的FileReader和Image对象，可以帮助我们轻松实现这个功能。在FileReader读取完成后，通过new Image()创建一个图片对象，并将其src属性设置为读取到的文件内容。当图片加载完成后，通过image.onload事件获取图片的宽度和高度，并进行尺寸判断。通过new FileReader()创建了一个FileReader对象。读取用户选择的文件，并转换为Data URL格式。监听文件输入框的变化事件，当用户选择文件时触发。选择了页面上的文件输入框。

使用addEventListener方法监听表单的submit事件，并在事件触发时执行回调函数。如果isNaN返回true，说明输入的不是数字，此时弹出警告框提示用户“必须输入数字”。要判断输入值是数字还是字母，我们可以通过JavaScript获取输入框的值，然后使用isNaN函数来检查输入值是否为数字。通过document.forms获取表单，并使用解构赋值的方式获取我们需要的myForm表单。以上代码中我们通过JavaScript代码来获取表单，并检查age字段中是否输入了数字。

Cascader.js级联选择器，当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。7.1 参数：options {Object}选项说明类型必填elements用于实例化控件的select元素集合Array是data数据源Array是initValue初始化的值，可以是 value，也可以是 labelArray否占位符，设置索引对应的 select 元素的第一项 option，默认都是请选择Array否7.2 方法：setData设置数据源。

注意：$.trim()函数会移除字符串开始和末尾处的所有换行符，空格(包括连续的空格)和制表符。trim()方法是用来删除字符串两端的空白字符并返回，trim方法并不影响原来的字符串本身，它返回的是一个新的字符串。单独去除右侧空格则使用 str.trimRight();单独去除左侧空格则使用 str.trimLeft();$.trim() 函数用于去除字符串两端的空白字符。缺陷：只能去除字符串两端的空格，不能去除中间的空格。去除字符串内所有的空格。去除字符串内左侧的空格。去除字符串内右侧的空格。

decodeURIComponent 用这个转换一下。

2、另外，得到的时间，必须乘以1000。（具体为啥我也不知道，网上有不少说出现NaN-NaN-NaN的解决方法，感觉都不如这个好使。1、在调用formatDate方法时，切记里面要有new Date。然后再处理接收过来的时间戳数据。

上传图片/视频/文件是我们经常会遇到的问题，但是一旦图片过大就会导致不好的操作体验。图片上传是前端中常见的的业务场景。无论是前台还是后台，适当的对图片进行压缩处理，可以显著的提升用户体验。而在后台管理系统中，图片压缩不仅仅能够提升后台管理员操作体验，更是可以防止后台设置过大的图片导致前台图片加载过久，从而影响用户体验。

【代码】javascript判断json数据中是否包含某个键。

所以需要利用typeof()方法，而且返回值是为字符串类型的返回值，所以需要定义一个值为"undefined"的字符串进行判断。判断undefined需要用到typeof()方法。判断是否undefined。

今天遇到页面报错：Uncaught SyntaxError: Invalid Unicode escape sequence。button点击方法中的参数是一个软件路径，传参数时会报错。主要是其中的反斜杠在js里面是转义符引起的。所以使用replace将其中的反斜杠替换为双斜杠解决该问题replace(/\\/g,"/")...

1、利用双重for循环去重//定义一个新数组，先存放不可能与arr重复的第一个元素let newArr = [arr1[0]]for (let i = 1; i < arr.length; i++) { //设置标记flag let flag = true for (let j = 0; j < newArr.length; j++) { //如果两个相等，标记该i为false(重复),并退出该循环 if (arr[i] ==

<!--[if lte IE 9]><script type='text/javascript' src='${site.sitePath}/xdomainrequest/jquery.xdomainrequest.min.js'></script><![endif]-->

我们常常会在网页的HTML里面看到形如[if lte IE 9]……[endif]的代码，表示的是限定某些浏览器版本才能执行的语句，那么这些判断语句的规则是什么呢？请看下文：<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--><!--[if IE]> 所有的IE可识别 <![endif]--><!--[if IE 6]> 仅IE6可识别 <![endif]--><!-

1.什么是ES6ES全称是ECMAScript。它是由ECMA国际标准化组织，制定的一套脚本语言的标准化规范。ES6实际上是一个泛指，泛指ES2015及后续的版本。但是本章我们学的是ES2016。2.为什么要学习ES6每一次标准的诞生都意味着语言的完善、功能的加强。JavaScript语言本身就存在很多令人不满意的地方。函数较少、很多功能需要自己去写语法松散，实现相同的功能，不同的人可能会写出不同的代码。3.ES6新语法3.1LetLet关键字是ES6中新增的..

1.ThisThis指向问题：简单来说就是，在一个方法中，this代表什么调用方式的不同，决定了this的指向不同，一般指向我们的调用者。1.1调用方式与指向普通函数调用：window构造函数调用：实例对象对象方法调用：该方法所属对象事件绑定函数：绑定事件对象定时器函数：window2.严格模式2.1什么是严格模式JavaScript除了提供正常模式外，还提供了严格莫斯。严格模式是采用具有限制性的JavaScript变体的一种方式。即在严格的条件下运行..

ES5中给我们新增了一些方法，可以很方便的操作数组或者字符串，这些方法主要包括：数组方法、字符串方法、对象方法。1.数组方法迭代（遍历）方法：forEach()，map()，filter()，every()1.1 forEach()Array.forEach(function(value, index, arr) { })参数说明：Value：数组当前项的值Index：数组当前项的索引Arr：数组对象本身<script>vara=['胡...

1.类在ES6中新增了类的概念，可以使用class关键字来声明一个类，之后用这个类来实例化对象。类抽象了对象的公共部分，它泛指某一个大类。对象特指某一个，通过实例化可以创建一个对象。面向对象的思维特点：抽取对象的公用属性和行为组织成一个类，对类进行实例化，获取类的对象。1.1 创建类<script>classPerson{//属性和方法}//创建实例（对象）varperson=newPer...

今天做项目过程中，需要用到javascript提交form到后台，同时我也需要在提交后台之前执行onsubmit事件。弄了半天也没有解决，然后无意中调试出来了。然后分析源码，现在把解决方案公布出来，给大家一个参考。核心javascript原理如下：<script type="text/javascript"> //<![CDATA[ $(funct...

<html> <head> <script type='text/javascript'> if (document.createElement("input").webkitSpeech === undefined) { alert("很遗憾，你的浏览器不支持语音识别。"); ...

javascript中，onclick为单击事件，ondblclick为双击事件，在同一元素上加上单击事件和双击事件时，双击会触发两次单击事件。解决方法如下：注意：这里用到了定时器来区分单击和双击事件<!DOCTYPE html><html lang="zh-cn"><head> <!--<script src="https...

偶然翻看Math对象，看到有个Math.random（）方法，于是就写了一个超级简单的可取任意图片数量、并且随机给图片分配src的效果。 原理是，根据输入框内输入的数字，点击的时候，来判断创建的img个数，然后再给这些img标签随机分配src。 如下：<!DOCTYPE HTML><html> <head>...