前端入门指南（菜鸟篇-上）
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">1、</span>前言</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.<span style="color: black;">为何</span>要学前端<span style="color: black;">研发</span>？</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">我本来是想学java的，买了一堆java书籍，但怎么变<span style="color: black;">成为了</span>学前端，<span style="color: black;">已然</span><span style="color: black;">没</span>从根究，我自己<span style="color: black;">亦</span>是没答案。<span style="color: black;">不外</span>既然<span style="color: black;">已然</span>走上了这条路，<span style="color: black;">况且</span>前端还算有趣，那就接着走下去吧。一个优秀的程序员不会只懂一门语言，<span style="color: black;">因此呢</span>，java什么的，早晚会接触到。<span style="color: black;">亦</span>许，那不是java，而会是Haskell、Phython等任何编程语言。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.前端<span style="color: black;">研发</span>是做什么的？</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">老实说，这问题我倾向于复制粘贴网上答案来应付了事。可想想逢年过节时，亲朋好友们百分百会问到这个问题，我就说一下吧。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">敷衍的A：“做网站，搞网页<span style="color: black;">研发</span>的”。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">偏科的B：“做UI设计的，做<span style="color: black;">微X</span>公众号的”。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">装逼的C：“改变世界的”。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">认真的D：“前端<span style="color: black;">研发</span>有许多方向，<span style="color: black;">例如</span>网站重构，UI设计，web应用<span style="color: black;">研发</span>，物联前端，前端AR...(省略一千字)”。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">兼容性最强的万能答案：“写代码的，对，<span style="color: black;">便是</span>传说中的程序员！坐办公室用电脑的！”。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.前端<span style="color: black;">研发</span>有钱途吗？</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">当然有，做啥没前途？乞讨乞到极致，<span style="color: black;">亦</span>能乞成千万富翁。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">通常</span><span style="color: black;">来讲</span>，刚入门的新人，工资都高不到<span style="color: black;">哪里</span>去，从1k到1w都有。<span style="color: black;">重视</span>，是刚入门，不是刚入行！管理层以下，绝大<span style="color: black;">都数</span><span style="color: black;">状况</span>都是技术实力正比于薪资！</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">互联网发达地区的薪资水平会高一截，如北京上海深圳广州杭州，互联网<span style="color: black;">机构</span>会比其他行业<span style="color: black;">机构</span>的薪资水平高一截。同等能力下，牛逼的小<span style="color: black;">机构</span>比大<span style="color: black;">机构</span>的薪资要高一点。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.我该怎么学前端？</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这是个很大的问题。从学习方式<span style="color: black;">来讲</span>，有自学与培训。从学习<span style="color: black;">办法</span>来讲，那真是没法数，<span style="color: black;">每一个</span>人都有属于自己的合适的自己的<span style="color: black;">办法</span>，有的人觉得<span style="color: black;">瞧瞧</span>视频就能学会，有的是觉得光看书就完全get技能了，还有的人觉得在群里多和大佬们聊聊吹吹水就<span style="color: black;">能够</span><span style="color: black;">把握</span>想要的知识。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">做梦吧。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">前端有三大<span style="color: black;">基本</span>JavaScript、CSS、HTML。光HTML就不是<span style="color: black;">以上</span><span style="color: black;">办法</span>能<span style="color: black;">把握</span>的，更遑论JavaScript？JavaScript是门直译型的语言，是面向对象的。对象是啥，一只喵星人一个手机一个你<span style="color: black;">便是</span>一个对象。当然，JavaScript里的对象是代码<span style="color: black;">构成</span>的，而在JavaScript里，几乎一切都是对象。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">但凡是对象，那肯定是<span style="color: black;">繁杂</span>的。你<span style="color: black;">繁杂</span>吗？<span style="color: black;">为何</span><span style="color: black;">繁杂</span>？对象的<span style="color: black;">繁杂</span>性，很大程度取决于它<span style="color: black;">自己</span>与其依赖的<span style="color: black;">周边</span>环境。人在陆地上<span style="color: black;">能够</span>活得好好的，扔进水里，能活几分钟？水陆环境的<span style="color: black;">区别</span>，<span style="color: black;">增多</span>了人的<span style="color: black;">繁杂</span>些。换成你手机<span style="color: black;">亦</span><span style="color: black;">同样</span>，把它丢进火里或水里试试。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这跟JavaScript有什么关系？</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">不碍事</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">才怪。JavaScript是脚本语言，是条寄生虫，不寄生在宿主身上就没生命力的东西。它的宿主是什么？浏览器 or Node。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">本质上，浏览器和Node都给JavaScript<span style="color: black;">供给</span>了运行时的环境，<span style="color: black;">因此</span>，这个东西，才是JavaScript的幕后老板。<span style="color: black;">咱们</span><span style="color: black;">叫作</span>之为JavaScript Interpreter，当然，不止这么一种叫法，还有什么Redering Engine等等，总之，它们都<span style="color: black;">能够</span>将JavaScript代码翻译成<span style="color: black;">设备</span>码，供计算机认识与<span style="color: black;">运用</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">无</span>灵魂的人，跟死人没什么两样。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">JavaScript被翻译成<span style="color: black;">设备</span>码后，就有了灵魂，活过来了。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">你看，JavaScript其实<span style="color: black;">亦</span>是个对象。这么<span style="color: black;">繁杂</span>的东西，光看书看视频听人说，能真正懂它吗？<span style="color: black;">不可</span>。这些<span style="color: black;">行径</span>最多帮<span style="color: black;">咱们</span><span style="color: black;">晓得</span>它，<span style="color: black;">认识</span>它的知识体系与底层原理，顺便拓展一下眼界。要真正懂它，得<span style="color: black;">持续</span>地去<span style="color: black;">运用</span>它，以<span style="color: black;">各样</span>方式去<span style="color: black;">运用</span>它。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">就像你跟一个姑娘谈<span style="color: black;">爱情</span>，光看照片看她日志有什么用，你要牵她的手，亲吻她，拥抱她，爱她，跟她交流，做<span style="color: black;">各样</span>羞羞的事，才会真正懂她。不是么？</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">JavaScript尚且如此，<span style="color: black;">包括</span>它的<span style="color: black;">全部</span>前端还用说吗？</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Just do it！</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">5.从哪里<span style="color: black;">起始</span>前端的<span style="color: black;">第1</span>步？</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">废话了一堆，来点干货。<span style="color: black;">首要</span>，回答问题前，<span style="color: black;">咱们</span>来趟时空旅行。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1993年，超文本标记语言HTML（Hyper Text Markup Language）<span style="color: black;">第1</span>版面世，它只支持超链接的纯文本html文档。纯到什么地步？纯文本！超链接！没了。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">纯文本是什么概念？在你的电脑桌面新建一个txt文档，在里面写上</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">hello w</p>
论坛的成果是显著的，但我们不能因为成绩而沾沾自喜。 回顾过去一年，是艰难的一年；展望未来，是辉煌的一年。 祝福你、祝你幸福、早日实现等。 你的见解真是独到，让我受益匪浅。 你的话语真是温暖如春，让我心生感激。
页:
[1]