Add_a_cat的博客

转载 原型链

翻译 事件传播

此示例演示了如何以非常简单的方式触发和处理DOM中的事件。加载此HTML文档的BODY时，会在TABLE的顶行注册事件侦听器。事件侦听器通过执行函数stopEvent来处理事件，该函数更改表的底部单元格中的值。但是，stopEvent还会调用事件对象方法event.stopPropagation，该方法可以防止事件进一步冒泡到DOM中。请注意，表本身有一个onclick事件处理程序，在单击表时...

转载 React中key的作用

https://react.docschina.org/docs/reconciliation.html#recursing-on-children转载到csdn以方便查阅比对同类型的组件元素当一个组件更新时，组件实例保持不变，这样 state 在跨越不同的渲染时保持一致。React 将更新该组件实例的 props 以跟最新的元素保持一致，并且调用该实例的componentW...

转载 npx 使用教程

作者：阮一峰日期：2019年2月 9日npm 从5.2版开始，增加了npx命令。它有很多用处，本文介绍该命令的主要使用场景。Node 自带 npm 模块，所以可以直接使用npx命令。万一不能用，就要手动安装一下。$ npm install -g npx调用项目安装的模块npx想要解决的主要问题，就是调用项目内部安装的模块。比如，项目内部安装了...

原创 类选择器获取动态加载的元素的方法

在document 加载完成后才进行的渲染,如果不确定可以尝试查看源代码能否找到对应元素,解决办法可以通过 setTimeout 来延迟获取,或者 setInterval 抓取在油猴上尝试了很多方法包括：// @run-at document-enddocument.onload= function() {}$(document).ready(func...

转载 DOM

原创 将vscode设置到右键菜单中

由于安装的时候没有设置好，导致不能用右键快速打开vscode在网上查到了以下方法：1.新建文件，拷贝代码进去 ; 是注释Windows Registry Editor Version 5.00 ; Open files [HKEY_CLASSES_ROOT\*\shell\Open with VS Code] @="Edit with VS Code" "Icon"...

原创 argc argv

参考：http://webhome.phy.duke.edu/~rgb/General/c_book/c_book/chapter10/arguments_to_main.html

原创 namespace实例

#include <iostream>using namespace std ;namespace savitch1 { void greeting();}namespace savitch2 { void greeting();}void big_greeting();int main(){ { using nam...

原创 作用域和闭包（五） 闭包

废话少说，总结几句函数在定义时的词法作用域以外的地方被调用。闭包使得函数可以继续访问定义时的词法作用域 无论使用何种方式对函数类型的值进行传递，当函数在别处被调用时都可以观察到闭包 无论通过何种手段将内部函数传递到所在的词法作用域以外，它都会持有对原始定义作用域的引用，无论在何处执行这个函数都会使用闭包如果将（访问它们各自词法作用域的）函数当做第一级的值类型并到处传递，你就会...

原创 作用域和闭包（四） 提升

当你看到var a=2 时，JavaScript将其看作两个声明，var a; 定义声明在编译阶段进行a=2 ; 赋值声明会被留在原地等待执行阶段只有声明本身会被提升，而赋值或其他运行逻辑会被留在原地。如果提升改变了代码执行的顺序，会造成非常严重的破坏。函数声明和变量声明都会被提升。但是函数会先被提升，然后才是变量。微妙的差异，赋值并没有被提...

原创 作用域和闭包（三） 函数作用域和块作用域

3.1 函数中的作用域3.2 隐藏内部实现举个例子function doSomething(a){ function doSomethingElse(a){ return a-1; } var b; b=a+doSomethingElse(a*2); console.log(b*3);}doSomethi...

原创 作用域和闭包（二） 词法作用域

作用域有两种主要的工作模型。第一种最为普遍，被大多数编程语言所采用的词法作用域。另一种叫做动态作用域，仍有一些语言在使用（比如Bash脚本、Perl中的一些模式等）2.1 词法阶段2.2 欺骗词法2.2.1eval2.2.2 with反正都不太推荐使用，简单看一遍就行了2.2.3 性能2.3 小结...

原创 作用域和闭包（一）

1.1 编译原理在传统编程语言的流程中，程序中的一段源代码在执行前会经历三个步骤，统称为“编译”。分词/词法分析（Tokenizing/Lexing） 解析/语法分析（Parsing） 代码生成1.2 理解作用域LHS:试图找到变量的容器本身（变量出现在赋值操作左侧），查找的目的是对变量进行赋值RHS:简单地查找某个变量的值（右侧），目的是获取变量的值1.3 作用域...

原创 C语言格式输出数据类型

%d 十进制有符号整数%u 十进制无符号整数%f 浮点数%s 字符串%c 单个字符%p 指针的值%e 指数形式的浮点数%x, %X 无符号以十六进制表示的整数%0 无符号以八进制表示的整数%g 自动选择合适的表示法...

翻译 如何安装和使用代码压缩

在生产环境中，建议压缩应用程序中包含的任何javascript代码。代码压缩可以帮助您的网站加载速度快几倍，特别是随着您的javascript源代码的大小增长。以下是一种设置方法：安装node.js 在项目文件夹中运行npm init-y（不要跳过此步骤！） 运行npm安装Terser现在，要压缩名为like_button.js 的文件，请在终端中运行：npx ters...

原创 代理方式解决跨域问题

代理方式工具有多种，这里使用常用的nginx举例，nginx代理解决跨域原理其实很简单，从浏览器同源策略的限制角度考虑，通过代理方式将前端页面和后端接口代理成为同源服务（即浏览器访问前端页面和后端接口的ip主机相同、port端口相同），这样前端页面请求接口时就不会因为同源策略限制出现跨域问题。例如：nginx配置，将前端页面代理为localhost:80地址，将后端接口代理为localhost...

原创 ES6的模块一些要点

注：模块是自动运行在严格模式下并且没有办法退出运行的JavaScript代码。模块中的变量，函数或类声明尽在模块的顶级作用于中存在，必须导出才能使用。在模块的顶部，this的值是undefined；导出语法//导出数据export var a=1;export let b="2";export const c=3;//导出函数export functi...