1.手写简易Ajax//Ajax - GET请求 const xhr = new XMLHttpRequest(); // true 为异步，false为同步 xhr.open('GET', 'URL', false) xhr.onreadystatechange = () => { if (xhr.readyState === 4) { if (xhr.status === 200) { console.log(xhr.response); } } } xhr.send(null) //Ajax - POST请求 const post = new XMLHttpRequest(); // true 为异步，false为同步 post.open('POST', 'URL', true); post.onreadystatechange = () => { if (xhr.readyState === 4) { if (xhr.status === 200) {
1.事件绑定// 事件绑定 const node = document.getElementById("btn"); node.addEventListener("click", function () { console.log("click"); }, false); //通用事件绑定函数 function addEvent(node, type, handler) { node.addEventListener(type, handler, false); } addEvent(node, "click", function () { event.preventDefault(); //阻止默认事件 console.log("clicked"); })2.事件冒泡事件冒泡：从事件源朝父级一直到根元素（HTML）。当某个元素的某类型事件被触发时，那么它的父元素同类型的事件也会被触发，一直触发到根源上；从具体的元素到不确定的元素。终止事件冒泡：在相
JS基础知识，规定语法（ECMA 262标准）；JS-Web-API，网页操作的API（W3C标准）前者是后者的基础一、DOM文档对象模型 (DOM)：Document Object Model 1.DOM的本质 DOM是由HTML文件解析出来的一棵树。2.DOM的节点操作//1.获取节点 document.getElementById("id"); //获取id为id的节点 返回节点对象 document.getElementsByTagName("tag"); //获取tag为tag的节点 返回节点集合 document.getElementsByClassName("class"); //获取class为class的节点 返回节点集合 document.querySelector("css选择器"); //获取css选择器为css选择器的节点 返回节点对象 document.querySelectorAll("css选择器")
一、git 如何修改最近一次的commit信息git commit --amend进入vim操作界面之后, 点击字母键 i 然后进入INSERT模式，然后对commit信息进行修改，然后ESC 然后 :wq 保存退出然后执行 git log 会发现最近的一次commit信息被修改成功了二、git 修改已经提交到git远程仓库的commit信息首先回撤到上一次提交，不修改本次提交的改动 git reset --soft HEAD~1重新做一次提交 git commit -m “重新提交commit信息”强推本地分支到远程仓库 git push -f origin master查看远程仓库中的是否已经修改commit信息
class test { private int:number = 0; private double:number = 0; public getInt():number { return this.int; } public setInt(value:number):void { this.int = value; } public getDouble():number { return this.double; } public setDouble(value:number):void { this.double = value; } }比如这里有两个私有属性并提供get/set方法，和直接设置public有什么区别？如果仅仅是图中的例子，那么你说的这两种方式是没什么区别的。外部调用的结果都可以对属性进行读取与修改。但是这个例子只是展示了一个常规的私有属性与 get/set 方法的使用模式，仅仅从这个例子中看不出来这个模式有
命名使用 PascalCase 为类型、枚举类型命名使用 UPPER_CASE 为常量和枚举值命名使用 camelCase 为函数命名使用 camelCase 为属性或本地变量命名不要为私有属性名添加_前缀，如果某些属性你不想任何人访问它，可以添加$前缀尽可能使用完整的单词拼写命名函数名采用 动词 或 动词+名词 的方式start()startLevel(level: number)使用有意义的变量命名正确示范clickCallback tempValue错误示范 func a b类型不要使用 namespace 使用 ES Module不要导出类型/函数，除非你要在不同的组件中共享它在一个文件里，类型定义应该出现在顶部尽量使用 **undefined**，而不是 null组件1个文件对应一个逻辑组件 （比如：资源类型，资源加载器）gen目录下的文件是自动生成的，不要手动改它。一般假设假设外部不需要修改的成员，需要添加 readonly 修饰假设外部不需要访问的成员，应添加 private 或 protected 修饰假设不会变的对象，应声明为Readonly<T>注释为类
1. 什么是宏任务和微任务JavaScript 把异步任务又做了进一步的划分，异步任务又分为两类，分别是：① 宏任务（macrotask）： 宿主环境提供的异步方法都是宏任务script全部代码异步 Ajax 请求setTimeout、setInterval文件操作DOM事件I/OUIrendering② 微任务（microtask）：语言标准提供PromiseAsync / AwaitmutationObserverProcess.nextTick(Node独有)2. Event Loop 和DOM渲染console.log('script start'); setTimeout(() => { console.log('setTimeout'); }, 0); new Promise((resolve) => { console.log('promise1'); resolve(); }); const div = document.createElement('div') div.innerHTML = '<h1>hello<
我们写代码的时候，通常希望代码能按照我们写的顺序来执行；例如：async function add(x) { return new Promise((resolve, reject) => { setTimeout(() => { resolve(x + x); }, 1000); }); } !(async function () { let arr = [5, 6, 7]; arr.forEach(async (item) => { console.log(await add(item)); }); })()我们更希望上边的输出9结果为按顺序依次等待1秒后输出，但是，真实情况是 一起等待了1秒后一次性输出了。1.for-ofasync function add(x) { return new Promise((resolve, reject) => { setTimeout(() => { re
async/await 是ES7 （ECMAscript 2016）提出的基于Promise的解决异步回调的最终方案；使用同步语法编写异步代码，彻底消灭回调函数；async / await是基于Promise实现的，不能用于普通的回调函数；async / await 并不能改变异步的本质（ js是单线程的，异步需要回调，都是要基于 event loop 来实现）；await 后面的代码，都可以看做是异步回调 callback 里的内容，都是异步的；async / await 和Promise不互斥，两者相辅相成。1.基本使用方法async关键字： 放在函数声明之前，表明该函数是一个异步函数。该异步函数会返回一个Promise对象，当函数执行完毕的时候，我们可以像使用Promise一样进行调用then方法处理后续流程。async function getAsync() { return 'ASYNC DATA'; } const a1 = getAsync(); // Promise a1.then(function (value) { console.log(valu
Gonwe
一念智即般若生。
CC BY-SA 4.0
