前端seo怎么优化(如何做好前端)
前端seo怎么优化
前端的性能对于一个Web应用来说非常重要，如果一个Web应用的页面加载速度非常快、对于用户的操作可以及时响应，那么产品的用户体验将会极大地提升。下图显示了页面加载速度对于用户体验的影响。
下面来看看大型网站在Web页面优化最佳实践方案：
大型网站Web优化最佳实践
1. 避免坏请求
有时页面中的HTML或CSS会向服务器请求一个不存在的资源，比如图片或HTML文件，这会造成浏览器与服务器之间过多的往返请求，类似于：
浏览器：“我需要这个图像。”
服务器：“我没有这个图像。”
浏览器：“你确定吗？这个文档说你有。”
服务器：“真的没有。”
如此一来，会降低页面的加载速度。因此，检查页面中的坏链接非常有必要，你可以通过 Google的PageSpeed工具 来检测，找到问题后，补充相应的资源文件或者修改资源的链接地址即可。
2. 避免CSS @import
使用 @import方法引用CSS文件可以能会带来一些影响页面加载速度的问题，比如导致文件按顺序加载（一个加载完后才会加载另一个），而无法并行加载。
你可以使用 CSS delivery工具 来检测页面代码中是否存在@import方法。比如，如果检测结果中存在
[css] view plaincopy
@import url("style.css")
则建议你使用下面的代码来替代。
[html] view plaincopy
rel="style.css" href="style.css" type="text/css">
3. 避免使用document.write
在JavaScript中，可以使用 document.write在网页上显示内容或调用外部资源，而通过此方法，浏览器必须采取一些多余的步骤——下载资源、读取资源、运行JavaScript来了解需要做什么，调用其他资源时需要重新再执行一次这个过程。由于浏览器之前不知道要显示什么，所以会降低页面加载的速度。
要知道，任何能够被document.write调用的资源，都可以通过HTML来调用，这样速度会更快。检查你的页面代码，如果存在类似于下面的代码：
[js] view plaincopy
document.write('');
建议修改为：
[html] view plaincopy
src="another.js">
4. 合并多个外部CSS文件
在网站中每使用一个CSS文件，都会让你的页面加载速度慢一点点。如果你有一个以上的CSS文件，你应该将它们合并为一个文件。
你可以通过 CSS delivery工具 来检测页面代码中的CSS文件，然后通过复制粘贴的方式将它们合并为一个。合并后记得修改页面中的引用代码，并删除旧的引用代码。
5. 合并多个外部JavaScript文件
大部分情况下，网站往往会包含若干个 JavaScript文件，但并不需要将这些文件都独立出来，其中有些是可以合并为一个文件的。
你可以通过 resource check工具 来检测页面中所引用的JavaScript文件数，然后可以通过复制粘贴的方式将多个文件合并为一个。
6. 通过CSS sprites来整合图像
如果页面中有6个小图像，那么浏览器在显示时会分别下载。你可以通过CSS sprites将这些图像合并成1个，可以减少页面加载所需的时间。
CSS sprites需要有两个步骤：整合图像、定位图像。比如你可以通过下面的代码来分别定位下面图像中的上下两部分。
[css] view plaincopy
.megaphone {width:50px; height:50px; background:url(images/sprite.png) 0 0px;}
.smile {width:50px; height:50px; background:url(images/sprite.png) 0 -50px;}
7. 延迟JavaScript的加载
浏览器在执行JavaScript代码时会停止处理页面，当页面中有很多JavaScript文件或代码要加载时，将导致严重的延迟。尽管可以使用defer、异步或将JavaScript代码放到页面底部来延迟JavaScript的加载，但这些都不是一个好的解决方案。
下面是Google的建议。
[js] view plaincopy
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "defer.js";
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
这段代码的意思是等待页面加载完成后，然后再加载外部的“defer.js”文件。下面是测试结果。
8. 启用压缩/ GZIP
使用gzip对HTML和CSS文件进行压缩，通常可以节省大约50％到70％的大小，这样加载页面只需要更少的带宽和更少的时间。
你可以通过这个 Gzip压缩工具 来检测页面是否已经经过Gzip压缩。
9. 启用Keep-Alive
HTTP协议采用“请求-应答”模式，当使用普通模式（非KeepAlive模式）时，每个请求/应答客户和服务器都要新建一个连接，完成之后立即断开连接（HTTP协议为无连接的协议）；当使用 Keep-Alive模式（又称持久连接、连接重用）时，Keep-Alive功能使客户端到服务器端的连接持续有效，当出现对服务器的后继请求时，Keep-Alive功能避免了建立或者重新建立连接。
在HTTP 1.0中Keep-Alive默认是关闭的，需要在HTTP头中加入“Connection: Keep-Alive”，才能启用Keep-Alive；在 HTTP1.1中Keep-Alive默认启用，加入“Connection: close”可关闭。目前大部分浏览器都是用HTTP 1.1协议，也就是说默认都会发起Keep-Alive的连接请求了，所以是否能完成一个完整的Keep- Alive连接就看Web服务器的设置情况。
10. 将小的CSS和JavaScript代码内嵌到HTML中
如果你的CSS代码比较小，可以将这部分代码放到HTML文件中，而不是一个外部CSS文件，这样可以减少页面加载所需的文件数，从而加快页面的加载。同样，也可以将小的 JavaScript脚本代码内嵌到HTML文件中。
[html] view plaincopy
type="text/css">
type="text/javascript">
11. 利用浏览器缓存
在显示页面时，浏览器需要加载logo、CSS文件和其他一些资源。浏览器缓存所做的工作就是“记住”已经加载的资源，让页面的加载速度更快。
12. 压缩CSS代码
不管你在页面中如何使用CSS，CSS文件都是越小越好，这会帮助你提升网页的加载速度。你可以通过 Minify CSS工具 来压缩你的CSS代码。
压缩前：
[css] view plaincopy
body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
压缩后：
[css] view plaincopy
body {background-color:#d0e4fe;}
h1 {color:orange;text-align:center;}
13. 尽量减少DNS查询次数
当浏览器与Web服务器建立连接时，它需要进行DNS解析，将域名解析为IP地址。然而，一旦客户端需要执行DNS lookup时，等待时间将会取决于域名服务器的有效响应的速度。
虽然所有的ISP的DNS服务器都能缓存域名和IP地址映射表，但如果缓存的DNS记录过期了而需要更新，则可能需要通过遍历多个DNS节点，有时候需要通过全球范围内来找到可信任的域名服务器。一旦域名服务器工作繁忙，请求解析时就需要排队，则进一步延迟等待时间。
因此，减少DNS的查询次数非常重要，页面加载时就尽量避免额外耗时。为了减少DNS查询次数，最好的解决方法就是在页面中减少不同的域名请求的机会。
你可以通过 request checker工具 来检测页面中存在多少请求，然后进行优化。
14. 尽量减少重定向
有时为了特定需求，需要在网页中使用重定向。重定向的意思是，用户的原始请求（例如请求A）被重定向到其他的请求（例如请求B）。
但是这会造成网站性能和速度下降，因为浏览器访问网址是一连串的过程，如果访问到一半而跳到新地址，就会重复发起一连串的过程，这将浪费很多的时间。所以我们要尽量避免重定向，建议：
不要链接到一个包含重定向的页面
不要请求包含重定向的资源
15. 优化样式表和脚本的顺序
Style标签和样式表调用代码应该放置在JavaScript代码的前面，这样可以使页面的加载速度加快。
[html] view plaincopy
name=description content="description"/>
title
page specific css code goes here
type="text/javascript">
javascript code goes here
16. 避免JavaScripts阻塞渲染
浏览器在遇到一个引入外部JS文件的
标签时，会停下所有工作来下载并解析执行它，在这个过程中，页面渲染和用户交互完全被阻塞了。这时页面加载就会停止。
谷歌 建议 删除干扰页面中第一屏内容加载的JavaScript，第一屏是指用户在屏幕中最初看到的页面，无论是桌面浏览器、手机，还是平板电脑。
17. 缩小原始图像
如果无需在页面中显示较大的图像，那么就建议将图像的实际大小缩小为显示的大小，这样可以减少下载图像所需的时间。
18. 指定图像尺寸
当浏览器加载页面的HTML代码时，有时候需要在图片下载完成前就对页面布局进行定位。如果HTML里的图片没有指定尺寸（宽和高），或者代码描述的尺寸与实际图片的尺寸不符时，浏览器则要在图片下载完成后再“回溯”该图片并重新显示，这将消耗额外的时间）。
所以，最好为页面中的每一张图片都指定尺寸，不管是在HTML里的
标签中，还是在CSS中。
YSlow Web优化最佳实践
1. 内容优化
尽量减少HTTP请求：常见方法包括合并多个CSS文件和JavaScript文件，利用CSS Sprites整合图像，Image map（图像中不同的区域设置不同的链接），内联图象（使用 data: URL scheme 在实际的页面嵌入图像数据）等。
减少DNS查找
避免重定向
使Ajax可缓存
延迟加载组件：考虑哪些内容是页面呈现时所必需首先加载的、哪些内容和结构可以稍后再加载，根据这个优先级进行设定。
预加载组件：预加载是在浏览器空闲时请求将来可能会用到的页面内容（如图像、样式表和脚本）。当用户要访问下一个页面时，页面中的内容大部分已经加载到缓存中了，因此可以大大改善访问速度。
减少DOM元素数量：页面中存在大量DOM 元素，会导致JavaScript遍历DOM的效率变慢。
根据域名划分页面内容：把页面内容划分成若干部分可以使你最大限度地实现平行下载。但要确保你使用的域名数量在2个到4个之间（否则与第2条冲突）。
最小化iframe的数量：iframes 提供了一个简单的方式把一个网站的内容嵌入到另一个网站中。但其创建速度比其他包括JavaScript和CSS的DOM元素的创建慢了1-2个数量级。
避免404：HTTP请求时间消耗是很大的，因此使用HTTP请求来获得一个没有用处的响应（例如404没有找到页面）是完全没有必要的，它只会降低用户体验而不会有一点好处。
2. 服务器优化
使用内容分发网络（CDN）：把你的网站内容分散到多个、处于不同地域位置的服务器上可以加快下载速度。
添加Expires或Cache-Control信息头：对于静态内容，可设置文件头过期时间Expires的值为“Never expire（永不过期）”；对于动态内容，可使用恰当的Cache-Control文件头来帮助浏览器进行有条件的请求。
Gzip压缩
设置ETag：ETags（Entity tags，实体标签）是web服务器和浏览器用于判断浏览器缓存中的内容和服务器中的原始内容是否匹配的一种机制。
提前刷新缓冲区：当用户请求一个页面时，服务器会花费200到500毫秒用于后台组织HTML文件。在这期间，浏览器会一直空闲等待数据返回。在PHP中，可以使用flush()方法，它允许你把已经编译的好的部分HTML响应文件先发送给浏览器，这时浏览器就会可以下载文件中的内容（脚本等）而后台同时处理剩余的HTML页面。
对Ajax请求使用GET方法：当使用XMLHttpRequest时，浏览器中的POST方法会首先发送文件头，然后才发送数据。因此使用GET最为恰当。
避免空的图像src
3. Cookie优化
减小cookie大小：去除不必要的coockie，并使coockie体积尽量小以减少对用户响应的影响
针对Web组件使用域名无关的Cookie：对静态组件的Cookie读取是一种浪费，使用另一个无Cookie的域名来存放静态组件是一个好方法，或者也可以在Cookie中只存放带www的域名。
4. CSS优化
将CSS代码放在HTML页面的顶部
避免使用CSS表达式：CSS表达式在执行时候的运算量非常大，会对页面性能产生大的影响
使用
来代替@import
避免使用Filters：IE独有属性AlphaImageLoader用于修正IE 7以下版本中PNG图片的半透明效果，但它的问题在于浏览器加载图片时它会终止内容的呈现并且冻结浏览器。
5. JavaScript优化
将JavaScript脚本放在页面的底部
将JavaScript和CSS作为外部文件来引用：在实际应用中使用外部文件可以提高页面速度，因为JavaScript和CSS文件都能在浏览器中产生缓存。
缩小JavaScript和CSS
删除重复的脚本
最小化DOM的访问：使用JavaScript访问DOM元素比较慢
开发智能的事件处理程序
6. 图像优化
优化图片大小
通过CSS Sprites优化图片
不要在HTML中使用缩放图片
favicon.ico要小而且可缓存
7. 针对移动优化
保持组件大小在25KB以下：主要是因为iPhone不能缓存大于25K的文件（注意这里指的是解压缩后的大小）。
将组件打包成为一个复合文档：把页面内容打包成复合文本就如同带有多附件的Email，它能够使你在一个HTTP请求中获取多个组件。
Web性能优化工具
1. Google PageSpeed
Google提供了 PageSpeed工具，这是一个浏览器插件，可以很好地应用上文中Google所提到的Web优化实践——帮助你轻松对网站的性能瓶颈进行分析，并为你提供优化建议。
在线分析你的网站
安装浏览器插件（ Chrome、 Firefox）
通过 Insights API在应用中嵌入PageSpeed功能
2. 雅虎 YSlow
YSlow是雅虎推出的一款浏览器插件，可以帮助你对网站的页面进行分析，并为你提供一些优化建议，以提高网站的性能。
Firefox插件
Chrome插件
YSlow for Mobile/Bookmarklet
源码
3. 其他分析优化工具
蜘蛛模拟器：这个工具可以分析你的页面，并提供一些优化建议。
图像SEO工具：这个工具可以检查图片的alt标签，并提供一些优化建议。
请求检查器：找出页面中需要加载哪些资源和服务。
链接检查器：检查页面中内部、外部和无效链接。
HTTP头检查：显示网页或资源的HTTP响应头。
社交检查器：检查页面中的社交组件，比如Google+、Facebook、Twitter、Linkedin和Pinterest。
If modified检查器：检查页面是否接受 If-Modified-Since HTTP头。
Gzip检查器：检查页面是否经过了Gzip压缩。
CSS delivery工具：检查页面中所使用的CSS文件。
面包屑工具：可根据你输入的信息提供面包屑导航的代码。
CSS压缩工具：用于压缩CSS代码。
通过以上的优化建议和优化工具，可以轻松找到影响你的Web页面性能的瓶颈，轻松实现Web页面性能的提升。
以上就是大型网站Web性能优化总结 ，以下是大型网站分布式架构详解。
领取方法
关注+转发后，私信关键词 【架构】即可学习！
重要的事情说三遍，转发、转发、转发后再发私信，才可以拿到哦！
如何做好前端
对于像你我这样的开发人员来说，进入编程世界会带来很多挑战和机遇。有很多东西要学习和掌握–我们有JavaScript框架，例如React，Vue，Angular和Svelte。我们有静态站点生成器，JAMstack，无服务器，Git，并且清单还在继续。
尽管广泛的Web开发生态系统为每个人存储着一些东西，但要跟踪不断变化的技术确实非常困难。不仅如此，还有更多问题需要您回答：我想在哪里工作，和谁一起工作？我想成为一名全职开发人员吗？我想担任永久性工作还是要签约？我如何发展自己并掌握新技能？
我已将所有知识和经验纳入这101条技巧中，这些技巧可能会在你作为Web开发人员的职业中为你提供帮助。无论你是刚开始还是已经有一些经验，这些技巧都有望对你有所帮助。该列表绝不是完整的列表，当然并不是每个点都非常合适，但是我希望你可以从中选出一些作为灵感或指导。
对了，最近我整理了101G前端资料，零基础到就业全套，需要的小伙伴可私信哦
1.尝试了解Git概念
知道基本命令是好的，但是请尝试也了解基本概念。
2.学习干净代码的概念
理解干净的代码原理可帮助您生成更好的，更具可读性的代码，并且故障更少。
3.建立一个投资组合站点
您应该为自己的工作感到自豪，并与他人分享，并为将来的雇主和客户提供雇用您的机会。
4.撰写技术博客文章
撰写博客文章有几个优点。如果您尝试向他人解释所学内容，则学习新事物通常会更容易。回馈社区是一项重大举措。
5.首次参加自由职业
将2020年定为职业变更之年，并找到您的第一份承包工作。看看提供项目机会的Web平台，联系招聘人员，参加社区活动和会议，或者查看您的雇主是否可能希望雇用您作为自由职业者。
6.了解JavaScript基础
JavaScript运行网络。当React和Vue这样的框架来来去去时，JavaScript可能仍然存在。因此，投资学习JavaScript基础知识。
7.学习一个大的JavaScript框架
现代Web应用程序通常由Vue，React或Angular等框架提供支持。Facebook，Google和Airbnb等公司都在维护和使用它们。因此，作为前端开发人员，您至少应该了解其中之一。但最后，只是JavaScript。
8.尝试升任高级职位
了解成为高级开发人员所需的条件。除了经验外，拥有诸如移情和出色的沟通技巧等软技能也很重要。
9.指导初级开发人员
高级开发人员最重要的交付物是高级开发人员。因此，尝试在不专横的情况下帮助他人。
10.为他人创建教程
如果您学习了新的编程语言，功能或技术，请?与他人分享您的知识。
11.使用VSCode及其扩展
如果您还没有使用VSCode作为主要的IDE，那么绝对应该尝试一下。这将使您成为生产力更高的开发人员，并且具有很多出色的扩展，例如代码格式和样式或自动完成。
12.离开有毒的工作场所
如果您在一个有毒的地方工作或有一个有毒的老板，请寻找其他工作机会。人们通常不会改变，而且您的才能太好而不能浪费。寻找可以赞赏您和您的技能的人。
13.为开源项目做贡献
为开源做贡献可能是每个开发人员都想过的事情。您可以与社区互动并提供帮助，在实际环境中练习编程，然后将其添加到您的投资组合中。许多OSS项目都欢迎可以添加到其存储库的新用户。
14.学习根本不同的编程语言
为了拓宽视野并走出舒适区，学习一种完全不同的编程语言可能是一个好主意。例如，如果您通常使用Java，请尝试使用JavaScript，Rust或Golang。尝试一些以前从未使用过的东西。
15.部署无服务器功能
无服务器功能是托管于托管基础架构上的具有单一目的的小型编程功能。例如，您可以使用AWS Lambda托管它们。许多项目都在使用它们，因此值得一试。
16.学习GraphQL概念
RESTful API在过去几年中已成为Web开发的事实上的标准。但是随着Facebook的GraphQL的兴起，您绝对应该尝试学习其背后的概念。
17.构建一个JAMstack应用程序
JavaScript，API和标记-由这些技术组成的应用程序组成JAMstack。JAMstack功能强大，轻巧，并且独立于专用后端。例如，非常适合公司网站或投资组合网站。
18.看看OWASP Top 10
开发Web应用程序安全项目提供了有关开发安全应用程序的建议和最佳实践。
19.做更多的配对编程
结对编程是在程序员之间共享知识的最佳方法之一。您可以向经验丰富的开发人员学习，或者可以帮助更多的初级开发人员。无论哪种方式，这都是一件好事，可以帮助您保持专注。
20.选择参加代码审查
在许多项目中，必须进行代码审查，并且在合并代码之前，许多公司都要求进行代码审查。您应该经常参加此类评论。如果您是初学者，则可以通过查看其他开发人员的代码并向他们提出问题来学习。如果您更有经验，则有助于减少代码库中的错误。
21.专注于解决问题
成为优秀（高级）开发人员的一件事是能够专注于解决方案而不是问题。始终尝试找到应对挑战的方法。
22.学习如何调试
编程代码永远不会是完美的。肯定会有错误和错误。但是为了找到并修复它们，您需要学习如何调试代码。
23.不要卖空自己
我经常需要提醒自己的一件事是，无论我向客户收取多少费用或向雇主要求多少钱，我都值得。您已掌握的所有技能，编程的所有时间以及宝贵的性格应使您有信心进行谈判，以取得有利于您的利益。
24.从失败中学习
每个人都会犯错误。即使是最成功的开发人员也会犯很多错误。但是重要的是，您必须从这些错误中汲取教训，以便成长-无论是作为开发人员的技能还是个人生活。
25.始终测试您的代码
为您的代码编写测试，无论是单元测试还是集成测试，似乎都会引起额外的工作，您可能会认为编写的代码是完美的，并且没有错误。那是一个错误。几乎所有公司和开源项目都希望您测试代码。而且，您甚至应该在自己的个人项目中做到这一点，以求一臂之力。
26.学习设计模式
设计模式是构建软件应用程序的基础。您不一定在每个项目中都需要它们，但是了解一些主要的知识是一件很高兴的事情。
27.毫不犹豫地寻求帮助
寻求帮助没有什么不好的。但是，在要求某人帮助您之前，先自己尝试尝试总是一种好的做法。但总的来说，如果您遇到困难，请与可以帮助您的人联系。
28.参加技术会议
参加会议是了解新技术并与社区互动的好方法。如果雇主带回知识并与同事共享知识，雇主经常会给员工折扣或为他们支付费用。
29.在技术会议上发言
如果有机会，您应该在会议上谈论您感兴趣的主题。即使您是一个内向的人，它也会帮助您建立自信。
30.尽量保持相关性
这说起来容易做起来难，但是要掌握瞬息万变的技术世界，您需要不断学习和提高技能。阅读博客文章，参加会议，观看视频，订阅新闻通讯，看书，参加（离线）课程。有无数种可能性。
31.心胸开阔
没有什么是理所当然的。没有技术，没有框架，没有图书馆。您必须不断适应才能在这个行业取得成功。胸襟开阔不仅会影响到技术-最后，最重要的是人。
32.加入社区
您不必进行单人表演。加入志同道合的人，其他开发人员，作家或您感兴趣的任何事物的社区，可以真正帮助您提高专业水平，发现新机会，甚至结交新朋友！
33.成为专家
包括我在内的许多人都是通才，这意味着他们知道许多事情都很好，这很好。但是，在技术领域的某些职位上，必须非常非常了解一些事情，并且专家对这些事情的需求很高并且报酬也很高。
34.运送东西
许多人害怕将物品运送给公众。产品，工具，文章-没关系。这里的主要要点是：发货！它要么从一开始就起作用，要么您通过调整来学到新东西！
35.定期练习
您不必具备某种天生的才能才能成为程序员。几乎所有东西都可以学到，最好的方法就是编程。因此，每天定期编写代码，您会自动变得更好。
36.开始一个个人项目
许多人认为“真正的程序员”只做代码，一次至少有3个个人项目。那当然是不正确的！但是，个人项目可能是探索新技术，尝试新事物，制造和销售产品的好东西，或者仅仅是为了找乐子。尝试一下！
37.完成一个个人项目
启动个人项目很容易。但是，通过将其发布给公众来达到最终目的并不是。个人项目墓地里挤满了很多废弃的项目。您应该尝试完成某件事-感觉很棒！
38.参加新课程
您上一次学到什么新东西是工作还是自己？也许是时候离开您的舒适区域并参加有关您感兴趣的主题的新课程了。不必与编码有关。可能还可以提高您的社交技巧，甚至可以提高烹饪技巧！
39.阅读更多书
互联网为我们带来了许多新的学习机会-博客，播客，视频课程...但是对我而言，没有什么比一本好而古老的平装书更好的了。因此，如果您想尝试可世代相传的古老作品，请读一本书！
40.支持他人
付出比接受更好
-通过帮助他人，您可以真正地改善人。从长远来看，它通常会有所回报。新的工作机会或友谊-能够帮助他人真是太好了！
41.学会分析问题
当您作为开发人员工作时，通常需要在解决问题之前进行大量分析。这是您可以并且应该学习的技能。有很多很棒的课程专门教您如何分析问题。
42.重构代码库
代码库就像阁楼。当您盖房子时，它们看上去很干净，但随着时间的流逝，它们变成了一个拥挤的地方，其中包含许多您实际上不再需要的东西。与代码相同。因此，不时浏览您的代码以查看可以重构甚至放弃的内容是明智的决定。
43.结识新朋友
我将许多开发者描述为内向的人。所以他们经常告诉我，他们很难结识新朋友。当然可以理解。但是请相信我，每个人都很难进行社交活动，因此请不要与他人或通过网络交谈。在线聚会是克服恐惧的好地方！
44.享受生活
也许这对您来说是显而易见的，但也许不是。在生活和工作中享受您的工作。如果您不喜欢自己在做什么，您将永远不会给它100％的回报。即使那意味着改变工作或职业。做你真正喜欢的事！
45.不要听别人太多
一个奇怪的建议，因为我实际上是在告诉你一些东西，而你显然正在阅读。但这是真的。这么多人有更多的意见告诉您该怎么做。但是最后，这是您的生活，您的选择，所以不要盲目跟随，而要持怀疑态度，自己做研究！
46.花些时间去社交媒体
社交媒体确实是一把双刃剑。您可以结识伟人，阅读精彩的文章，并浪费大量时间。由于奖励系统的喜欢和反应，事情很快就会变得令人上瘾。因此，请定期从社交媒体中抽出一些时间并重新获得能量！
47.创建一个社交媒体帐户
虽然我说过社交媒体有时可能很危险，但它也是认识好人，学习新事物，加入社区或进行自我营销的好机会。我建议您尝试一下，然后自己决定是否喜欢。
48.创建一个LinkedIn帐户
LinkedIn已成为事实上的专业关系标准。如果您认真对待自己的职业，并希望定期获得新的机会，那么就必须有一个精心制作和最新的资料！
49.照顾好你的社交账户
放弃社交媒体帐户，特别是没有最新的LinkedIn帐户，比我认为没有一个更糟糕。因此，请花一些时间来照顾那些个人资料！
50.建立坚实的基础
许多初学者直接跳入框架，甚至经常在框架之间切换。我个人认为，从框架开始就不会有问题，只要它能引起您的兴趣并适合您的学习风格。但是，在您的职业生涯的某个时刻，拥有坚实的基础至关重要，因为框架在不断变化，但基本面很可能会保留-因此，它可以帮助您适应新的情况和挑战。
51.利用免费资源
有很多很棒的资源可用于学习有关编程和Web开发的任何主题，但是有时很难将优缺点分开。向朋友，同事或社交媒体询问建议。例如，查看youtube上的观看次数。但是，不要盲目跟随，始终反映您所阅读或观看的内容！
52.找到你的利基
拥有广泛的不同主题知识本身就是一件好事，因为它打开了许多扇门，并带来了很多机会。但是，在您所关注的细分市场中成为真正的好人可能会令人非常满意。它使谈论它，编写它变得更加容易，并且编码本身非常有趣！
53.学习如何最好地学习
这也是我自己必须发现的东西。很多人建议您以特定的顺序或通过特定的媒介学习特定的东西。但事实是，没有人能真正告诉您如何学习。相反，您应该尝试不同的策略和技术，并了解自己如何最好地学习！
54.学会欣赏失败
当您使用代码时，尤其是在将产品运送到生产环境中时，或者当您编写教程，记录课程，向他人提供帮助时，总是会出现错误，错误和失败。不要让这种情况让您灰心，而要抓住这些机会，使自己变得更好，学习新知识并增强自信心！
55.学会庆祝成功
说起来容易做起来难，常常被忽略。如果您获得了新的认证，晋升，新的工作，获得很多观点的新博客帖子或您的第一个上线产品，那么请庆祝这些胜利并让其他人知道。
56.刚开始编码
如果您不熟悉编程的机会，那么您将被大量的学习材料所淹没，并逐篇阅读，逐门观看课程。但是，使用编码来学习的最佳方法实际上是从那里开始编码并从那里开始改进。
57.促进Stackoverflow
Stackoverflow是最大的开发人员社区之一，您可以在其中找到几乎所有编程问题的解决方案。但是，您不仅可以阅读，还可以尝试提出问题或回答他人的问题。记住，付出比接受更好！
58.寻找出色的工具
工匠才是他的工具
。您不需要编写太多代码-便携式计算机和基本的文本编辑器就足够了。但是有很多很棒的工具可以帮助您，例如IDE（集成开发环境），CLI（命令行界面，笔记记录工具，番茄钟，图像托管等等）。
59.定制您的IDE
如果您使用像Microsoft的VSCode这样的IDE，则可以并且应该通过利用出色的市场扩展和强大的自定义功能将其真正成为您的IDE。它从颜色和主题开始，可以深入到快捷方式和摘要。
60.开发新产品
产品是许多开发人员最终希望创造的产品，以产生更多的收入，获得自由或看到他们的想法变为现实。在这里被告知真相：很可能您的第一个产品不会卖出数百万美元，但不要让那让您灰心。如果第一个产品不成功，第二个或第三个可能会成功。成功的真正含义是您而非他人定义的。
61.创建自己的工具
即使市场上有很多很棒的工具，我相信总是有更多的工具可以比其他工具做得更好或解决新问题的余地。因此，如果您有想法要改进某事或遇到现有工具无法解决的问题，那就去做吧。
62.写一本书
写书似乎是一项艰巨的任务，有很多障碍。尽管这绝对具有挑战性，但它也是一次很好的体验，它可以产生可观的收入。虽然不一定是平装书，但电子书就可以了。您可以从最少10到15页开始，免费赠送它以测试水域和学习如何写作。
63.创建一个库
您是否尝试过创建自己的库，例如基于JavaScript的库？这么多人以前做过，解决方案通常只是解决小问题的小帮手。因此，如果您遇到可以解决的问题并且认为其他人也会从您的解决方案中受益，那么我建议您尝试创建自己的库。
64.学会倾听别人的声音
许多人似乎喜欢自己的声音。但是，在团队中或与客户一起工作时，必须积极倾听他人的意见。所谓积极，是指提出有助于讨论的问题。学会在会议期间不要打扰别人并保持尊重。
65.清晰沟通
如今，沟通技巧非常重要，有时比单纯的编码技巧更重要。产品或公司的失败与成功通常直接关系到内部和外部沟通的质量。因此，请花一些时间以清晰易懂的方式进行交流。
66.分享未完成的工作
您不必成为完美主义者。尽早分享您的工作，并在尚未完成时从他人那里获得宝贵的反馈。最好尽快进行调整，因为以后会变得更加困难和昂贵。
67.回答Quora问题
Quora是一个平台，人们可以在其中询问生活中几乎所有的一切。通过回答人们的问题，您可以将自己推销为在特定领域具有渊博知识的人，从而可以带来新的职业机会。
68.成为域专家
如果您对诸如云计算，安全性或机器学习之类的特定主题感兴趣，那么可以真正专注于该特定领域并成为该领域的专家是一个不错的选择。较高的薪水，“成名”和良好的感觉可以作为回报。
69.获得升职
好的，升职是您真正不能强迫的事情，因为几乎总是有人要升职。但是尽管有例外，但大多数人如果不要求就不会得到升职。因此，如果您认为自己应该得到升职，就应该去做，不要等到有人为您做得到。
70.请抽些时间
对我来说，编码是一件充实的事情。如果我“顺风顺水”，那么几小时过去了，就像没有明天。有时，我在工作时间编码，在业余时间继续工作，甚至在周末也这样做。但这会很快导致倦怠或压力，因此完全不需花几个小时或几天才能进行编程以给电池充电是非常健康的。
71.激励他人
当您构建了新产品/功能，学习了新技能，解决了难题或在会议上第一次交谈时-与他人共享以帮助他们并激发他们成为更好的开发人员。
72.使用SQL数据库
即使有一些很好的理由使用No-SQL数据库解决方案，并且我认为这些解决方案通常都以“更时髦或更现代”的方式销售，当今大多数应用程序可能都使用SQL数据库。因此，学习如何与他们合作是一项不可忽视的重要技能，
73.使用No-SQL数据库
如果您尚未使用No-SQL数据库产品或技术，则应先尝试一下。许多大型组织正在使用诸如MongoDB，Redis或Couchbase之类的解决方案，它们采用的方法与SQL数据库完全不同。
74.学习如何研究
编程是解决问题的方法。为了解决问题，了解如何正确研究解决方案至关重要。做笔记，提出问题，并尝试找到正确的文档或解决方案文档。
75.了解可访问性
可访问性（也称为A11y）在软件开发中应该成为标准，但遗憾的是，它不是。很多人在使用Web应用程序时遇到困难，因为这些应用程序不是为残障或残障人士而设计的，它们会导致障碍。因此，每个Web开发人员都应该了解可访问性功能，并充分利用它们。
76.了解kubernetes
Kubernetes（K8s）是DevOps和Web开发中的热门话题。K8s是一个开源容器编排系统，用于自动化应用程序管理，扩展和部署。许多公司已经在使用Kubernetes，因此对此的了解非常宝贵。
77.写有用的评论
评论其他人的博客文章和代码段对作者确实很有帮助。但是，请不要以侮辱或误导的方式来做。尽量清楚，准确，评论??应始终具有价值。没有价值=没有评论！
78.获得新的认证
证书仍然是展示您的专业知识的一种好方法，并且可以带来新的职业机会，例如新工作，升职或增加薪水。您可以将它们添加到您的简历和LinkedIn个人资料中。许多公司的员工都有额外的预算，因此您甚至可以免费获得一个。
79.练习授权与认证
与用户及其数据打交道是一项具有挑战性的事情。如果公司搞砸了，并且个人数据已经暴露，那么对该公司的信任就会迅速下降。因此，如今对于每个开发人员来说，知道如何正确处理授权和身份验证至关重要（不，那不一样！）。
80.注意API安全
API无处不在。但是重要的是，它们必须受到适当保护，并且只有授权的服务才能访问它们。
81.写一封好电子邮件
哈，您是一名编码人员，为什么我应该关心您可能认为的电子邮件。好吧，我们每天都收到数十封电子邮件。我们程序员不喜欢接收电子邮件的众多原因之一就是电子邮件的编写方式。因此，以身作则，尝试以读者希望阅读的方式编写电子邮件。
82.不要当网守
这个世界上已经有足够多的问题，因此您真的不应该在知识，工作或社区中歧视或排斥其他人。仁慈谦虚，它会回报！
83.跟随伟人
老实说，您追随了多少人，而您实际上并不了解或不了解他们的实际行为？尝试将您追随的人减少到真正为您提供专业知识或其他机会价值的人。
84.承担新的风险
我们大多数人生活在我们的舒适区中，很难摆脱困境。但是，如果不冒险，获得回报的机会就很少。不一定要危险的事情，而是诸如申请新工作，写书或创建产品之类的事情。
85.了解机器学习
机器学习是当前最热门的学科之一。薪水高于平均水平，对熟练开发人员的需求很高。如果您正在寻找新的挑战或想提高自己的技能-机器学习现在是一个很好的机会！
86.保持谦虚
不要将事情视为理所当然，也不要取笑那些刚开始从事事业的人。我们都从某个地方开始，希望我们有很棒的人能够支持我们！
87.追踪进度
如果无法衡量，就无法改进。
如果您认为自己没有取得足够的进展或进展，可能是时候开始跟踪进度了。提交，代码行，课程，书籍，证书等，但要跟踪。
88.学习如何利用文件
在寻求帮助之前，可以通过查看正确的文档来解决许多问题。即使您刚开始，例如使用新框架，也可以从文档中学到很多东西。通常，您甚至不需要上一门课，这些文档就足够了。
89.选择质量胜于速度
这是一个快节奏的世界和行业。但这并不意味着匆忙完成所有事情。质量很重要，所以要花时间在您所做的事情上。例如，不要为代码编写测试，因为您认为自己没有时间！
90.参加工作面试
即使您现在不需要工作，也可以不时选择参加面试以保持实践并查看您的市场价值，这是一个不错的策略。
91.帮助他人为面试做准备
很多人在面试中挣扎，如果有人帮助他们做准备并充当备用伴侣，他们将非常感激。
92.投资自己
花费金钱和时间的最佳方法是将钱投资在自己和事业上。付费课程或证书是投资自己的好方法，并且从长远来看通常会有所回报。
93.投资您的工具
您不需要每年都购买那种新颖的MacBook或iPhone。但是您会在计算机前花费大量时间，因此请不要总是购买最便宜的东西。好的显示器，键盘，鼠标是必须的。支持您健康的椅子非常重要。帮助您进行编程和开发的工具也可以提供巨大的价值。
94.尝试在家工作
在Covid-19大流行期间，我们许多人被迫在家中工作。很多人为此而苦苦挣扎，而其他人则喜欢它。但是，如果您采取适当的方式，对您和您的家人来说真的很酷。许多公司都知道员工在家工作意味着什么，因此要诚实地交流您的需求和恐惧。
95.获得远程工作
作为软件开发人员，您通常可以在世界任何地方工作。这为您提供了与最伟大的公司，最酷的产品和最聪明的人一起工作的无数机会。
96.找一份有目的的工作
许多人上班是因为他们需要钱。很好 他们把时间换成薪水，这没有错。但是，如果您像我一样认为还有9到5个工作要做，那么您应该尝试找到有目的的工作。例如，可以是社区，社会或开放源代码领域的东西。
97.加入一家创业公司
无论您是行业资深人士还是绝对的新手，在启动环境中工作都可能充满挑战和收获。许多事情要做，从一开始就肩负起责任，没有明确的职业道路，而且往往远超一切。
98.申请新工作
对他们来说，您必须在技术行业中不断更换工作，以增加薪水并保持相关性。我认为并非每种情况都如此，但有时候找一份新工作是有意义的。有毒的老板或同事，薪水较高，新技术或学习机会，或者远程工作的观点。如果您有理由申请新工作，则应该这样做。
99.加入编码训练营
编码训练营已经出现在过去的几年中，它确实可以帮助您快速开始作为软件开发人员的职业，特别是如果您来自非技术领域。许多公司接受Bootcamp毕业生担任初级职位。
100.探索云技术
云只是别人的计算机。
如果您是否这样看，云技术无处不在，许多公司专门雇用了具有AWS，Azure或GCP经验的开发人员。因此，如果您想迈出职业生涯的下一步或试图与未来保持联系，请了解云计算和云技术！
101.永不放弃
有时每个人都在挣扎-多一些，少一些。这并不总是那么容易。但是您并不孤单，我们都从某个地方开始。你能行的！
就是这样。这是我写过的最长的帖子。并非所有内容都与你相关或适用于你当前的情况，但我希望你可以从此列表中受益。让我们作为一个社区互相帮助！
如果你喜欢我写的文章，请关注我，以了解有关编程，制作，写作和职业的更多信息