notes
notes copied to clipboard
jawil
仅仅就是随手记录
### 场景 在日常使用 `git` 作为仓库使用的时候，有时可能会遇到这样的一些情况： ```js 1. 有两个 `github` 账号，一台电脑怎么同时连接这两个账号进行维护呢？ 2. 自己用一个 `github` 账号，平时用来更新自己的一些资料；公司使用的 `gitlab`（也是 `git` 的衍生产品） ``` ### `SSH Key` 的配置 1.`Windows` 下打开 `Git Bash`，创建 `SSH Key`，按提示输入密码，可以不填密码一路回车 ```js $...
### 本地密码登录远程服务器 > ssh -p 29197 [email protected] ### 使用 ssh 免密码登录 1. 本机操作： >ssh-keygen -t rsa -C "[email protected]" 2. 远程服务器操作 ``` mkdir .ssh cd .ssh touch authorized_keys chmod 700 authorized_keys...
### 面试技巧 1. 心理学 ### 面试题 1. github [高级前端进阶](https://github.com/yygmind/blog) [Weekly-FE-Interview](https://github.com/airuikun/Weekly-FE-Interview) [React.js有哪些设计缺陷？](https://www.zhihu.com/question/316425133/answer/673451425) [面试官(7): 聊一聊 Babel?](https://juejin.im/post/5c03b85ae51d450c740de19c?utm_source=gold_browser_extension) [Daily-Interview-Question](https://github.com/Advanced-Frontend/Daily-Interview-Question) ### 数据结构和算法 1. LeetCode [leetcode题解，记录自己的leetcode解题之路](https://github.com/azl397985856/leetcode) [用动画的形式呈现解LeetCode题目的思路](https://github.com/MisterBooo/LeetCodeAnimation) 2. 视频 [JavaScript版 数据结构与算法](https://coding.imooc.com/class/315.html) 3. 合集 [程序员必须掌握哪些算法？ - 程序员吴师兄呀的回答...
1. [如何看待node.js中使用typescript的趋势？](https://www.zhihu.com/question/328675949/answer/722324545)
### 受控组件和非受控组件 ### 纯函数组件和状态组件 ### 展示组件和容器组件 展示组件(Presentational Component)与容器组件(Container Component)。所有的React组件都可以被被分为这两种组件，顾名思义，前者专注于界面的展示，而后者为前者提供容器。下面将借助这些特点来帮助我们更明确地区分这两个概念。 **展示组件** * 关心应用的外观。 * 可能会包含展示组件或容器组件，除此之外常常还会包含属于组件自身的DOM节点与样式信息。 * 常常允许通过this.props.children 实现嵌套。 * 对应用的其余部分( 如Flux action及store)没有依赖。 * 不会指定数据如何加载或改变。 * 只通过props获取数据与行为(回调函数)。 * 极少会包含自身的状态(state),如果有，一定是界面状态而非数据。 * 一般都写成函数式组件( functional...
## 1. 版本号的命名 ### SemVer 根据国际主流的惯例，我们使用「语义化版本（[Semantic Versioning](http://semver.org/)）」的命名方式，有时简称 SemVer。 语义化版本号（以下简称「版本号」）的格式是：`..`。即使用三位非负整数，以点号 `.` 连接。 如：`1.4.15`、`6.2.0`。 ### 每一位版本号的含义 1. `` 即主版本号，俗称大版本升级。改动到主版本号时，标志着 API 发生了巨大变化，包括但不限于新增特性、修改机制、删除功能， **一般不兼容上一个主版本号**。 2. `` 即次版本号，俗称小版本升级。当我们进行常规的新增或修改功能时，改动次版本号，但是 **必须是向前兼容的**。这也意味着我们 **不能直接删除某个功能**。如若必要，我们可以在 [changelog](http://guide.taobao.net/6.changelog.php) 中标记某项功能为「即将删除（Deprecated）」，然后在下一个大版本中将其彻底删除。 3. `` 即修订号，俗称...
### Mac命令行 首先本文要介绍的工具基本都是原来工具的增强版，也就是说原来工具有的，增强版也都有。因为习惯很难改变，所以完全可以用 alias 替换掉。但是如果某些情况下想用原版的程序的话，可以使用下面的命令： >\cat \# ignore aliases named "cat" - [explanation]( https://stackoverflow.com/a/16506263/22617) >command cat \# ignore functions and aliases * **exa：** >替代 **ls** 的现代文件列表工具，下载地址：[网页链接](https://the.exa.website/) 搭配 alias ls="exa"更方便 *...
#### 1. 引入 React ```tsx import * as React from 'react'; import * as ReactDOM from 'react-dom'; ``` 在 [TypeScript 2.7+ ](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-7.html)中，你可以将 Typescript 配置 `--allowSyntheticDefaultImports` （或者在 tsconfig 中添加 `"allowSyntheticDefaultImports": true` ...
#### create-react-app 跨域问题 使用 **create-react-app** 时候，把 cdn 静态资源代理到本地时候，就会出现 Access to script at 'http://localhost:3000/app.js' (redirected from 'http://g-assets.daily.taobao.net/app.js') from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present...
### React 实现 * [React 16.0 源码分析](https://link.juejin.im?target=http%3A%2F%2Fzxc0328.github.io%2F2017%2F09%2F28%2Freact-16-source%2F) * [完全理解 React Fiber](https://link.juejin.im?target=http%3A%2F%2Fwww.ayqy.net%2Fblog%2Fdive-into-react-fiber%2F) * [React DOM Diff 算法](https://link.juejin.im?target=https%3A%2F%2Freactjs.org%2Fdocs%2Freconciliation.html%23the-diffing-algorithm) * [React 如何区分 Class 和 Function](https://link.juejin.im?target=https%3A%2F%2Foverreacted.io%2Fhow-does-react-tell-a-class-from-a-function%2F) * [react-redux 的实现沿革](https://link.juejin.im?target=https%3A%2F%2Fblog.isquaredsoftware.com%2F2018%2F11%2Freact-redux-history-implementation%2F) ### React 相关接口设计 * [React...