Mybells

Event 接口表示在 DOM 中出现的事件。event.bubblesevent.cancelableevent.defaultPreventedEvent.cancelBubbleevent.preventDefault()event.stopImmediatePropagation();event.stopPropagation();

String.prototype.charAt()charAt() 方法从一个字符串中返回指定的字符。str.charAt(index)如果指定的 index 值超出了该范围，则返回一个空字符串。var anyString = "Brave new world";console.log("The character at index 0 is '" + anyString.charAt(0) + "'");console.log("The character at index 1

https://developer.mozilla.org/zh-CN/docs/Web/API/MutationObserverhttps://developer.mozilla.org/zh-CN/docs/Web/API/MutationObserver/MutationObserver// 选择需要观察变动的节点const targetNode = document.getElementById('some-id');// 观察器的配置（需要观察什么变动）const config = {

1. 什么是Web Components？它的出现原因？为什么要学习它？Web Components 是一个浏览器原生支持的组件化方案，允许你创建新的自定义、可封装、可重用的HTML 标记。不用加载任何外部模块，直接就可以在浏览器中跑。它的出现原因？因为早期组件生态很乱，有各种各样的框架和库，都有各自的规范，导致一个团队切换框架很困难 。为了解决这种分化的形式，让 Web 组件模型统一化，所以才有了Web Components规范的出现。目标是提供一种权威的、浏览器能理解的方式来创建组件。为什么要学习

1. 二叉树二叉树分为以下几类：二叉搜索树（BST树）、平衡二叉树（AVL树）、满二叉树、完全二叉树、红黑树。1.1 二叉搜索树（BST树）1.2 平衡二叉树（AVL树）1.3 满二叉树1.4 完全二叉树1.5 红黑树1. 广度优先遍历和深度优先遍历1.1 概念深度优先对每一个可能的分支路径深入到不能再深入为止,先序遍历、中序遍历、后序遍历属于深度优先。广度优先又叫层次遍历，从上往下，从左往右（也可以从右往左）访问结点，访问完一层就进入下一层，直到没有结点可以访问为止。广度遍历

js中使用window.Date获取服务器时间

Object.definePropertyObject.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。IE8不兼容。Object.defineProperty(obj, prop, descriptor)参数obj: 要定义属性的对象。prop: 要定义或修改的属性的名称或 Symbol 。descriptor: 要定义或修改的属性描述符。返回值被传递给函数的对象。Object.defineProperty(obj,

jQueryjquery3.4.0（3.4.0及以后版本已修复）之前版本中extend函数会导致原型污染。let a = $.extend(true, {}, JSON.parse('{"__proto__": {"devMode": true}}'))console.log({}.devMode); // jquery3.4.0版本前会输出true解决方法：在遍历对象时，当遇见 __p...

实现一个call函数call() 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。该方法的语法和作用与 apply() 方法类似，只有一个区别，就是 call() 方法接受的是一个参数列表，而 apply() 方法接受的是一个包含多个参数的数组。function.call(thisArg, arg1, arg2, …)Function.prototype.ca...

1.代码实现// promise 三个状态const PENDING = 'pending';const FULFILLED = 'fulfilled';const REJECTED ='rejected';class Promisex { constructor(fn){ if(typeof fn !== 'function') throw new Error('Promi...

1.Promise兼容性2.IE8中的Promise polyfill在ECMAScript 3中保留字是不能作为对象的属性名使用的。 而IE8及以下版本都是基于ECMAScript 3实现的，因此不能将 catch 作为属性来使用，也就不能编写类似 promise.catch() 的代码。而现在的浏览器都是基于ECMAScript 5的，而在ECMAScript 5中保留字都属于 Iden...

1.条件（三元）运算符condition ? exprIfTrue : exprIfFalse除了 false，可能的假值表达式还有：null 、NaN 、 0 、空字符串（ “” ）、和 undefined 。如果 condition 是以上中的任何一个, 那么条件表达式的结果就是 exprIfFalse 表达式执行的结果。2.解构赋值//默认值var a, b;[a=5, b=7...

Object.prototype.constructor返回创建实例对象的 Object 构造函数的引用示例var a = [];a.constructor === Array; // truevar a = new Array;a.constructor === Array // truevar n = new Number(3);n.constructor === Numb...

Object 构造函数创建一个对象包装器。Object 构造函数为给定值创建一个对象包装器。如果给定值是 null 或 undefined，将会创建并返回一个空对象，否则，将返回一个与给定值对应类型的对象。//Object 构造函数的属性Object.length//值为 1。Object.prototype//Object 构造函数的方法Object.assign()Object....

Javascript Function | MDN总结

记录一些MDN中js Array不懂的地方和印象不深刻的方法、描述。

记录一些MDN中js Array不懂的地方和印象不深刻的方法、描述。

1. 类的实例生成类的实例的写法，与 ES5 完全一样，也是使用new命令。前面说过，如果忘记加上new，像函数那样调用Class，将会报错。class Point { // ...}// 报错var point = Point(2, 3);// 正确var point = new Point(2, 3);与 ES5 一样，实例的属性除非显式定义在其本身（即定义在this...

分别测试Object.assign(),lodash中cloneDeep,slice,concat,[…],JSON.parse(JSON.stringify),js方法实现拷贝。1. Object.assign()2. lodash中cloneDeep3. slice4. concat5. 扩展运算符6. JSON.parse(JSON.stringify())7. js方法8. 自身属性和原型上的浅拷贝9. 利用7和8实现自身属性浅拷贝和原型上的深拷贝10. 利用9实现自身深拷贝

1. 正则基础2. 正则表达式中 分组理解与实例

最近碰到的一个需求，记录下。问题是：如图所示，要给策略六所在行编辑的时候选择一个父策略，父策略下拉框数据要求来自列表授权策略名称列。限制条件是：不能是自身（这里也就是策略六），授权策略名称所在行的父策略不能是自身，同时要满足继承关系。（比如说：第三行中策略六是策略一的父策略，第一行中策略一又是策略五的父策略，那么策略五也就不能成为选择项）将上列表可以转换为流程图：策略四策略五策略一策略...

//for..in.. : for(var i in {a:1,b:2}){console.log(i)}//a,bfor(var i in [1,2]){console.log(i)}//0,1//在vue中v-for和for..in..不一样<div v-for="(item, index) in items"></div><div v-for="(v...

parseInt() 函数解析一个字符串参数，并返回一个指定基数的整数 (数学系统的基础)。const intValue = parseInt(string[, radix]);string 要被解析的值。如果参数不是一个字符串，则将其转换为字符串(使用 ToString 抽象操作)。字符串开头的空白符将会被忽略，且一旦遇到不符合指定进制的字符便终止。radix 一个介于2和36之间的整数...

1.如果没有参数var f = () => 5;2.一个参数：var f = v => v 或者 var f = (v) => v3.多个参数：var sum = (num1, num2) => num1 + num2;4.如果箭头函数的代码块部分多于一条语句，就要使用大括号将它们括起来，并且使用return语句返回。var sum = (num1, n...

(function a(){}) （命名函数表达式）会返回这个函数（不会执行），但是在括号外面无法调用该函数，需要一个变量接收这个函数，var fun = (function a(){}),一般这个用在递归上，比如 var fact = (function f(num){ if(num === 1 ) return 1; else return num *

本人经过整理总结出以下获取样式值的方法，如有错误请各位大佬指正。 有四种方法：style，currentStyle，getComputedStyle，rules 与 cssRules方法。

闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。

本文分析了jQuery数据缓存用法。分享给大家供大家参考。具体如下：在jQuery的API帮助文档中，jQuery这样描述数据缓存的作用：用于在一个元素上存取数据而避免了循环引用的风险。一、定义缓存数据使用$(selector).data(name,value)方法可以为jQuery对象定义缓存数据。这些缓存数据被存放在匹配的DOM元素集合中所有DOM元素中。var $link...

1. 检测属性in运算符：如果对象的自有属性或继承属性中包含这个属性则返回true var o={x:1}; "x" in o;//true "y" in o;//false "toString" in o;truehansOwnProperty()：检测属性是否是对象的自有属性var o={x:1} o.hansOwnProper...

1.js用Promise方法// 封装地形 GeoJSON 数据接口// 将每个数据接口封装为一个返回 Promise 的函数function getArea () { return new Promise((resolve, reject) =&gt; { fetch('./resources/china.json').then(resp =&gt; resp...

post方法 var arr=["a","b"] $.ajax({ type: "post", url: "../workgroup/GetMapListByView_Monitor_RealtimeInfoOfAll", tanditional:true, data:{arr:arr}...

JS 中深拷贝的几种实现方法1. 使用递归的方式实现深拷贝//使用递归的方式实现数组、对象的深拷贝function deepClone1(obj) { //判断拷贝的要进行深拷贝的是数组还是对象，是数组的话进行数组拷贝，对象的话进行对象拷贝 var objClone = Array.isArray(obj) ? [] : {}; //进行深拷贝的不能为空，并且是对象或者是 i...

https://github.com/mqyqingfeng/Blog/issues/2

https://juejin.im/post/59e85eebf265da430d571f89

将一下代码复制到https://cesiumjs.org/Cesium/Build/Apps/Sandcastle/?src=Drawing%20on%20Terrain.html，查看Demo.var activeShapePoints = [];var activeShape;var floatingPoint;//查看器var viewer = new Cesium.Viewer...

当你进行函数的嵌套时，要注意实际上作用域链是发生变化的。var testvar = 'window属性'; var o3 = { testvar:'3', testvar2:'3**', fun:function(){ alert('o3: '+this.testvar);//o3:3var inner = function(){ alert('o3-inner: '+this.tes

document.writeln() 等同于 write() 方法，不同的是在每个表达式之后写一个换行符。document.scripts 返回页面中所有脚本的集合。document.title 返回当前文档的标题。document.URL 返回文档完整的URLdocument.referrer 返回载入当前文档的文档的 URL。document.querySelector() 返回文档...

ECMAScript中有两种属性：数据属性和访问器属性。1. 数据属性 有四个描述其行为的特性： configurable:表示能否通过delete删除属性，能否修改属性的特性，默认为true。 enumerable:表示能否通过for-in循环返回属性，默认为true。 writable:表示能否修改属性的值，默认为true。 value

基本类型值指的是简单的数据段。 Undefined、Null、Boolean、Number、String这五种基本数据类型是按值访问的，因为可以操作保存在变量中的实际值。引用类型值指的是由多个值构成的对象。 引用类型的值是保存在内存中的对象。js不允许直接访问内存中的位置，就是说不能直接操作对象的内存空间。在操作对象时，实际上是在操作对象的引用而不是实际的对象，引用类型的值是按引用访问的。

this实际上是在函数被调用时发生的绑定，this的绑定和函数声明的位置没有任何关系，它指向什么完全取决于函数在哪里被调用。默认绑定 function foo(){ console.log(this.a);}var a=2;foo();//2函数调用时应用了this的默认绑定，因此this指向全局对象。 如果使用严格模式，则不能将全局对象用于默认绑定，因此this会绑定到und