|
|
@@ -110,6 +110,17 @@
|
|
|
.content p .text-style-five{
|
|
|
color: #999;
|
|
|
}
|
|
|
+ .content ul{
|
|
|
+ padding-left: 20px;
|
|
|
+ }
|
|
|
+ .content ul li{
|
|
|
+ padding: 8px 0;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #444;
|
|
|
+ }
|
|
|
+ .content ul .li-title{
|
|
|
+ font-weight: 700;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
@@ -136,6 +147,23 @@
|
|
|
</div>
|
|
|
<p>学习过程中，我建议大家<del class="text-style-five">只追求广度</del>，而是要在某个领域<span class="text-style-two">深耕细作</span>。比如你对动画感兴趣，就可以深入研究CSS动画、Canvas、WebGL等相关知识。</p>
|
|
|
</div>
|
|
|
+ <div class="content">
|
|
|
+ <h2>如何高效学习？</h2>
|
|
|
+ <ul>
|
|
|
+ <li><span class="li-title">系统学习：</span>不要零散学习，要建立完整的知识体系</li>
|
|
|
+ <li><span class="li-title">动手实践：</span>光看不做假把式，必须多写代码多练习</li>
|
|
|
+ <li><span class="li-title">复盘总结：</span>定期回顾学过的知识，形成自己的知识库</li>
|
|
|
+ <li><span class="li-title">交流分享：</span>输出是最好的输入，写博客是很好的方式</li>
|
|
|
+ </ul>
|
|
|
+ <div class="img-content">
|
|
|
+ <img src="https://picsum.photos/800/400" alt="图片">
|
|
|
+ <i>图2：高效学习方法论</i>
|
|
|
+ </div>
|
|
|
+ <p>
|
|
|
+ 最后，我想说的是，技术只是工具，<span class="text-style-one">解决问题的能力</span>才是核心。不要为了学技术而学技术，要带着问题去学习，这样效率会更高。
|
|
|
+ </p>
|
|
|
+ <p>愿每一位前端工程师都能在技术的道路上<span class="text-style-two">不断前行</span>，成为更好的自己。</p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</body>
|
|
|
</html>
|
