-
Notifications
You must be signed in to change notification settings - Fork 93
/
index.html
118 lines (99 loc) · 14.2 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Yoffe</title>
<link rel="stylesheet" type="text/css" href="static/css/main.css">
</head>
<body>
<div class="navbar ">
<div class="container">
<div class="logo">
Yoffe
</div>
<input type="checkbox" id="idoc_nav" />
<div class="menu_tree">
<ul><li class="active"><a href="index.html">首页</a></li></ul>
</div>
<div class="forkgithub"><a target="_blank" href="https://github.com/GuoYongfeng">fork on github</a></div>
<section class="idoc_nav_btn">
<label for="idoc_nav"><span></span></label>
</section>
</div>
</div>
<div class="bs-docs-header">
<div class="container">
<h1>Yoffe</h1>
<p>Welcome To GuoYongfeng's Blog</p>
</div>
</div>
<div class="container">
<div class="page-toc">
<ul><li><a href="#t0逝去的 2016">逝去的 2016</a></li><li><a href="#t1你好，2017">你好，2017</a><ul><li><a href="#t2改变现有的yoffe个人博客">改变现有的yoffe个人博客</a></li><li><a href="#t3打造完整全面的在线前端技术视频">打造完整全面的在线前端技术视频</a></li><li><a href="#t4团队博客和知乎专栏">团队博客和知乎专栏</a></li><li><a href="#t5合作和建议">合作和建议</a></li></ul></li></ul>
</div>
<div class="content markdown-body">
<blockquote>
<p><strong>重要提示：原文档内容请<a href="https://github.com/GuoYongfeng/idoc/tree/2016_bak/md">前往这里查看</a></strong></p>
</blockquote>
<p>亲爱的小伙伴们，感谢你一路既往对我的支持，2017已来，技术还在迭代更新，我们的学习热情也不退减，保持高昂的学习姿态是让我们的生活和工作都蒸蒸日上的不竭动力。</p>
<h1 id="t0逝去的 2016">逝去的 2016 <a href="#t0逝去的 2016"> # </a></h1>
<p>在2016年初，我开始使用markdown文档来整理一些对前端技术的实践，通过idoc这一简单方便的工具将文档生成html文件供大家预览，同时，将生成的整站资源通过github pages发布让所有人都可以预览。</p>
<p>很多朋友都会找我咨询前端相关的技术，包括移动端、react、node、前端架构等等，非常荣幸我的一些文字能够让大家在工作和学习的路上有所帮助，这也是我一直坚持开放免费的原因，帮助大家的同时，也让我自己有了小小的成就感。</p>
<p>通过大家的反馈，普遍对文章内容中详细的实践操作比较认可，因为一些技术的出现或是刚刚开始接触某一个技术，总是碍于其他渠道一些冗长的博文或是比较虚化的概念而迟迟无法学习上手，另外，也有部分同学不太习惯英文文档的查看，这也正是基于这些考虑我才有了切入点去持续的写作。</p>
<p>另外，对于技术的学习，还有一个需求点就是成体系，比如react，总是只言片语或是边边角角的学习，无法有效的学习和使用，真的是一个难点。基于这些信息，促成了早期的yoffe这个技术博客的内容和形态。</p>
<p>但是，在这里要对广大的读者朋友们道歉，因为个人的懒惰，在后期便没有对博客的内容持续更新了。新的内容还是在持续产出的，只是展示的渠道不在这里了。主要在以下地方：</p>
<ul>
<li><a href="https://github.com/iuap-design/blog/issues">用友网络FED团队博客</a></li>
<li><a href="https://guoyongfeng.github.io/book/">《现代化前端工程师权威指南》</a></li>
<li><a href="http://www.zhufengpeixun.cn/react/index.html">珠峰前端架构师之路之React课程</a></li>
</ul>
<h1 id="t1你好，2017">你好，2017 <a href="#t1你好，2017"> # </a></h1>
<p>开始全新的2017，你我的技术之路也在过去一年的积累上启程出发，为了方便我们的技术交流，我也会做一些升级和改变。</p>
<h2 id="t2改变现有的yoffe个人博客">改变现有的yoffe个人博客 <a href="#t2改变现有的yoffe个人博客"> # </a></h2>
<p>目前个人博客的部分内容将会梳理后转移到<strong>《现代化前端工程师权威指南》</strong>上，而yoffe将会成为真正的个人技术博客网站，同时会在知乎上开启个人专栏和我们团队的专栏。</p>
<p>要重点说明的是，目前博客上的内容将会备份在：2016_dev分支。master分支以及访问：<a href="http://guoyongfeng.github.io/idoc/index.html的内容都将会完全改变，这里提前和大家说明。">http://guoyongfeng.github.io/idoc/index.html的内容都将会完全改变，这里提前和大家说明。</a></p>
<p>在过去一年在知识传播上做的太少了，今年会产出更多优质内容，持续和大家分享。</p>
<p>另外，也请大家关注我们的团队技术博客：<a href="https://github.com/iuap-design/blog/issues，以及我们团队做的系列开源产品：https://github.com/iuap-design">https://github.com/iuap-design/blog/issues，以及我们团队做的系列开源产品：https://github.com/iuap-design</a></p>
<h2 id="t3打造完整全面的在线前端技术视频">打造完整全面的在线前端技术视频 <a href="#t3打造完整全面的在线前端技术视频"> # </a></h2>
<p>是的，在去年中下旬开始，我尝试录制在线的视频内容。内容的形式比较有意思，将大的学习体系综合并且拆解，单独的技术点和实战相结合，并且每个技术点的讲解都通过5-20分钟的小视频进行呈现，而且还配套了代码和讲解文档。目前已经有超过1000名同学观看学习了，如果你也感兴趣，请前往：<a href="http://www.zhufengpeixun.cn/react/index.html。">http://www.zhufengpeixun.cn/react/index.html。</a></p>
<p>不过，这个是付费课程，付费后有全程的学习小组和班主任进行管理，学习效率很高。</p>
<h2 id="t4团队博客和知乎专栏">团队博客和知乎专栏 <a href="#t4团队博客和知乎专栏"> # </a></h2>
<p>今年，我会加强技术的传播和推广，并且提高内容的质量，让大家轻松愉快的获取最新的技术并运用。请持续关注~</p>
<h2 id="t5合作和建议">合作和建议 <a href="#t5合作和建议"> # </a></h2>
<ul>
<li>如果你目前就在阅读，并且有一些改进的建议和想法，请直接email给我：[email protected]。</li>
<li>合作<ul>
<li>书籍编写合作：一个人写内容还是很有挑战性的，期待你和我一起</li>
<li>商务合作：如果有企业培训，技术分享，招聘等合作，也请直接联系，微信：13552329235.</li>
</ul>
</li>
</ul>
<p>最后，让我们在2017撸起袖子加油干吧~！！</p>
<div class="copyright">Powered by <a href="https://github.com/jaywcjlove/idoc" target="_blank">idoc</a>. Dependence <a href="https://nodejs.org">Node.js</a> run.</div>
</div>
</div>
</body>
<script src="http://cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script>
<script>
$('.page-toc li').eq(0).children('a').addClass('red');
var arr = [];
$("h2,h3").each(function () {
$(this).attr('t',$(this).position().top);
arr.push($(this).position().top);
});
$(window).on('scroll', function () {
var cur = $(document).scrollTop();
for(var i = arr.length; i >=0;i--){
if(arr[i]<=cur){
break;
}
}
if(i===-1){
i = 0;
}
$('.page-toc li a').removeClass('red');
$('.page-toc li').eq(i).children('a').addClass('red')
});
</script>
</html>