Front-end bloggers are keen on all kinds of front-end oriented operations. They often write wherever they think of. If you are interested in technology and front-end effects, you can leave a message. After seeing it, the blogger will replace everyone’s stepping on the pit. Homepage:
oliver Yin Motto on the homepage
: If you fall down, get up~
I. Introduction
The content of this article comes from "State of Frontend 2022" , which is a statistical report on the front-end in 2022 at home and abroad. This report has actually been published before. When chatting with our company's friends recently, I found out that there are some friends I haven't seen it, so I want to share a part of it briefly, just watch it for fun!
Read it patiently, maybe you will gain something~
This is the next article, the corresponding chapter is 06-13, the address of the last article: https://oliver.blog.csdn.net/article/details/131325893
2. Text content
This report is divided into 13 subsections , this article corresponds to subsections 06-13 , and the previous part is subsections 01-05
2.1 06 Static-site generators
This section is about SSG (PS: Static site, simply put, it is a way of building a site, such as CSR client rendering, and SSR server rendering), which are used by more and more large companies;
In the past year, which SSG has been used, the top three are: Next.js , without using any framework , Gatsby ; But it's really amazing to be able to get to the second place without using any framework...)
In addition, due to the continuous development of Vue, the development of Nuxt.js is also very fast;
Next, what kind of SSG is the most favorite to use in work? The top three are: no framework , Next.js , Gatsby ;
Unexpectedly, None turned out to be the first place.... = =!
It is mentioned in the report that incremental generation is the most important function in the framework. This function makes the website only need to update the changed parts instead of regenerating the entire website;
(PS: Some friends may not understand this paragraph. This is actually related to the function of SSG. Interested friends can do it by themselves. Let me briefly say here that the biggest advantage of SSG is the combination of client-side rendering and server-side rendering. The advantage of rendering is that it directly outputs the result page to the html static site when it is built. When the client accesses it, it is equivalent to a static resource. It does not need to be rendered in the service or client . The advantage is to reduce the pressure on the server, and it is very friendly to SEO ! The disadvantage is also obvious, it is only suitable for static data, if it is changed frequently, it needs to be regenerated every time)
2.2 07 Hosting
This section mainly talks about the host machine, that is, the server environment;
The first thing to notice is that more and more people are now moving content from their traditional servers to cloud servers , and the proportion of using traditional servers has dropped by about 8% compared to 2020;
As far as respondents think moving away from traditional servers is not a bad thing, developers are saving their time more, if they can find a way that can help them solve most of the initialization problems, then they will still accept; In the long run, this is inevitable, and more people will move away from traditional servers; but this does not mean that traditional servers are useless, and they are still very necessary in some environments;
哪种托管服务是你经常使用的？前三名分别是：亚马逊，私人服务器，Vercel;（PS：缓缓打出一个问号，阿里云这么没有排面吗？）
还有一种情况，就是仅仅将前端托管到云服务器，这种情况的比例是64%；亚马逊web服务器以45%的占比位列榜首，考虑到亚马逊服务器是最大的云服务器提供商，这种现象并不奇怪；
谷歌和Azure的云服务器和亚马逊相比还是处于劣势的，如果Azure进一步推懂Azure静态web应用，那么会有什么结果，可以期待一下；
对我来说（对受访的这个开发），看到越来越多像Vercel和Netlify这样的服务商非常开心；这么多年以来，这些公司通过提供前沿服务，证明了他们处于行业的领先地位，同时为愿意入局的人创造了一个较低的门槛！
超过80%的受访者表示，CI已经存在于他们的工作流程中，这是一个好消息，它表明人们将SDLC（Software Development Lifecycle）添加到了日常工作流程中了;
在这次调查中，GitHub Actions位列榜首，相比2020年的35%，2022年增长到了56%。这表明更多的前端用户在日常中转向了GitHub Actions；
2.3 08 微前端
这一节是关于微前端的；
微前端正在走向成熟，如今的微前端受到了各种公司的欢迎，Netflix, PayPal 和 Amex已经在他们的一部分系统中加入了这种架构；
在过去的一年中是否使用过微前端的相关技术？约有24.6%的受访者表示是；（PS：比例还是不高，但对于平台类的站点，个人认为微前端不失为一种有效且优秀的选择）
经常使用的微前端方案有哪些？前三名有：Single-SPA，web Components，Module Federation；
微前端还有很长的路要走！还有很多问题需要解决，尽管如此，于前两年相比微前端确实取得了进步，上述调查统计也清楚的证明了这一点；
2.4 09 Browser technologies
这一节是关于浏览器技术的；
受访专家认为，他本以为关于websocket的使用率不应该超过5%，但实际上使用率高达42%；
在过去一年中，哪种浏览器技术被你使用到？前三分别是：websocket，clipboard，geolocation；
关于这个统计结果，受访专家表示可能有一些误差，但无论如何浏览器技术被更频繁的使用这件事本身是没有问题的。因为类似websokcet这种技术，哪怕不是需要实时交互的场景中也可以被使用；
另外，由一些技术，比如WebAssembly还很新，不仅是技术本身需要被持续不断的改进，甚至是浏览器对它的支持也是需要更新，另外WebAssembly是第一个真正标准化的字节码，由于它是一个编译目标，因此，它可以被从其他高级语言编译到WebAssembly；
2.5 10 Code management
这一个小节将的是关于代码管理的
浏览器编辑器正在兴起，这是因为远程工作的关系吗～
哪种桌面编辑器是你最喜欢的，前三名分别是：Vscode，JetBranins IDE，Vim（PS：是我孤陋寡闻了，竟然还有Vim.....）
涉及到桌面编辑器时，Vscode一直是榜首，开发人员一直在为Vscode添加一些非常厉害的扩展，与其他代码编辑器相比（如webstorm），这些扩展真的具有巨大的优势；
至于在线代码编辑器，受访专家对StackBlitz表示惊叹，他们将web容器添加进去，这样可以运行NodeJS，虽然CodeSandbox目前领先，但Stackblitz也没有气馁，竞争激烈！
哪一个是你最喜欢的在线编辑器，前三分别是：没有，CodeSandbox，StackBlitz；（PS：市场还有很大的空白，还有机会）
对于版本控制，GitHub则是非常领先，他们推出的很多功能都是令人惊叹的，最喜欢的版本控制前三分别是：GitHub，GitLab，ButBucket（PS：第三名的没有用过，只用过GitHub他们的...因此不做评价）
2.6 11 Testing
这一小节讲的是测试；
在软件开发团队中，谁参与测试？前三名分别是：开发者和QA，只有开发者，大多数时候是开发者；（PS：体感差不多，QA参与的程度还是远远不够，不知道是缺少QA人员，还是说是因为QA不了解程序无法测到边界导致QA参与的少...）
结果显而易见，88%的情况下开发人员都参与了测试；
在过去的一年中，你有进行过软件测试吗？80.5%的人表示测试过；
你会写哪种测试？榜首是 单元测试；
在过去的一年中，你使用了哪种测试工具？前三名分别是：Jest，Testing Library，Cypress；（PS：就我个人而言，我周边的人几乎都是Jest，这个我也是认同的）
2.7 12 Good practices
这一节讲的是一些最佳实践上的统计；
你多久进行一次程序上面的各种优化？
单元测试在前端开发中很常见，受访者中约有75%的人表示写这类测试；（PS：优化各种比例还挺高.....我以为应该是从不，或者是很少才对）
哪种好的方式你会用在前端项目中？前三名分别是：code review，ci/cd，versioning;
另外以下这些是本次问卷调查中被提出来的一些良好实践，如果你还没有使用，可以参考一下：
分支开发（就是git的主分支，开发分支，测试分支这种）
Feature标志；
敏捷开发
linting;
执行代码规范；
代码编写注释文档；
Stakeholders Map；
设计；
原型设计；
语意化开发；
视觉测试
高效率的编程；
你多久做一次英语程序的搜索引擎优化（SEO）?占比最高的是从不，占比28%...
另外，80.5%的受访者表示经常关于应用程序的响应，73.5%的经常关注性能，88.1%的经常关注用户体验；这是一个好的数字；
对于初学者而言，响应式应该是前端最重要的，因为最终产品会运行到不同的设备上，然后就是性能，这个性能包含很多方便，比如页面的响应速度，用户体验等等，2020年11月，谷歌新增了三个新的也没体验，构成了他们说的Core Web Vitals；分别是最大内容绘制（LCP），输入延迟（FID）和布局偏移（CLS）；
好的用户体验会直接影响转化率，有助于留住用户，或者可以使得他们对应用上更多其他内容产生兴趣；做到了这些就意味着更好的盈利，因此是绝大多数商业应用的核心；
你多长时间关注一次英语程序的可访问性？榜首的是经常，占比27.1%；
这个答案是令首发专家感觉惊讶的，竟然只有17%的受访者表示总是在做；他认为前端开发人员仍然是被动的，不是主动积极的去实现可访问性；
受访专家希望在接下来的几年里，能看到像是可访问性的关注度能达到安全性一样的高度；
你多久关注一次应用程序的响应式？榜首是 持续在做，占比50.3%；
多久关注一次应用程序的性能？榜首是 经常，占比37.9%；
多久关注一次用户体验？榜首是 持续在做，占比55.7%；
受访专家表示，现阶段的前端开发普遍会考虑测试和代码审查，但是，相对这两样前端开发也应该多考虑用户界面和用户体验，因为他们对系统的成功也同样至关重要～
2.8 13 Future of frontend
这一小节讲的是关于前端未来发展的；受访专家认为，前端正在逐渐进入稳定阶段；
在你看来，在现有的趋势中，哪一种会越来越瘦欢迎，哪一种会在未来几年消失？
总结下来就是，可访问性，组件驱动开发，跨平台应用，服务端渲染会在越来几年越来约受越受欢迎；以及微前端以13.3%的比例认为，未来会消亡；
早在2020年，就有20%的受访者表示微前端会消亡，但目前看来，微前端还没有消失，但大家对于微前端仍有众多意见，不知道未来会发展成什么样；
服务端渲染再次被提及，历史总是惊人的相似，开始的时候人们说程序的等待时间过长，应该交由前端去进行页面的渲染，但是后来反对者说还是有点慢，是不是渲染还应该由服务端去完成，直到最近，又说是不是应该前端做一点，服务端也做一点....尽管历史又一次回归，但这次是在我们多年的实践和内部改变后产生的；
跨平台应用未来也一定会得到更多的青睐，总的来说原因很简单，单独创建和维护移动APP是一笔很大的费用，如果能一个应用解决这个问题那么就可以节省一大笔开支；因此很多公司目前已经放弃了他们专门的移动团队，专心的将重心放到了跨平台应用上来；
三、小结
总的来说，6到13小节可圈可点的还是很多的，尤其是最后一小节中的跨平台应用，这个是实打实的可以帮助企业节省开支的方式，因此一定会得到更多的发展，因此，不管是纯前端还是原生的移动开发，都应该主动向这方面靠近，这可以大幅提高自己的竞争力；
至于微前端，由于博主没有过深的涉入这个方向的开发，因此个人感觉确实有用但是是否会在未来消亡不做评价，个人体感不会消亡；