个人前端记录

var 第一个就是作用域的问题，var不是针对一个块级作用域，而是针对一个函数作用域。举个例子：function runTowerExperiment(tower, startTime) { var t = startTime; tower.on("tick", function () { ... code that uses t ... }); ... mor...

以下参考阮老师的《ECMAScript 6 入门》需求：给定一个对象，当对象的属性发生赋值时，打印最新的值。思路： observable 函数返回一个原始对象的 Proxy 代理，拦截赋值操作，触发充当观察者的各个函数。//初始化观察者队列const uniqueObserveList = new Set();//将监听回调加入队列const observe = fn =>...

1.Promise 新建后立即执行let promise = new Promise(function(resolve, reject) { console.log('Promise'); resolve();});promise.then(function() { console.log('resolved');});console.log('我是同步任务');打印结果依...

1.Class的内部所有定义的方法，都是不可枚举的。const funName = 'fun';//类Demo class Demo{ constructor(arg) { } say(){ } speak(){ } [funName](){ }}console.log( Object.keys(Demo.prototype) ) //[...

区别1：模块加载的时间require：运行时加载import：编译时加载（效率更高）区别2：模块的本质require：模块就是对象，输入时必须查找对象属性import：ES6 模块不是对象，而是通过 export 命令显式指定输出的代码，再通过 import 命令输入（这也导致了没法引用 ES6 模块本身，因为它不是对象）// CommonJS模块let { exists, read...

假设需要判断的是 x==y？1. 如果 x 不是正常值（比如抛出一个错误），中断执行。2. 如果 y 不是正常值，中断执行。3. 如果 Type(x) 与 Type(y) 相同，执行严格相等运算 x === y 。4. 如果 x 是 null ， y 是 undefined ，返回 true 。5. 如果 x 是 undefined ， y 是 null ，返回 true 。6. 如果...

1.问题描述使用了next+express做SSR，引入了富文本编辑器braft-editor（我也不知道自己为什么要用SSR渲染后台界面），代码如下import React from 'react'import BraftEditor from 'braft-editor'import 'braft-editor/dist/index.css'export default class...

import React, { PureComponent } from 'react';class App extends PureComponent {}import React, { Component } from 'react';class App extends Component {}PureCompoent是一个更具性能的Component的版本除了为你提供了一个具有...

具体搭建流程可以参考这篇文章，写得很好也非常详细：用Next.js快速上手React服务器渲染，我就不转载过来了。看完后你会搭建一个自己的本地的静态站点，这个时候我们就可以向这个项目上面添加React和Redux了。与往常的react+redux项目不同的是，以往的react的组件是用Provider容器包裹起来的，可以让容器组件拿到state，比如下面这样...import { Pro...

github很多开源markdown工具，比如react-markdown,marked等等。可以选择一个自己喜欢的，我这里用的marked。代码中使用也比较方便：import marked from 'marked';import hljs from 'highlight.js'; //代码高亮...hljs.configure({ tabReplace: ' ', cl...

///集合取交集 Array.intersect = function () { var result = new Array(); var obj = {}; for (var i = 0; i < arguments.length; i++) { for (var j = 0; j < arguments[i].length; j++)

1.this和super的区别：this关键词指向函数所在的当前对象super指向的是当前对象的原型对象2.super的简单应用const person = { name:'jack'}const man = { sayName(){ return super.name; }}Object.setPrototypeOf( m...

如果非要给这几种方法划清一下界限，fromCharCode(),charCodeAt(),charAt()是ES5中的字符串方法，其中fromCharCode()用于String对象，charCodeAt(),charAt()用于字符串的实例方法；fromCodePoint(),codePointAt()是ES6新增的特性，fromCodePoint()用于String对象，codePoi...

setTimeout语法：var timeoutId = scope.setTimeout(function[, delay, param1, param2....]); var timeoutId = scope.setTimeout(function[, delay]); var timeoutId = scope.setTimeout(code[, delay]);setTi...

1.单独的作用域var val = 1const fun = (val, y=()=&amp;gt;val=2 ) =&amp;gt; { var val = 3 y() console.log(val) //预期是2，结果是3}fun();console.log(val) //1上面代码中，首先看内部val的打印结果：3。原因是一旦设置了参...

以下内容全部来源于自阮老师的《ECMAScript 6 入门》，http://es6.ruanyifeng.com/#docs/string#includes-startsWith-endsWith。仅供个人记录学习。传统上，JavaScript 只有indexOf方法，可以用来确定一个字符串是否包含在另一个字符串中。ES6 又提供了三种新方法。includes()：返回布尔值，表示是否找...

ES5中的==和===存在着问题，==会自动转换数据类型；===情况下NaN不等于NaN，+0等于-0NaN === NaN //false+0 === -0 //trueES6中的Object.is() 判断两个值是否相同。即只要两个值是一样的，它们就应该相等。Object.is(NaN, NaN) //trueObject.is(+0, -0)...

Object.assign()的基本语法：将源对象（source）的所有可枚举属性的实例属性复制到目标对象（target）。Object.assign( target, source1, source2, ... )所以，Object.assign()复制的属性是有限制的：只复制源对象的自身实例属性，不复制原型属性（继承属性）；只复制可枚举属性（enumerable:true）...

一.什么是类数组拥有length属性，其它属性（索引）为非负整数(对象中的索引会被当做字符串来处理，这里你可以当做是个非负整数串来理解)不具有数组所具有的方法经常遇到的类数组：DOM 操作返回的 NodeList 集合、函数内部的 arguments 对象。。。二.类数组转数组假设类数组对象为arrayLikeObject。1.for遍历声明一个空数组，通过遍历伪数组...

1.for-infor-in遍历所有能通过对象访问的，可枚举的属性,包括实例属性和原型属性，引伸为defineProperty的[[Enumerable]]属性.ES5中将constructor和prototype属性的[[Enumerable]]设为false,即不可枚举，但不适用于所有浏览器。function Person(){}Person.prototype.name = ...

我们可以从最初的混合继承模式，慢慢说起Object.create()的前因后果。一般来说，使用构造函数结合原型的混合模式，可以为特定的实例共享属性和方法。比较常见的是下面的形式，也是最基本的使用：function Person(name){ this.name = name;};Person.prototype.sayName = function(){ aler...