7wu1wm0 发表于 2024-10-5 11:56:56

一文看懂前端和后端研发


    <div style="color: black; text-align: left; margin-bottom: 10px;">
      <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/3675ca20048743969929cc211e28fcbd~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1728309277&amp;x-signature=mUMeayqZiZVtPm3zW%2F87Fz%2FZVqA%3D" style="width: 50%; margin-bottom: 20px;"></div>
      <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>者，你可能会想：2019 年最好的软件<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>技能的<span style="color: black;">需求</span>、发展<span style="color: black;">潜能</span>、职业生涯的发展和薪水，等等。</p>
      <h1 style="color: black; text-align: left; margin-bottom: 10px;">1、什么是前端<span style="color: black;">研发</span>？</h1>
      <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>网站和 App，用户能够从 App 屏幕或浏览器上看到东西。简单地说，能够从 App 屏幕和浏览器上看到的东西都属于前端。</p>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">网站和移动 App 的前端</strong></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;">移动 App 的前端和网站是<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>者<span style="color: black;">研发</span>出来的，<span style="color: black;">她们</span><span style="color: black;">运用</span>了 Ionic 、 Swift 、 Kotlin 、 Bootstrap 、 Angular 、Vue 、 jQuery 、 React.js 等<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;"><strong style="color: blue;">物联网的前端</strong></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>智能冰箱、远程 POS 机、智能手表、智能钱包，它们都需要<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>真正的前端。<span style="color: black;">不外</span>它们都装有固件，与移动 App 的前端类似。这些固件<span style="color: black;">能够</span>用<span style="color: black;">各样</span>编程语言来<span style="color: black;">研发</span>，<span style="color: black;">例如</span> C 语言、 C++ 、 Lua 、 Python 或 JavaScript 。</p>
      <h1 style="color: black; text-align: left; margin-bottom: 10px;">2、什么是后端<span style="color: black;">研发</span>？</h1>
      <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>，用于托管网站和 App 数据的服务器、<span style="color: black;">安置</span>在后端服务器与浏览器及 App 之间的中间件，它们都属于后端。简单地说，<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;"><strong style="color: blue;">网站和移动 App 的后端</strong></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>代码、API 和数据库集成来<span style="color: black;">提高</span>网站的速度、性能和响应性。</p>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">与前端类似，移动 App 的后端与网站后端是<span style="color: black;">同样</span>的。为移动 App 搭建后端有这些<span style="color: black;">选取</span>：云平台（AWS、Firebase）、自己的服务器或 MBaaS（移动后端即服务，Mobile Backend as a Service）。</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> Ruby 、 Apache 、 Nginx 、 PHP 、 MySQL 、 MongoDB 等技术。后面<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;"><strong style="color: blue;">物联网的后端</strong></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;">高端物联网<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> Amazon IoT、Google Cloud、MQTT Broker、IFTTT，等等。</p>
      <h1 style="color: black; text-align: left; margin-bottom: 10px;">3、<span style="color: black;">那样</span>前端和后端的区别有<span style="color: black;">那些</span>？</h1>
      <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/295be6d42c934a738908ec7ea44614ed~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1728309277&amp;x-signature=RJgx8eZ5qXH38lthaDynF%2BRFp0M%3D" style="width: 50%; margin-bottom: 20px;"></div>
      <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/76d38ac6370f431db39c831bb821921d~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1728309277&amp;x-signature=Dt2LoyQvMLKqvuhSUynouqKbYKE%3D" style="width: 50%; margin-bottom: 20px;"></div>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">前端和后端的技术栈比较</strong></p>
      <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/bc14df8af7cd46a2837636cdc675a00a~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1728309277&amp;x-signature=6Nll%2BPkDAxn90Ah88IHoApFbxQs%3D" style="width: 50%; margin-bottom: 20px;"></div>
      <h1 style="color: black; text-align: left; margin-bottom: 10px;">4、前端和后端<span style="color: black;">研发</span>者，哪个更好？</h1>
      <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>更为重要。</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>。</p>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">前端设计师所做的很大一部分工作是让用户在移动或 PC 屏幕上看到的东西看起来很棒，<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>这本身<span style="color: black;">便是</span>一个错误的假设。<span style="color: black;">实质</span>上，它们都是不可替代的，在构建网站或应用程序时，它们是同等重要的。</p>有些人具备视觉方面的<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>今天的样子，要归功于 Steve Jobs(前端的梦想家) 和 Steve Wozniak(后端天才)。<h1 style="color: black; text-align: left; margin-bottom: 10px;">5、前端和后端<span style="color: black;">研发</span>者</h1>
      <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/221c40fed70c4190baac91882256017d~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1728309277&amp;x-signature=ApiUggwl3IQIM6xH53V9qJvbyTk%3D" style="width: 50%; margin-bottom: 20px;"></div>
      <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>者的职位、技能和职责。</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;"><strong style="color: blue;">前端和后端<span style="color: black;">研发</span>者的职位头衔</strong></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>职位。</p>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">前端：</strong></p>前端<span style="color: black;">研发</span>工程师；前端 Web 设计师；Android <span style="color: black;">研发</span>工程师；iOS <span style="color: black;">研发</span>工程师；前端 DevOps 工程师；前端 JavaScript <span style="color: black;">研发</span>工程师；前端 UI 工程师；HTML/CSS <span style="color: black;">研发</span>工程师；前端测试工程师；前端 SEO 专家。<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">后端：</strong></p>后端<span style="color: black;">研发</span>工程师；初级后端<span style="color: black;">研发</span>工程师；Web <span style="color: black;">研发</span>工程师；DevOps 工程师；软件工程师；WordPress 开发工程师；云计算工程师；REST 专家；服务器 / 系统管理员；数据库架构师；Java <span style="color: black;">研发</span>工程师；Python <span style="color: black;">研发</span>工程师；PHP <span style="color: black;">研发</span>工程师。<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">前端和后端<span style="color: black;">研发</span>者的技能<span style="color: black;">需求</span></strong></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>的技能。</p>
      <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p9-sign.toutiaoimg.com/pgc-image/014b12dcc39c4d90b29c448962ff7483~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1728309277&amp;x-signature=eP3BhH0gUbIoxmk8UKCctQqK0Yk%3D" style="width: 50%; margin-bottom: 20px;"></div>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">前端和后端<span style="color: black;">研发</span>者的角色和职责</strong></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>
      <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/3ca08e89d1e7410599b67461f58d3f98~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1728309277&amp;x-signature=z7cHPyLJykT8KtaZdxpTBfLKnKY%3D" style="width: 50%; margin-bottom: 20px;"></div>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">前端和后端<span style="color: black;">研发</span>者的薪水比较</strong></p>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">前端<span style="color: black;">研发</span>者：</strong></p>
      <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/c4b33c13b80e4eddb057ef912c9dd7b8~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1728309277&amp;x-signature=KBDJp8uFbQWs1u9ng0axqXX4aNY%3D" style="width: 50%; margin-bottom: 20px;"></div>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">以上数据来自 PayScale</p>
      <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/b6ba8a820dfa42db865369f3a3de4b59~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1728309277&amp;x-signature=gWtcwaJ9AnGunwuH2s1Tbccw8Ck%3D" style="width: 50%; margin-bottom: 20px;"></div>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">以上数据来自 Glassdoor</p>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">后端<span style="color: black;">研发</span>者：</strong></p>
      <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/79de6b8778854310bb04fd48beb4ede6~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1728309277&amp;x-signature=2WF3KQzxQF4lBtFjeyXXPw8wWsI%3D" style="width: 50%; margin-bottom: 20px;"></div>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">以上数据来自 PayScale</p>
      <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/ff0afdc4ac3e497b8a9bb9accaa58c1c~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1728309277&amp;x-signature=X75lgW%2BENK0G1gQ0UvNlsTWTZtI%3D" style="width: 50%; margin-bottom: 20px;"></div>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">以上数据来自 Glassdoor</p>
      <h1 style="color: black; text-align: left; margin-bottom: 10px;">6、什么是全栈<span style="color: black;">研发</span>？</h1>
      <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>者。</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>总是多于<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>，<span style="color: black;">例如</span> MEAN 栈、LAMP 栈、.NET 栈、Python-Django 栈、ROR 栈，等等。<span style="color: black;">研发</span>者<span style="color: black;">能够</span>自由<span style="color: black;">选取</span><span style="color: black;">作为</span>这些技术栈的专家。</p>原文链接：https://www.excellentwebworld.com/backend-vs-frontend/
    </div>




nqkk58 发表于 2024-11-8 22:14:48

期待楼主的下一次分享！”
页: [1]
查看完整版本: 一文看懂前端和后端研发