-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
333 lines (299 loc) · 17.4 KB
/
index.html
File metadata and controls
333 lines (299 loc) · 17.4 KB
1
2
3
4
5
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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
<!DOCTYPE html>
<html lang>
<head><meta name="generator" content="Hexo 3.9.0"><meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Cache-Control" content="no-transform">
<meta http-equiv="Cache-Control" content="no-siteapp">
<meta name="theme-color" content="#f8f5ec">
<meta name="msapplication-navbutton-color" content="#f8f5ec">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="#f8f5ec">
<meta name="description" content="学习记录踩坑日记"><link rel="stylesheet" href="https://imsun.github.io/gitment/style/default.css"><link rel="alternate" href="/default" title="Hurry | Coding"><link rel="shortcut icon" type="image/x-icon" href="/favicon.ico?v=2.11.0">
<link rel="canonical" href="http://yoursite.com/">
<link rel="stylesheet" type="text/css" href="/lib/fancybox/jquery.fancybox.css"><link rel="stylesheet" type="text/css" href="/lib/nprogress/nprogress.min.css">
<link rel="stylesheet" type="text/css" href="/css/style.css?v=2.11.0">
<script id="baidu_push">
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
<script src="//cdn1.lncld.net/static/js/3.1.1/av-min.js"></script>
<script id="leancloud">
AV.init({
appId: "cqwmtLNlhYrQm3ONroI1ycOb-gzGzoHsz",
appKey: "xcT17LOqiDKrNWtTDMf0CSAC"
});
</script><script>
window.config = {"leancloud":{"app_id":"cqwmtLNlhYrQm3ONroI1ycOb-gzGzoHsz","app_key":"xcT17LOqiDKrNWtTDMf0CSAC"},"toc":true,"fancybox":true,"pjax":true,"latex":false};
</script>
<title>Hurry | Coding</title>
</head>
<body><div id="mobile-navbar" class="mobile-navbar">
<div class="mobile-header-logo">
<a href="/." class="logo">Hurry | Coding</a>
</div>
<div class="mobile-navbar-icon">
<span></span>
<span></span>
<span></span>
</div>
</div>
<nav id="mobile-menu" class="mobile-menu slideout-menu">
<ul class="mobile-menu-list"><a href="/">
<li class="mobile-menu-item">首页
</li>
</a><a href="/archives/">
<li class="mobile-menu-item">归档
</li>
</a><a href="/tags/">
<li class="mobile-menu-item">标签
</li>
</a><a href="/about/">
<li class="mobile-menu-item">关于
</li>
</a></ul>
</nav>
<div class="container" id="mobile-panel">
<header id="header" class="header"><div class="logo-wrapper">
<a href="/." class="logo">Hurry | Coding</a>
</div>
<nav class="site-navbar"><ul id="menu" class="menu"><li class="menu-item">
<a class="menu-item-link" href="/">
首页
</a>
</li>
<li class="menu-item">
<a class="menu-item-link" href="/archives/">
归档
</a>
</li>
<li class="menu-item">
<a class="menu-item-link" href="/tags/">
标签
</a>
</li>
<li class="menu-item">
<a class="menu-item-link" href="/about/">
关于
</a>
</li>
</ul></nav>
</header>
<main id="main" class="main">
<div class="content-wrapper">
<div id="content" class="content"><section id="posts" class="posts"><article class="post">
<header class="post-header">
<h1 class="post-title"><a class="post-link" href="/2020/11/16/ios-移动端调试-react-项目的探索/">ios-移动端调试-react-项目的探索</a>
</h1>
<div class="post-meta">
<span class="post-time">
2020-11-16
</span><span class="post-visits" data-url="/2020/11/16/ios-移动端调试-react-项目的探索/" data-title="ios-移动端调试-react-项目的探索">
Visits 0
</span>
</div>
</header>
<div class="post-content"><h2 id="起因"><a href="#起因" class="headerlink" title="起因"></a>起因</h2><p>以往我们在移动端做调试的时候，总是喜欢调试手机和当前电脑联入同一个局域网，然后通过 <code>if config</code> 找到当前 ip， 然后在当前手机中将 <code>localhost</code> 替换成找到的 ip 地址就行了。<br>但是今天我在做移动端调试的时候发现一个问题，无论我怎么样都不能让调试手机进入到当前 react 项目进行调试，包括拍拍重启换一台等方法。为此我探索了各种方法，终于找到了解决方案。<br>
<div class="read-more">
<a href="/2020/11/16/ios-移动端调试-react-项目的探索/" class="read-more-link">阅读更多</a>
</div>
</p></div></article>
<article class="post">
<header class="post-header">
<h1 class="post-title"><a class="post-link" href="/2020/03/30/如何根据canvas画框/">如何使用canvas根据坐标画框</a>
</h1>
<div class="post-meta">
<span class="post-time">
2020-03-30
</span><span class="post-visits" data-url="/2020/03/30/如何根据canvas画框/" data-title="如何使用canvas根据坐标画框">
Visits 0
</span>
</div>
</header>
<div class="post-content"><h2 id="背景"><a href="#背景" class="headerlink" title="背景"></a>背景</h2><p>最近在搞点机器学习相关的内容，大致是上传一个图片，然后机器识别特殊部分，通过返回的坐标，在图片上画框。<br>一说到画框这种东西，不用说肯定是使用 canvas 来画了，但是如何利用坐标来画正确的框，这其中就有一些坑要踩了。<br>下面容我来讲解一下在 react 中如果通过坐标来使用 canvas 画框。</p>
<div class="read-more">
<a href="/2020/03/30/如何根据canvas画框/" class="read-more-link">阅读更多</a>
</div>
</div></article>
<article class="post">
<header class="post-header">
<h1 class="post-title"><a class="post-link" href="/2019/11/19/为什么-react-中-p-元素不能嵌套-div-元素/">为什么 react 中 p 元素不能嵌套 div 元素</a>
</h1>
<div class="post-meta">
<span class="post-time">
2019-11-19
</span><span class="post-visits" data-url="/2019/11/19/为什么-react-中-p-元素不能嵌套-div-元素/" data-title="为什么 react 中 p 元素不能嵌套 div 元素">
Visits 0
</span>
</div>
</header>
<div class="post-content"><h3 id="背景"><a href="#背景" class="headerlink" title="背景"></a>背景</h3><p>今天在写一个 react + material ui 的前端项目时，遇到一个组件报错问题，下面是报错图片：<br><img src="/img/DOMNesting-error.png" alt></p>
<p>查找元素发现，使用的 <code><Typography></code> 组件在不特别指明要渲染的元素前，会默认渲染成 p 元素，如果在组件里面嵌套了 <code>div</code> ，渲染出的就是 <code>p</code> 元素嵌套了 <code>div</code>. 这时 react 就会报出错误，但是为什么 react 不允许 <code>p</code> 元素嵌套 <code>div</code> 呢，这里有同学可能会说是因为 <code>p</code> 元素可能不是块元素吧，行元素里不能嵌套块元素，但事实上 <code>p</code> 元素也是块元素，行元素不能嵌套块元素只是规范定义，建议我们不这样用，因为会有 SEO 之类的问题，但是实际上用浏览器不会报错的，比如我用 <code>span</code> 尝试嵌套 <code>div</code> 都不会报错，于是，我查询了文档。<br>终于得到了答案。</p>
<p><img src="/img/p-div.png" alt></p>
<div class="read-more">
<a href="/2019/11/19/为什么-react-中-p-元素不能嵌套-div-元素/" class="read-more-link">阅读更多</a>
</div>
</div></article>
<article class="post">
<header class="post-header">
<h1 class="post-title"><a class="post-link" href="/2019/07/31/深入理解call方法的实现原理/">深入理解call方法的实现原理</a>
</h1>
<div class="post-meta">
<span class="post-time">
2019-07-31
</span><span class="post-visits" data-url="/2019/07/31/深入理解call方法的实现原理/" data-title="深入理解call方法的实现原理">
Visits 0
</span>
</div>
</header>
<div class="post-content"><h3 id="背景"><a href="#背景" class="headerlink" title="背景"></a>背景</h3><p>今天浏览网站时看到一个问题，<code>如何手动实现一个 call 方法？</code>，看了下源码，似懂非懂的理解了一下，心中不免大呼，就这几行难道就是 javascript 中大名鼎鼎的 call 方法，这也太简单了吧。<br>敷衍了事之后，关闭了网站，继续在 🕸️⬆️ 开始了 🏄。<br>可是下来回味的时候，想自己手写一遍，才猛然发现，似懂非懂的真正含义其实是不懂。<br>又看了一下原理，才发现自己真的有点不明白。<br>于是我自己在本地跑了一个程序，仔仔细细的把每一个点 debug 完才发现，掌握完知识的感觉是多么的奇妙。</p>
<div class="read-more">
<a href="/2019/07/31/深入理解call方法的实现原理/" class="read-more-link">阅读更多</a>
</div>
</div></article>
<article class="post">
<header class="post-header">
<h1 class="post-title"><a class="post-link" href="/2019/07/04/hexo博客主题noise如何配置gitment评论功能/">hexo博客主题noise如何配置gitment评论功能</a>
</h1>
<div class="post-meta">
<span class="post-time">
2019-07-04
</span><span class="post-visits" data-url="/2019/07/04/hexo博客主题noise如何配置gitment评论功能/" data-title="hexo博客主题noise如何配置gitment评论功能">
Visits 0
</span>
</div>
</header>
<div class="post-content"><h3 id="先叨叨几句"><a href="#先叨叨几句" class="headerlink" title="先叨叨几句"></a>先叨叨几句</h3><p>心心念念的博客评论功能上线了。🔥🔥🔥</p>
<p>本期就由聪明又知心的我来跟大家讲讲如何在 hexo 的 nosie 主题下配置 gitment 的评论功能。</p>
<div class="read-more">
<a href="/2019/07/04/hexo博客主题noise如何配置gitment评论功能/" class="read-more-link">阅读更多</a>
</div>
</div></article>
<article class="post">
<header class="post-header">
<h1 class="post-title"><a class="post-link" href="/2019/07/02/andorid键盘弹起遮挡input表单问题的临时解决/">andorid键盘弹起影响 fixed 布局的方案探索</a>
</h1>
<div class="post-meta">
<span class="post-time">
2019-07-02
</span><span class="post-visits" data-url="/2019/07/02/andorid键盘弹起遮挡input表单问题的临时解决/" data-title="andorid键盘弹起影响 fixed 布局的方案探索">
Visits 0
</span>
</div>
</header>
<div class="post-content"><h3 id="背景"><a href="#背景" class="headerlink" title="背景"></a>背景</h3><p>最近接到一个需求，其中一个功能点就是在一个 input 中输入表单内容，要求输入字段并展示搜索到的内容。本来是一个简单的需求，可是在跨平台开发的时候在 andorid 上却因为 andorid 键盘弹出影响了页面布局，导致最下面 fixed 布局的 footer 顶到了键盘上方，遮挡了 input 输入栏。</p>
<div class="read-more">
<a href="/2019/07/02/andorid键盘弹起遮挡input表单问题的临时解决/" class="read-more-link">阅读更多</a>
</div>
</div></article>
<article class="post">
<header class="post-header">
<h1 class="post-title"><a class="post-link" href="/2019/06/27/如何使用ssh同时连接github和gitlab/">如何使用ssh同时连接github和gitlab</a>
</h1>
<div class="post-meta">
<span class="post-time">
2019-06-27
</span><span class="post-visits" data-url="/2019/06/27/如何使用ssh同时连接github和gitlab/" data-title="如何使用ssh同时连接github和gitlab">
Visits 0
</span>
</div>
</header>
<div class="post-content"><h2 id="背景"><a href="#背景" class="headerlink" title="背景"></a>背景</h2><p>公司发的电脑被我搞坏了，备份巨慢无比，无奈之下拿到新电脑只好重新装一次环境，装完环境之后又遇到了许多问题，重温解决方案，避免下次又疯狂查文档，浪费时间。由于自己需要在 github 中开发一些自己的东西，而公司自己又搭建了一套 gitlab 代码仓库，为避免混乱，如何使用 git 可以向两个地址推送代码而不妨碍各自的开发就成为了我们需要解决的问题。</p>
<div class="read-more">
<a href="/2019/06/27/如何使用ssh同时连接github和gitlab/" class="read-more-link">阅读更多</a>
</div>
</div></article>
<article class="post">
<header class="post-header">
<h1 class="post-title"><a class="post-link" href="/2019/06/20/SPA项目高度百分之百问题/">SPA项目高度百分之百问题</a>
</h1>
<div class="post-meta">
<span class="post-time">
2019-06-20
</span><span class="post-visits" data-url="/2019/06/20/SPA项目高度百分之百问题/" data-title="SPA项目高度百分之百问题">
Visits 0
</span>
</div>
</header>
<div class="post-content">
</div></article>
<article class="post">
<header class="post-header">
<h1 class="post-title"><a class="post-link" href="/2019/06/10/大型数字精度转换丢失问题的解决/">大型数字精度转换丢失问题的解决</a>
</h1>
<div class="post-meta">
<span class="post-time">
2019-06-10
</span><span class="post-visits" data-url="/2019/06/10/大型数字精度转换丢失问题的解决/" data-title="大型数字精度转换丢失问题的解决">
Visits 0
</span>
</div>
</header>
<div class="post-content"><h3 id="背景"><a href="#背景" class="headerlink" title="背景"></a>背景</h3><p>在重构以前的 Java 版本的系统时发现，当时的 Java 开发者在对登陆用户的密码进行存储时采用了 BigInteger 方式存储 hash 加密后的 16 进制数字，并在最后存储时转换为了 32进制的数字。</p>
<div class="read-more">
<a href="/2019/06/10/大型数字精度转换丢失问题的解决/" class="read-more-link">阅读更多</a>
</div>
</div></article>
<article class="post">
<header class="post-header">
<h1 class="post-title"><a class="post-link" href="/2019/05/27/输入一个url之后到底发生了什么/">输入一个url之后到底发生了什么</a>
</h1>
<div class="post-meta">
<span class="post-time">
2019-05-27
</span><span class="post-visits" data-url="/2019/05/27/输入一个url之后到底发生了什么/" data-title="输入一个url之后到底发生了什么">
Visits 0
</span>
</div>
</header>
<div class="post-content"><h3 id="背景"><a href="#背景" class="headerlink" title="背景"></a>背景</h3><p>最近学习到 nginx 方向代理发现，nginx 可以将你的请求以 http 块的 server 形式代理到请求的域名或者 ip 地址。</p>
<div class="read-more">
<a href="/2019/05/27/输入一个url之后到底发生了什么/" class="read-more-link">阅读更多</a>
</div>
</div></article>
<nav class="pagination"><a class="next" href="/page/2/">
<span class="next-text">下一页</span>
<i class="iconfont icon-right"></i>
</a>
</nav></section></div></div>
</main>
<footer id="footer" class="footer"><div class="social-links"><a href="mailto:your@email.com" class="iconfont icon-email" title="email"></a>
<a href="https://github.com/ahonn" class="iconfont icon-github" title="github"></a>
<a href="/atom.xml" class="iconfont icon-rss" title="rss"></a>
</div><div class="copyright">
<span class="power-by">
由 <a class="hexo-link" href="https://hexo.io/">Hexo</a> 强力驱动
</span>
<span class="division">|</span>
<span class="theme-info">
主题 -
<a class="theme-link" href="https://github.com/ahonn/hexo-theme-even">Even</a>
</span>
<span class="copyright-year">©2015 - 2020<span class="heart">
<i class="iconfont icon-heart"></i>
</span>
<span class="author">Sam Chen</span>
</span>
</div>
</footer>
<div class="back-to-top" id="back-to-top">
<i class="iconfont icon-up"></i>
</div>
</div><script type="text/javascript" src="/lib/jquery/jquery.min.js"></script>
<script type="text/javascript" src="/lib/slideout/slideout.js"></script>
<script type="text/javascript" src="/lib/fancybox/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="/lib/pjax/jquery.pjax.min.js"></script>
<script type="text/javascript" src="/lib/nprogress/nprogress.min.js"></script>
<script type="text/javascript" src="/js/src/even.js?v=2.11.0"></script>
</body>
</html>