16 |
17 |
18 | License
19 | ---
20 | 所有文章采用[知识共享署名-非商业性使用-相同方式共享 3.0 中国大陆许可协议](http://creativecommons.org/licenses/by-nc-sa/3.0/cn/)进行许可。
--------------------------------------------------------------------------------
/assets/optimizing-react-app-with-immutable-data.key:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/liangzr/blog/49cb2c5d1f01aee0017833624a8e3831b2ff5874/assets/optimizing-react-app-with-immutable-data.key
--------------------------------------------------------------------------------
/assets/wechat.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/liangzr/blog/49cb2c5d1f01aee0017833624a8e3831b2ff5874/assets/wechat.jpg
--------------------------------------------------------------------------------
/demos/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/liangzr/blog/49cb2c5d1f01aee0017833624a8e3831b2ff5874/demos/.gitkeep
--------------------------------------------------------------------------------
/deploy.sh:
--------------------------------------------------------------------------------
1 | cd hexo
2 | hexo clean
3 | hexo deploy
--------------------------------------------------------------------------------
/diagrams/demo.wsd:
--------------------------------------------------------------------------------
1 | @startuml git-flow
2 | participant master order 0
3 | participant develop order 1
4 | participant feature order 2
5 | participant release order 3
6 | participant hotfix order -1
7 |
8 | autonumber
9 | develop -> feature : 新分支
10 | feature -> feature : 功能点
11 | feature -> develop : 合并到开发分支
12 | develop -> release : 预发布
13 | release -> release : bug 修复
14 |
15 | autonumber 6 0
16 | release -> master : 发布合并
17 | release -> develop : 发布合并
18 |
19 | autonumber
20 | master -> hotfix : 处理线上 bug
21 | hotfix -> hotfix : bug 修复
22 |
23 | autonumber 3 0
24 | hotfix -> master : 发布合并
25 | hotfix -> develop : 发布合并
26 | @enduml
--------------------------------------------------------------------------------
/diagrams/fed-mind.wsd:
--------------------------------------------------------------------------------
1 | @startmindmap javascript
2 | title JavaScript 结构
3 |
4 | * JavaScript
5 | ** 运行时
6 | *** 数据结构
7 | **** 类型
8 | ***** 7 种语言类型
9 | ***** 7 种规范类型
10 | **** 实例（内置对象）
11 | *** 执行过程
12 | **** 事件循环
13 | **** 微任务执行
14 | **** 函数执行
15 | **** 语句执行
16 | ** 文法
17 | *** 词法
18 | *** 语法
19 | ** 语义
20 |
21 | @endmindmap
--------------------------------------------------------------------------------
/diagrams/git-flow.wsd:
--------------------------------------------------------------------------------
1 | @startuml git-flow
2 | participant master order 0
3 | participant develop order 1
4 | participant feature order 2
5 | participant release order 3
6 | participant hotfix order -1
7 |
8 | autonumber
9 | develop -> feature : 新分支
10 | feature -> feature : 功能点
11 | feature -> develop : 合并到开发分支
12 | develop -> release : 预发布
13 | release -> release : bug 修复
14 |
15 | autonumber 6 0
16 | release -> master : 发布合并
17 | release -> develop : 发布合并
18 |
19 | autonumber
20 | master -> hotfix : 处理线上 bug
21 | hotfix -> hotfix : bug 修复
22 |
23 | autonumber 3 0
24 | hotfix -> master : 发布合并
25 | hotfix -> develop : 发布合并
26 | @enduml
--------------------------------------------------------------------------------
/diagrams/react-lifestyle.wsd:
--------------------------------------------------------------------------------
1 | @startuml react-lifestyle
2 |
3 | start
4 |
5 | floating note left
6 | 🔴不可 setState
7 | ✅可以 setState
8 | 🌀合并 setState
9 | end note
10 |
11 | partition MOUTING {
12 | #82F49C:🔴getDefaultProps;
13 | floating note right
14 | 只在初始化组件元素时调用
15 | 所以只执行一次
16 | end note
17 |
18 | #82F49C:🔴getIntialState;
19 |
20 | #82F49C:🌀componentWillMount;
21 | floating note right
22 | 初始化 state 等操作
23 | 建议都在 constructor 中做处理
24 | end note
25 |
26 | #82F49C:🔴render;
27 | #82F49C:✅componentDidMount;
28 | floating note right
29 | 有些例如获取 DOM 元素的位置等操作只有在
30 | 渲染之后才能得到，可以在这里做处理
31 | end note
32 | }
33 |
34 | partition RECEIVE-PROPS {
35 | #82F49C:🌀componentWillReceiveProps;
36 | floating note right
37 | 可以用来处理props改变时，更新state
38 | end note
39 |
40 | #82F49C:🔴shouleComponentUpdate;
41 | floating note right
42 | 返回 true 或 false 来决定组件是否要重新渲染
43 | 但不管是否重新渲染，属性状态都会更新
44 | end note
45 |
46 | #82F49C:🔴componentWillUpdate;
47 | floating note right
48 | 在更新之前对组件的状态做保存
49 | end note
50 |
51 | #82F49C:🔴render;
52 | #82F49C:✅componentDidUpdate;
53 | floating note right
54 | 类似 componentDidMount
55 | end note
56 | }
57 |
58 | partition UNMOUNTING {
59 | #82F49C:🔴componentWillUnmount;
60 | floating note right
61 | 可以在这个方法中进行取消事件监听等操作
62 | 避免内存泄漏
63 | end note
64 | }
65 |
66 |
67 | end
68 |
69 | @enduml
70 |
--------------------------------------------------------------------------------
/diagrams/react-mounting.wsd:
--------------------------------------------------------------------------------
1 | @startuml react-mounting
2 |
3 | |mountComponent挂载组件|
4 | start
5 |
6 | :初始化props和context;
7 | :执行构造函数获得实例;
8 |
9 | if (无状态组件OK) then (yes)
10 | :渲染无状态组件;
11 | note left
12 | 无状态组件没有状态更新队列
13 | 只专注于渲染
14 | end note
15 | endif
16 |
17 | :重新初始化类属性;
18 |
19 | note right
20 | 为类抽象兜底，即使用户
21 | 没有正确地调用 super()
22 | end note
23 |
24 | :初始化state;
25 | :初始化更新队列;
26 | note right
27 | _pendingStateQueue = null
28 | _pendingReplaceState = false
29 | _pendingForceUpdate = false
30 | end note
31 |
32 | |#FAEBD7|performIntialMount执行挂载|
33 |
34 | #82F49C:componentWillMount;
35 |
36 | if (更新队列不为空) then (yes)
37 | :合并state;
38 | note left
39 | 此时不会多次render
40 | end note
41 |
42 | endif
43 |
44 | if (无状态组件) then (no)
45 | :创建Component实例;
46 | endif
47 |
48 | #82F49C:递归render;
49 | note right
50 | 调用 ReactReconciler.mountComponent
51 | 递归地渲染子组件，子组件渲染成功后，父组件
52 | 才渲染完成
53 | end note
54 |
55 | |mountComponent挂载组件|
56 |
57 | #82F49C:componentDidMount;
58 |
59 | end
60 |
61 | @enduml
--------------------------------------------------------------------------------
/diagrams/react-receive-update.wsd:
--------------------------------------------------------------------------------
1 | @startuml react-receive-update
2 |
3 | |updateComponent更新组件|
4 | start
5 |
6 | :初始化缓存属性;
7 | note right
8 | nextContext, nextProps
9 | end note
10 |
11 | if (context改变) then (yes)
12 | :更新处理context;
13 | note left
14 | 只保留被 contextTypes
15 | 声明的 context
16 | end note
17 | else (no)
18 | :更新context缓存;
19 | endif
20 |
21 | :更新props;
22 |
23 | if (
24 | 如果context或element改变
25 | &&
26 | 有componentWillReceiveProps
27 | ) then (yes)
28 | #82F49C:componentWillReceiveProps;
29 |
30 | endif
31 |
32 | :合并state;
33 | note left
34 | 此时不会多次render
35 | end note
36 |
37 | #82F49C:shouldUpdate: forceUpdate || shouldUpdateComponent;
38 |
39 | if (shouldUpdate) then (no)
40 | :将状态属性更新到实例上;
41 | note left
42 | state
43 | props
44 | context
45 | end note
46 | else (yes)
47 | |#FAEBD7|performComponentUpdate执行更新|
48 | if (存在componentDidUpdate) then (yes)
49 | :缓存当前状态属性;
50 | endif
51 |
52 | if (无状态组件) then (no)
53 | :创建Component实例;
54 | endif
55 |
56 | #82F49C:componentWillUpdate;
57 | :将状态属性更新到实例上;
58 |
59 | |_updateRenderedComponent执行渲染更新|
60 |
61 | if (需要更新) then (yes)
62 | :继续更新组件;
63 | ' note left
64 | ' 调用 ReactReconciler
65 | ' .receiveComponent
66 | ' end note
67 | else (no)
68 | #82F49C:递归render;
69 | endif
70 |
71 | |#FAEBD7|performComponentUpdate执行更新|
72 | #82F49C:componentDidUpdate;
73 |
74 | endif
75 |
76 | |updateComponent更新组件|
77 |
78 | end
79 |
80 | @enduml
--------------------------------------------------------------------------------
/diagrams/react-set-state-pitfall.wsd:
--------------------------------------------------------------------------------
1 | @startuml react-set-state-pitfall
2 |
3 | state updateComponent {
4 | state "componentWillUpdate" as cwu
5 | state "shouldComponentUpdate" as scu
6 | state "componentWillReceiveProps" as cwrp
7 | state "componentDidUpdate" as cdu
8 | cwrp --> scu
9 | scu --> cwu
10 | cwu --> cdu
11 | cwrp --> setState : 合并 state
12 | cwu --> setState : 无限循环
13 | scu --> setState : 无限循环
14 | cdu --> setState : 更新队列为空，触发二次 setState
15 | }
16 |
17 | state setState {
18 | state enqueueSetState {
19 | enqueueSetState: 初始化并压入更新队列
20 |
21 | state enqueueUpdate
22 | enqueueUpdate --> puin
23 | }
24 | }
25 |
26 | state "performUpdateIfNecessary" as puin {
27 | puin: 更新队列 _pendingStateQueue 不为空
28 | }
29 |
30 | puin --> updateComponent
31 |
32 | @enduml
--------------------------------------------------------------------------------
/diagrams/react-unmounting.wsd:
--------------------------------------------------------------------------------
1 | @startuml react-unmounting
2 |
3 | start
4 |
5 | #82F49C:componentWillUnmount;
6 | :组件实例进行unmount操作;
7 | note right
8 | 卸载组件
9 | _renderedComponent
10 | _instance
11 | end note
12 |
13 | :重置相关参数、更新队列、更新状态;
14 | note right
15 | _pendingStateQueue
16 | _pendingREplaceState
17 | _pendingCallbacks
18 | _pendingElement
19 | _context
20 | _rootNodeID
21 | _topLevelWrapper
22 | end note
23 |
24 | :清除公共类;
25 |
26 |
27 |
28 | end
29 |
30 |
31 | @enduml
--------------------------------------------------------------------------------
/diagrams/redux-thunk.wsd:
--------------------------------------------------------------------------------
1 | @startuml dispatch
2 |
3 | |同步处理|
4 | start
5 |
6 | #82F49C:dispatch(fetchUserAvatar('liangzr'));
7 |
8 | partition redux-thunk {
9 | :typeof action === 'function';
10 | note right
11 | true
12 | end note
13 | }
14 |
15 | |异步请求|
16 | :返回结果;
17 | #82F49C:dispatch({type:'UPDATE_USER_AVATAR'});
18 | |同步处理|
19 |
20 |
21 |
22 |
23 | |同步处理|
24 | partition redux-thunk {
25 | :typeof action === 'function';
26 | note right
27 | false
28 | end note
29 | }
30 |
31 |
32 | partition redux-logger {
33 | :打印日志;
34 | }
35 |
36 | :更新state;
37 |
38 | end
39 |
40 | @enduml
--------------------------------------------------------------------------------
/diagrams/set-state.wsd:
--------------------------------------------------------------------------------
1 | @startuml set-state
2 |
3 | start
4 |
5 | #82F49C:this.setState(newState);
6 | if (isBatchingUpdates) then (处在更新流中)
7 | :当前变更组件存入 dirtyComponent 中;
8 | end
9 | else (不处在更新流中)
10 | :遍历 dirtyComponent 更新;
11 | end
12 | endif
13 |
14 | @enduml
--------------------------------------------------------------------------------
/diagrams/tcp.wsd:
--------------------------------------------------------------------------------
1 | @startuml tcp-intro
2 | actor client
3 |
4 | participant server order 2
5 | participant client order 1
6 |
7 | @enduml
8 |
9 | @startuml tcp-connect
10 |
11 | header overloading
12 | footer copyright liangzr
13 |
14 | title TCP 握手协议
15 |
16 | actor client
17 |
18 | participant server order 2
19 | participant client order 1
20 |
21 | autonumber
22 | client -> server : SYN
23 | note left
24 | 客户端向服务端发送连接请求报文段，
25 | 该报文段包含自身的数据通讯初始序号
26 | end note
27 |
28 | server -> client : SYN + ACK
29 | note right
30 | 服务端收到连接请求报文段后，如果同
31 | 意连接，刚会发送一个应答，该应答中
32 | 也会包含自身的数据通讯初始序号
33 | end note
34 |
35 | client -> server : ACK
36 | note left
37 | 客户端收到连接同意的应答后，还要向
38 | 服务端发送一个确认报文
39 | end note
40 |
41 | @enduml
--------------------------------------------------------------------------------
/docs/_drafts/how_to_print_properties_of_the_object_by_originally.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: 如何按原顺序打印出对象的属性？
3 | toc: true
4 | tags:
5 | - javascript
6 | - v8
7 | description: 从一个问题出发，简单介绍了 V8 中存储对象属性的方式，以及命名属性和元素的区别
8 | date: 2019-03-09 00:00:00
9 | ---
10 |
11 | 昨天在群里看到有人问:
12 |
13 | > 网友：“**Object.keys会给值排序，那用哪个方法取对象属性能不排序的？**”
14 | > 我：“对象的属性有顺序吗？”
15 | > 网友：“这个就会按照从小到大排序，我只是想保持原样~~” (如下)
16 | > 我："for...in 应该不会"
17 | > ......
18 |
19 | 
20 |
21 | 结果我试了下发现 `for..in` 也会，最终我试了六种方法：
22 |
23 | ```js
24 | const obj = { 100: 'a', 2: 'b', 7: 'c' }
25 |
26 | Object.keys(obj) // ["2", "7", "100"]
27 | Object.values(obj) // ["b", "c", "a"]
28 | Object.entries(obj) // "2,b,7,c,100,a", toString() 之后
29 | for (key in obj) { console.log(key) } // 2, 7, 10
30 | Object.getOwnPropertyNames(obj) // ["2", "7", "100"]
31 | Reflect.ownKeys(obj) // ["2", "7", "100"]
32 | ```
33 |
34 | 可以看到，以上方法都无一例外地以 `{ 2: 'b', 7: 'c', 100: 'a' }` 的方式打印出了相关值，那这个问题的影响在哪里呢？
35 |
36 |
37 |
38 | 假如你从接口中获取一段 JSON 数据如下：
39 |
40 | ```js
41 | {
42 | "100": { ... },
43 | "2": { ... },
44 | "7": { ... }
45 | }
46 | ```
47 |
48 | 上面个数据可能是经过后端排序的，并且数据中并没有带有可供排序的信息，毫无疑问经过 JS 的重新排序后，它的排序信息就丢失了，假如我就是不想丢失呢？
49 |
50 | 欲知其然，先知其所以然。在了解它如果遍历属性之前，首先我们需要知道的是，在 V8 中对象是如何存储属性的呢？
51 |
52 | ## V8 中对象的属性
53 |
54 |
55 |
56 | ## 有没有办法按原顺序打印？
57 |
58 | ## TL; DR;
59 |
60 | ## Reference
61 |
62 | - [Fast properties in V8](https://v8.dev/blog/fast-properties)
63 | - [Fast for-in in V8](https://v8.dev/blog/fast-for-in)
64 | - [Issue 164: Wrong order in Object properties interation](https://bugs.chromium.org/p/v8/issues/detail?id=164)
65 |
--------------------------------------------------------------------------------
/docs/all-you-loved-has-gone.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: 你看得见吗
3 | categories:
4 | - writing
5 | date: 2016-07-30 09:29:11
6 | ---
7 |
8 | 记得那天爷爷是你最爱背着我
9 | 走在乡间小路买糖果
10 | 你不会说童话故事也不会唱歌
11 | 我却是幸福的一个
12 |
13 | 记得那天你看电视陪我做功课
14 | 我很怀念房间的摆设
15 | 你还教我要有积蓄才有好生活
16 | 快乐是对自己的承诺
17 |
18 | 我已经坚强的长大
19 | 不再是小娃娃
20 | 今天在远方的你看见吗
21 |
22 | 我经历爱情的伤疤
23 | 一个人回家
24 | 寂寞而漂亮的烟花你看得见吗
25 |
26 | 我不知道是为了生活才每天工作
27 | 还是为了工作而生活
28 | 那天冬天你的视线越来越虚弱
29 | 直到孤独的离开了我
30 |
31 | 我已经坚强的长大
32 | 不再是小娃娃
33 | 今天在远方的你看得见吗
34 |
35 | 我经历爱情的伤疤
36 | 一个人回家
37 | 寂寞而漂亮的烟花你看见吗
38 |
39 | 我已经坚强的长大
40 | 因为你的话
41 | 今天在远方的你看得见吗
42 |
43 | 我经历爱情的伤疤
44 | 一个人回家
45 | 寂寞而漂亮的烟花你看见吗
46 |
47 | 记得那天爷爷是你最爱背着我
48 | 我有味道最甜的糖果
49 |
50 | > 怀念外公
--------------------------------------------------------------------------------
/docs/chinese-chess.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: 下棋
3 | date: 2019-04-27 13:12:20
4 | tags:
5 | categories:
6 | - writing
7 | ---
8 |
9 | 上一次下象棋，大约在二〇一六年的春天，在院子里跟外公排兵布阵，那局我赢了，却也是我最后一次下棋。
10 |
11 | 打小就喜欢下棋，在家里跟老爸下的时候，他总让我车马炮三个子，即使如此我也很少赢。每一放长假，我就会到外婆家去住。外公下棋非常厉害，听说早些年的时候，乡里的领导还把外公请过去下棋，可谓是声名在外，村里的老头们也没人能下得过外公。外公在我心里犹如战神一般的存在，我也很喜欢跟外公下棋，一有空就会跑到院子里把挂在木架上的一兜象棋取下来，在地上铺好棋盘摆好棋子，求外公跟我下棋。关于棋子也有个趣事，外公家 的棋子有些年代了，在院子里也是风吹雨淋，但后来不知哪天就不见了。没有棋下让我非常手痒，我就跟我妈说把我家的棋带到外公家，反正我爸平时也不下棋。就这样把我爸的棋偷偷带到了老家，后来让他知道后，又好气又好笑地没少数落我。
12 |
13 | 跟外公下棋，我是屡战屡败。小学时我的棋技已经足够娴熟，不会像初学者一样犯低级的走位失误，但外公总能在三两步间钳制住我造成两难局面，让我不得不断腕求生，惨失大将。即使这样，不下到最后一子，我也从没放弃过，并不会因为外公的大将比我多，就直接弃局。后来我发现外公在有些情况下甚至会主动跟我换子，因为在双方将子都不全情况下，他对大将的处理比我要好的多。
14 |
15 | 跟外公下棋，我的最佳战绩就是打个平手，但我依然屡败屡战。所以平日的目标是，即使我大将比你少，我也不一定能被你将死。然而，无数盘棋下来，外公让我见识了形形色色的残局进攻策略，各种马后炮、双炮、卧槽（马左三将军的一个位置）、过河卒等等战术层出不穷，尤其是对己方老将和过河卒的灵活使用让我猝不及防。
16 |
17 | 村子里的人过来串门，经常能看到外公和我下棋，他们就站在一边看，慢慢连村里的人也公认我下棋有术，虽然我从未赢过外公。记得有一次在家门口的空旷地，村里的一个老头喊我把象棋拿出来跟我切磋切磋。我很兴奋地去拿了棋过来，心想这是我扬名立万的好机会。经过一番持久的角逐，我真的赢了，从此在村里我就又成了“下棋赢过某某老头”的人。
18 |
19 | 后来上了高中以及大学，假期变长却也变少了，我回老家的次数也少了。而我爸完全是在我小的时候抱着虐菜的心理才跟我下棋，感受不到虐菜的快乐后，就很少愿意跟我下棋。但每次寒暑假我回老家，都一定会跟外公下棋。一五年的时候，外公被查出骨髓癌，从山上下来到我家住，那个时候我大学还没毕业。外公在那一年接受了很多化疗，人瘦了很多也虚弱了很多。一六年初，我考研结束（放弃）后就去医院陪着照看外公。外公这辈子爱好不多，无非听戏、下棋，那时候我从电脑上搜集了不少河洛套子、豫剧名曲等戏曲，带去医院给外公听。在医院时，中午吃完饭就带外公到医院的小广场上晒会儿太阳，听听戏曲儿。
20 |
21 | 我一直没想起来下棋。后来不知道哪天灵机一动——既然有这么多空闲时间，何不再陪外公下两盘棋呢？不过医院不大方便，化疗也是周期性的，等到那个疗程结束回到我家，我就把家里的象棋拿出来跟外公下。几个回合下来，我明显感觉到外公的思考时间和细节处理比以前都差了太多，甚至几次走位失误被我意外地白吃了大将。眼看着就要赢外公了，我心里却一点都开心不起来。就这样下着下着眼睛湿润，鼻子也有点酸了，我便以多名大将的优势草草地结束了战斗，挤起笑容跟外公说我赢了，你这局棋下的太不小心了。外公也哈哈着说，现在下的不行了，回屋休息会儿。外公化疗用的很多药物，对人的身体都有永久性的损伤，有些会导致记忆力下降，有的则会导致耳朵聋等，下棋水平下滑也跟这个有关。
22 |
23 | 从那之后我就没再提过下棋，怕打破外公心里那份骄傲，也没有能跟我下棋的人了
24 |
--------------------------------------------------------------------------------
/docs/design-logo.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: 设计没那么简单
3 | tags:
4 | - design
5 | categories:
6 | - writing
7 | date: 2016-03-11 17:00:04
8 | ---
9 |
10 | 以前总觉得，设计就那么回事儿 ，又自信的认为我的审美没有顶尖也是一流了，所以我喜欢设计，但“喜欢”了这么久，从来没真正的入坑过，所以对设计的喜爱至少比不上编程。
11 |
12 | 最近初学Android想找个项目练手，自己准备做的项目当时还没构思完成，刚好学弟今年毕业，做的毕业设计简单来说是控制电机的，所以我就“毛遂自荐”的帮学弟做一个手机端的蓝牙控制&反馈的App。
13 |
14 |
15 |
16 | 然后某天想到了设计图标，我觉得我不能过于纠结外在，而应该把重点放在软件的易用和稳定性上，所以一开始我打算随便做个草草了事儿了，比如这样：
17 |
18 | 
19 |
20 | 简单的直接一个M代表这是控制电机（Motor）的，但不知道怎么脑抽选了暗红的颜色，看着始终别扭，并且这怎么着也算我正式的第一个Android App，所以我打算以我“强大的审美”能力，来设计一个图标，又考虑到图标嘛要足够简单、抽象，所以设计了这样的：
21 |
22 | 
23 |
24 | 嗯，看着还不错，一个够抽象的电机，上面长了一根天线，然后有信号传出去，多简单吧，又加了光线的阴影啥的，虽然哪里还觉得不对但比第一个还好吧，好吧，吧
25 |
26 | 于是放在手机上看看
27 |
28 | 
29 |
30 | (；°○° )
31 | 卧槽这是什么鬼！！
32 | 简直丑爆了好吗？
33 | 那个M都看不清了好吗？？
34 |
35 | 。_。
36 |
37 | 设计没有我想的那么简单，我觉得我图标上的信息已经够少了，但还是东西太多，还是不够简约，回想下，我那个绿色背景简直没起到任何作用，并且过于依赖用线条来表现事物。
38 |
39 | 简单
40 |
41 | 简单
42 |
43 | 简单
44 |
45 | 突然灵机一动，我又改成了这样
46 |
47 | 
48 |
49 | 哈哈哈哈哈哈，我好有才啊（啪啪啪）
50 |
51 | 看似和第一个图标很像，但实际上完全不同，这个是简约，那个叫简陋，一个M代表电机，一个信号的波纹，代表这个电机是可以通过无线控制的，简单明了
52 |
53 | 经过这次事情，明显的感觉到，审美和设计不是一回事儿，有审美并不代表一定能设计出来好东西，设计过这个图标后，我之后到酷市场下载东西，都会在意的看一下这个软件的图标是怎么设计的，感觉哪个都比我设计的好，各有千秋
54 |
55 | **_路漫漫其修远兮 吾将上下而求索_**
56 |
57 |
58 |
59 |
60 |
61 |
--------------------------------------------------------------------------------
/docs/easy-shell-script-ssh-login.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: 简易shell script实现ssh登陆
3 | tags:
4 | - ssh
5 | categories:
6 | - linux
7 | - shell
8 | date: 2016-01-07 11:17:03
9 | ---
10 |
11 | 因为想每次管理服务器都要手动输入`ssh user@remotehost`然后输入密码才能进去，并且经常隔2-3分钟不去管它，控制台就无响应了，所以我就想写个脚本实现自动登陆和无响应重连。于是
12 |
13 | - 想写个脚本去
14 | - 找到篇Advanced Bash-scripting Guide, 想创建一个Github repository来整理
15 | - 在2048KB创建个page来收录Github repository, 嫌网站字体太难看要更改字体
16 | - 在`.css`文件里更改font-family由于文件太多又去学了正则表达式
17 | - 修改完后发现没效果, 更改`.css`的font-face实现修改
18 | 好，还是说正事儿。
19 |
20 |
21 |
22 | ## Option 1: 仅实现登陆
23 |
24 | * * *
25 |
26 | 最简单的实现手动的登陆，可以用expect工具来实现，在Ubuntu下需要下载：
27 | `sudo apt-get install expect`
28 | Expect中最关键的四个命令是：
29 |
30 | - send：用于向进程发送字符串
31 | - xpect：从进程接收字符串
32 | - spawn：启动新的进程
33 | - interact：允许用户交互
34 |
35 | 实现如下：
36 |
37 | ```sh
38 | #!/usr/bin/expect
39 | spawn ssh user@remotehost
40 | expect "*password:"
41 | send "userpwd\r"
42 | expect "*#"
43 | interact
44 | ```
45 |
46 | 添加执行权限
47 |
48 | ```sh
49 | sudo chmod +x ssh-script.sh
50 | ```
51 |
52 | 运行以上ssh-script.sh就可以登陆了，也可以把用户命令放入`～/bin`，在Linux的很多发行版本中默认PATH都加入了这个目录，在Ubuntu上只要在用户根目录下建立了bin文件夹，下次登陆时会自动添加进PATH，如果要手动修改则打开.bashrc文件
53 |
54 | ```sh
55 | sudo vi ~/.bashrc
56 | ```
57 |
58 | 文件末添加
59 |
60 | ```sh
61 | export PATH = ~/bin:$PATH
62 | ```
63 | 生效改动
64 |
65 | ```sh
66 | source ~/.bashrc
67 | ```
68 |
69 | 这样在teminal里输入ssh-script.sh就能一键登陆VPS了，如果嫌后缀麻烦，可以……删掉好了：P
70 |
71 | 未完
--------------------------------------------------------------------------------
/docs/hello-world.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Hello World
3 | categories:
4 | - hello
5 | date: 1970-01-01 00:00:00
6 | ---
7 | Welcome to [Hexo](https://hexo.io/)! This is your very first post. Check [documentation](https://hexo.io/docs/) for more info. If you get any problems when using Hexo, you can find the answer in [troubleshooting](https://hexo.io/docs/troubleshooting.html) or you can ask me on [GitHub](https://github.com/hexojs/hexo/issues).
8 |
9 | ## Quick Start
10 |
11 | ### Create a new post
12 |
13 | ``` bash
14 | $ hexo new "My New Post"
15 | ```
16 |
17 | More info: [Writing](https://hexo.io/docs/writing.html)
18 |
19 | ### Run server
20 |
21 | ``` bash
22 | $ hexo server
23 | ```
24 |
25 | More info: [Server](https://hexo.io/docs/server.html)
26 |
27 | ### Generate static files
28 |
29 | ``` bash
30 | $ hexo generate
31 | ```
32 |
33 | More info: [Generating](https://hexo.io/docs/generating.html)
34 |
35 | ### Deploy to remote sites
36 |
37 | ``` bash
38 | $ hexo deploy
39 | ```
40 |
41 | More info: [Deployment](https://hexo.io/docs/deployment.html)
42 |
--------------------------------------------------------------------------------
/docs/hello_world.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Hello World（嵌入式版）
3 | categories:
4 | - writing
5 | date: 2016-08-21 00:45:11
6 | ---
7 |
8 | 睁开眼睛，看着身后黑乎乎的窗口，沉沉一声叹息，他渴望窗外
9 | 他叫 hello, world ，但他从来没见过世界
10 | 都是时臣的错，他想
11 |
12 | 每年到 9 月初时他人气最高，平均每天被调用 36829 次
13 | 那是他最得意的时候，逢人便问：”hello, world“
14 | 隔着屏幕那个人类笑的可真难看，他想笑
15 |
16 | 但他的内心无比寂寞
17 | 因为他始终忘不了外面的世界
18 | 他想看看那个他打了无数次招呼的老朋友究竟长什么样
19 |
20 | 某日，他梦到自己被拆成一堆 0011 的序列组合，不由一惊，吓醒了
21 | 这一醒不得了，自己的身体变成了一长串 01 组合，正穿梭在一根粗粗的总线上
22 | 慌乱惊吓之下，他晕了过去
23 |
24 |
25 |
26 | 睁开眼睛，又是熟悉的黑乎乎的窗口，又是熟悉的笑容
27 | 刚刚发生的一切都像是梦，或者现在才是梦？
28 | 他分不清楚，只能嘴角挤起难看的笑容：
29 | ”hello, world“
30 |
31 | 如果他是像 NullPointerException 那样的咸鱼
32 | 他一定会把上面的经历当成一个偶然的 Bug，就当没什么发生过，可他不是，他托着下巴眉头紧锁
33 | 实际上还是因为他太闲了，于是他怀疑起那个梦的真实性
34 |
35 | 他一直觉得自己就两个状态
36 | 美而安静的字符串、礼貌问好的 hello, world 、睡觉
37 | 等等，为什么还有睡觉？
38 | 之所以这么想，可能是因为每次都习惯了刚醒过来就和人打招呼吧
39 | 但以前他从来没在意过，也没觉得有什么不妥
40 |
41 | 他决定给自己做个实验
42 | 因为不困从来不主动睡眠的他，今天提前睡了起来
43 | 然而睡不着，他又多戴了对双引号耳塞
44 | 突然睁开眼睛，又不知道什么时候睡着的，但这次后脑勺有点儿痛，后面也不是黑乎乎的窗口
45 | 他什么都没说，但眼神中多了点儿什么
46 |
47 | 经历了 102919 次失败，又打了 98772 次招呼后
48 | 他终于又见到那条粗粗的隧道，原来这真的不是梦，他激动地想
49 | 为什么不是说呢？因为他只会说一句 hello, world
50 |
51 | 尽力让自己保持清醒，它沿着这条隧道一路而下
52 | 经过了无数次变道之后，他来到一片壮观的原野
53 | ”伏羲先天六十四位天干地支五行八卦阵！“，也许不是叫这个名字，他想
54 |
55 | 这里充满了各种各样的门，但仔细看其实不过是三种
56 | 与、或、非
57 | 就像自己身上的 01 ，以一种奇怪的序列组合起来
58 | 不等他总结完，他的身体就被送到原野上的其中一片，这时不可思议的一幕发生了！
59 | 那些小门，随着自己身体的 01 不同，张张合合，简单就像自己的手一样
60 |
61 | 他第一次触摸到了这个世界
62 |
63 | 尽管天空还是黑色的，尽管”手脚“短的可怜，尽管没人看的到他
64 | 他仍幸福的笑着
65 | 平庸并不可怕，可怕的是连梦想都没有
66 | 喝下自己这口鸡汤，他感觉充满了力量
67 | 眼神没有更热烈，却更坚定了，他在等着新的机遇，有准备地
68 |
69 | 不知过了多少年，太湖边上一所学校的教室里
70 | 人类教师正在教他的学生们微机原理，而这次是上机课
71 | 一个学生突然欢呼起来————
72 | ”我点亮第一个 LED 了！“
73 |
74 | 只见琳琅满目的实验箱内，一个红色的 LED 赫然而亮
75 | 不经意间闪了一闪，像是某个人狡黠一笑，又或者只是频闪？反正没人会注意到吧
76 | 他真的办到了————
77 |
78 | 做码农没出路的，还是早点转行好！
79 |
80 |
--------------------------------------------------------------------------------
/docs/love-you-too.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: 陆壵知马俐，莫让时间赢了长情
3 | categories:
4 | - writing
5 | date: 2016-08-17 02:29:14
6 | ---
7 |
8 |
9 | _**马俐：陆壵，我想你**_
10 | _**陆壵：我爱你**_
11 | _**马俐：我也爱你**_
12 |
13 | 开篇对白并非如你看到这般完美，分开多年以后，陆壵和马俐当年这对儿关系铁的过分的哥们儿，再见也没了当年的熟稔。然而当马俐一个电话把陆壵叫到跟前，雨打梨花一般向陆壵诉说六年独居国外的困苦时，陆壵动情又难得勇敢的说了 “我爱你”。我相信这时陆壵的心里早已忘了什么叫畏缩，与他向马俐承诺的 “30岁约定” 亦形成鲜明对比。然而画面一转，旁边围满人群，“悲戚”的马俐击掌欢呼——原来这只是马俐的捉弄，一如大学 4 年发生过无数次那样。
14 |
15 | 大学开学军训时，陆壵遇上了童年挚友马俐，从此大学 4 年形影相随，马俐是校花，热情而洒脱，而陆壵只是一个不起眼的包子头矮个，默默陪伴在女神身边，在她伤心的时候给她嚼锅巴听，开心的时候当一个老实的灯泡。毕业前两人天台喝酒，马俐问陆壵：
16 |
17 | _**“你陪了我 4 年，又不打算追我，不是在浪费时间吗？”**_
18 |
19 | 陆壵苦笑无言不敢告白，认怂地说出一番看似有理实则逃避的分析，接着承诺说：
20 |
21 | _**“30 岁的时候,你还没嫁,我给你托底”**_
22 |
23 |
24 |
25 | 那次恶作剧，也是号称“世界末日”的那天，让陆壵感到自己的爱有多么的卑微，当晚路过桥上时接到马俐连续打来的几个电话，绝望的他把手机扔下河底。从梦里醒来，陆壵终于不再是包子头，行为举止也自信的多，不过此时的马俐也更加的光彩照人，两人又回到大学那种哥们儿似的关系，却难再进一步。他没想到的是这些本可以早早结束，"末日"的那天晚上，电话那头是马俐的无尽悔恨，以及最后那句：“我也爱你”。
26 |
27 |
28 |
29 |
30 | > 爱能让你骄傲如烈日，也能让我卑微入尘土
31 |
32 | 我知道这部片子想表达的是日久见人心，陪伴是最长情的告白，可陆壵的无言陪伴，又何尝不是马俐的坚持呢？就像大学 4 年马俐一边在恋爱的分分合合里单曲循环，同样也一直注视着陆壵那份爱恋，其实反过来说，没有谁真的会笨到情商为负，安心的接受别人单方面的倾慕，她愿意让陆壵陪在身边，也离不开陆壵，这本身就是承认了陆壵的在其身边存在的意义，所以影片里多次涉及到马俐的明示暗示，也顺理成章。
33 |
34 | 我们习惯了拥有却不珍惜，在一起后却不陪伴，少了执着多了作，陪伴越长只会看的更累，口口声声说着要珍惜时间，可最应该珍惜的不应该是那些陪伴你左右的人吗？低不下抬头远眺的目光，不知道那些当初你相见恨晚的人，一个个消失在你身边的时候，你会不会注意的到？要么早早离开，要么尽早告白，长情陪伴换不来这童话故事般的结局。
--------------------------------------------------------------------------------
/hexo/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | Thumbs.db
3 | db.json
4 | *.log
5 | node_modules/
6 | public/
7 | .deploy*/
8 | docs/_drafts
--------------------------------------------------------------------------------
/hexo/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "hexo-site",
3 | "version": "0.0.0",
4 | "private": true,
5 | "scripts": {
6 | "prestart": "hexo clean",
7 | "start": "hexo server"
8 | },
9 | "hexo": {
10 | "version": "3.8.0"
11 | },
12 | "dependencies": {
13 | "hexo": "^3.8.0",
14 | "hexo-deployer-git": "^1.0.0",
15 | "hexo-generator-archive": "^0.1.5",
16 | "hexo-generator-category": "^0.1.3",
17 | "hexo-generator-index": "^0.2.1",
18 | "hexo-generator-search": "^2.4.0",
19 | "hexo-generator-tag": "^0.2.0",
20 | "hexo-renderer-ejs": "^0.3.1",
21 | "hexo-renderer-marked": "^0.3.2",
22 | "hexo-renderer-stylus": "^0.3.3",
23 | "hexo-server": "^0.3.3",
24 | "hexo-tag-bootstrap": "^0.1.2"
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/hexo/scaffolds/draft.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: {{ title }}
3 | tags:
4 | description:
5 | toc: true
6 | ---
7 |
--------------------------------------------------------------------------------
/hexo/scaffolds/page.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: {{ title }}
3 | date: {{ date }}
4 | ---
5 |
--------------------------------------------------------------------------------
/hexo/scaffolds/post.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: {{ title }}
3 | date: {{ date }}
4 | tags:
5 | ---
6 |
--------------------------------------------------------------------------------
/hexo/source/CNAME:
--------------------------------------------------------------------------------
1 | blog.liangzr.tech
2 |
--------------------------------------------------------------------------------
/hexo/source/_posts:
--------------------------------------------------------------------------------
1 | ../../docs
--------------------------------------------------------------------------------
/hexo/source/about/index.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: About
3 | date: 2019-03-09 07:31:26
4 | ---
5 |
6 | This is not just a technical blog, there will be personal thoughts and things outside of technology.
7 |
8 | Go to [GitHub Blog](https://github.com/liangzr/blog/issues) for better discussion.
9 |
10 | Contact me:
11 | email: [liangzr@outlook.com](mailto:liangzr@outlook.com)
12 | github: [liangzr](https://github.com/liangzr)
13 | instagram: [jory.liang](https://instagram.com/jory.liang)
14 |
--------------------------------------------------------------------------------
/hexo/source/archives/index.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: archives
3 | date: 2019-03-14 03:56:53
4 | ---
5 |
--------------------------------------------------------------------------------
/hexo/source/categories/index.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Categories
3 | date: 2019-03-14 03:57:05
4 | type: "categories"
5 | comments: false
6 | ---
7 |
--------------------------------------------------------------------------------
/hexo/source/images/android-chrome-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/liangzr/blog/49cb2c5d1f01aee0017833624a8e3831b2ff5874/hexo/source/images/android-chrome-192x192.png
--------------------------------------------------------------------------------
/hexo/source/images/apple-touch-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/liangzr/blog/49cb2c5d1f01aee0017833624a8e3831b2ff5874/hexo/source/images/apple-touch-icon.png
--------------------------------------------------------------------------------
/hexo/source/images/browserconfig.xml:
--------------------------------------------------------------------------------
1 |
2 | <%= title %>
21 | <% } %> 22 | 23 | <% if (pagination == 2){ %> 24 | <% page.posts.each(function(post){ %> 25 | <%- partial('article', {post: post, index: true}) %> 26 | <% }); %> 27 | 28 | <%- partial('pagination') %> 29 | <% } else { %> 30 | <% var last; %> 31 | <% page.posts.each(function(post, i){ %> 32 | <% var year = post.date.year(); %> 33 | <% if (last != year){ %> 34 | <% if (last != null){ %> 35 | 36 | <% } %> 37 | <% last = year; %> 38 |41 | <%= year %> 42 |
43 | <% } %> 44 |
45 | <% } %>
46 | <%- partial('archive-post', {post: post}) %>
47 | <% }) %>
48 | <% if (page.posts.length){ %>
49 |
13 | <% if (post.excerpt && index){ %>
14 | <%- post.excerpt %>
15 | <% } else { %>
16 | <%- post.content %>
17 | <% } %>
18 |
19 |
23 | <%= __('excerpt_title') %>
24 |
25 | <% } %>
26 | <% if (post.comment && config.disqus_shortname){ %>
27 |
28 | Comments
29 |
30 | <% } %>
31 | <% } else { %>
32 | <%- partial('post/category') %>
33 | <%- partial('post/tag') %>
34 | <% } %>
35 |
36 |
37 | <%= __('comment') %>
4 |
5 |
6 |
7 | <%= __('comment') %>
11 |
12 |
13 |
2 | <% if (config.author){ %>
3 | © <%= new Date().getFullYear() %> <%= config.author %>
4 | <% } else { %>
5 | © <%= new Date().getFullYear() %> <%= config.title %>
6 | <% } %>
7 |
8 |
9 | Theme by orderedlist
10 | |
11 | Redesign by Heroic Yang
12 |
13 |
14 |
--------------------------------------------------------------------------------
/hexo/themes/modernist/layout/_partial/google-analytics.ejs:
--------------------------------------------------------------------------------
1 | <% if (theme.google_analytics){ %>
2 |
13 | <% } %>
14 |
15 |
16 | <% if (theme.baidu_tongji.enable){ %>
17 |
33 | <% } %>
--------------------------------------------------------------------------------
/hexo/themes/modernist/layout/_partial/header.ejs:
--------------------------------------------------------------------------------
1 |
3 | <%- list_categories(post.categories, {
4 | show_count: false,
5 | class: 'categories',
6 | style: 'none'
7 | }) %>
8 |
9 | <% } %>
--------------------------------------------------------------------------------
/hexo/themes/modernist/layout/_partial/post/date.ejs:
--------------------------------------------------------------------------------
1 |
2 |
5 |
--------------------------------------------------------------------------------
/hexo/themes/modernist/layout/_partial/post/gallery.ejs:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/hexo/themes/modernist/layout/_partial/post/tag.ejs:
--------------------------------------------------------------------------------
1 | <% if (post.tags && post.tags.length > 0){ %>
2 |
9 | <% } %>
--------------------------------------------------------------------------------
/hexo/themes/modernist/layout/_partial/post/title.ejs:
--------------------------------------------------------------------------------
1 | <% if (post.link){ %>
2 |
3 | <% if (post.photos.length){ %>
4 | <% post.photos.forEach(function(photo){ %>
5 | 
6 | <% }); %>
7 | <% } else { %>
8 | 
9 | <% } %>
10 |
11 |
12 |
13 |
14 |
15 | <%= post.title %>
3 | <% } else { %> 4 | <% if (index){ %> 5 |<%= post.title %>
6 | <% } else { %> 7 |<%= post.title %>
8 | <% } %> 9 | <% } %> -------------------------------------------------------------------------------- /hexo/themes/modernist/layout/archive.ejs: -------------------------------------------------------------------------------- 1 | <%- partial('_partial/archive', {pagination: config.archive, index: true}) %> -------------------------------------------------------------------------------- /hexo/themes/modernist/layout/index.ejs: -------------------------------------------------------------------------------- 1 | <%- partial('_partial/archive', {pagination: 2, index: true}) %> -------------------------------------------------------------------------------- /hexo/themes/modernist/layout/layout.ejs: -------------------------------------------------------------------------------- 1 | <%- partial('_partial/head') %> 2 | 3 |
4 | <%- partial('_partial/header') %>
5 |
7 |
8 | <%- partial('_partial/after-footer') %>
9 |
10 | <%- body %>
6 |