Lmagic
Lmagic
## Git 常用操作命令 查看分支：`git branch` 分支名前的 * 字符：它代表现在所在的分支（即当前 HEAD 指针所指向的分支） 切换分支：`git checkout 分支名` 切换新分支：`git checkout -b 本地分支名 远程分支名` 显示工作目录和暂存区的状态： `git status -s` 撤销commit操作，回退到某个commit: `git reset --hard 版本号` `Git checkout 远程分支名`...
目录： Jest 篇： 1. 简介 2. 匹配器（Matchers） 3. 测试异步代码 4. 安装和移除（hook 辅助函数） 5. Mock 函数 6. 快照测试（Snapshot Testing） 7. 其他 Enzyme 篇： 1. 简介 2. Shallow Rendering 3. Full DOM...
## Go 学习笔记 目录： 1. 简介 2. Go 程序的基本结构 3. 流程控制语句 4. 更多类型：结构体、数组、切片、映射 5. 方法和接口 6. 并发机制 ### 一、简介 官网： Go 语言之旅： Go 是从 2007 年末由 Robert Griesemer, Rob Pike,...
## 从零开始一步步搭建 React+Koa SSR 应用 真正地从零开始，一步一步搭建~ 笔记有点啰嗦有点长... 首先，来拆分一下目标，每一步都是可运行的项目。 demo地址： 每一步都是一个分支，checkout 到对应的分支即可体验到对应的 demo。 1. 新建一个前端仓库，引入 React demo 2. 配置 webpack 构建，本地可访问构建好的 html 文件（CSR 客户端渲染） 3. 引入 Koa demo，本地可访问 Node 服务 4....
influxDB 学习笔记 官方文档：https://docs.influxdata.com/influxdb/v1.8/ 一、 influxDB 1、 简介 InfluxDB 是一个由 InfluxData 开发的开源时序型数据库。使用 GO 语言开发，特别适合用于处理和分析资源监控数据这种时序相关数据。InfluxDB 被广泛应用于存储系统的监控数据，IoT 行业的实时数据等场景。 influxDB 与 MySQL 的对比： InfluxDB 目的是存储大量时间序列数据，并对这些数据快速执行实时分析。 influxDB 支持多种查询语言：Flux 和 influxQL。 influxDB 不是 CRUD，通常来说 influxDB 中的数据来自分布式传感器组、网站的点击数据和性能监控数据和金融交易列表数据等，这些数据需要聚合之后才会更有用。...
### 简介 - 官网地址：[http://react-dnd.github.io/react-dnd/docs-drag-source.html](http://react-dnd.github.io/react-dnd/docs-drag-source.html) - react-dnd是基于 [HTML5 drag and drop API](https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API) - react-dnd已经做好了拖动的视图展示，即拖动组件会随着光标移动，且拖动到可滚动区域，可以自动随着光标往上和往下滚动。 ### 如何在react组件中使用 1. 利用 **DragDropContext** 装饰顶层组件。 装饰方法：[http://react-dnd.github.io/react-dnd/docs-drag-drop-context.html](http://react-dnd.github.io/react-dnd/docs-drag-drop-context.html) 2. 利用 **DragSource** 包装拖拽源组件，使组件可以拖动。 包装方法： [http://react-dnd.github.io/react-dnd/docs-drag-source.html](http://react-dnd.github.io/react-dnd/docs-drag-source.html) `DragSource(type, spec, collect)(MyComponent);` 1）其中...
**薛兆丰经济学讲义——笔记** **前言：** 经济学的魅力：研究陌生人的互动规律为己任的学问。 人的认知和判断，至今主要还是靠直觉和短距离的人际关系来驱动，但人的身体和机遇，却早已置于大规模的陌生人的精妙协作之中。 学会将愿望和结果分开来评判（理性），学会探究现象背后的原因。 人类面临的四大基本约束：东西不够，生命有限，互相依赖，需要协调。 **一、稀缺** **#1——经济规律在哪里都起作用** 1. **有人的地方就有交易** “事实上，一个战俘物质享受水平的显著提高，不是依靠自身摄取生活必需品的能力，而是通过商品街服务交换得以实现的。” 哪怕物质的总量不发生变化，只要人与人之间能够进行交易，幸福就能够无中生有。 1. **有交易就有价格，有价格就有价格波动。** 1. **有交易就会产生对货币的需求。有了货币，就有所谓的劣币驱逐良币的现象。** 1. **只要有货币，就会有通货膨胀和通货紧缩的现象。** **#2——公正背后是效率考量** 1. **鼓励创造财富，社会才会越来越好。** 如果鼓励创造财富，那么就会有这样的预期：凡是经过人类劳动的成功，都是财富；凡是财富，就都有主人；有主人的财富是受到法律保护的。 如果鼓励对财富做标记，则有产者花在看管财富上的努力就会变大，大到足以抵消财富本身的价值。 1. **公正背后是效率考量（因为有效，所以公平）** 保护产权的努力是会消耗资源的，这种消耗越大，资源的净值就越低；社会的道德规范，越是能够帮助降低这种消耗，社会财富的积累就越多。 往往是那些让社会里每个人都有积极性去积累财富的规则，或者是那些让社会能够健康发展的规则，才是公平的规则。 **#3——做决策时，要充分考虑到看不见的因素** 一件事情发生了带给我们的好处，和这件事情如果未发生可能产生的好处。 **#4——区分愿望和结果**...
## Nginx 安装与配置规则入门 1. nginx 安装与运行 (Mac OS环境) 1. nginx 规则配置入门 2. 一些命令行的配置 ### 一、nginx 安装与运行 (Mac OS环境) #### 1. 安装 nginx 可通过 Homebrew 可直接安装： ```linu $brew install nginx ```...
### DOM 元素中的焦点管理 #### 1. 焦点元素 表单元素（[input](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input)、[select](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/select) 或者 [textarea](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/textarea) 等） 以及 document.body #### 2. 如何查看当前焦点元素 `document.activeElement`：返回当前页面中获得焦点的元素，也就是说，如果此时用户按下了键盘上某个键，会在该元素上触发键盘事件。该属性是只读的。 Chrome 页面加载后默认的焦点元素是 **document.body** https://developer.mozilla.org/zh-CN/docs/Web/API/Document/activeElement #### 3. 如何让元素获得焦点 1）页面交互：点击 input 输入框等。 2）JS代码：[**HTMLElement.focus()**](https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLElement/focus) 方法可以设置指定元素获取焦点。 3）使用 HTML5...
## HTTP诞生 1989年为知识共享而诞生的Web，提出了3项WWW构建技术： 1. 标准通用标记语言设为HTML（HyperText Markup Language，超文本标记语言） 2. 文档传输协议HTTP（HyperText Transfer Protocol，超文本传输协议） 3. 文档定位URL（Uniform Resource Locator，统一资源定位符） url的结构： 采用协议包括http/https/ftp/file/telnet等等  ## HTTP特点 - 无状态协议（不对请求和响应之间的通信状态进行保存，无法实现状态管理），所以后面引入Cookie和LocalStorage等技术。 - 请求方法有：GET（获取资源）、POST（传输实体主体）、PUT（传输文件）、HEAD（获得报文首部）、DELETE（删除文件）、OPTIONS（询问支持的方法）、TRACE（追踪路径）、CONNECT（要求用隧道协议连接代理） - HTTP/1.1中，所有连接默认都是持久连接（keep-alive），即建立一次TCP连接后可以进行多次HTTP请求和响应 - 管线化，即可并行发送多个请求。  -...