流光溯影，纵观2023全年，整个前端业界呈现出百业凋零之状，更不乏有“前端已死”等论调甚嚣尘上。从全局视角看IT行业，除了AI领域的大语言模型爆发外，整体都鲜有特别亮眼及突出的技术展现。故而，作为IT领域中细分方向的前端行业，加之整体经济周期的影响，今年的这种形势也算因之有素。然则，行有不得则需反求诸己，私...

在软件研发流程中，对于前后端分离的架构体系而言，为了能够更快速、高效的实现功能的开发，研发团队通常来说会在产品原型阶段对前后端联调的数据接口进行结构设计及约定，进而可以分别同步进行对应功能的实现，提升研发速率。除了常见的研发流程提效之外，对于一些特殊的无法满足前后端联调场景下，也可在条件不允许的...

去年11月通过了软考高级系统架构师的考试，原本想立即分享下过关的总结回顾，但是随着软考新版大纲及教程的发布，也意味着题目及内容的复盘总结经验便不那么适用。在即将迎来今年的软考高架的时候，想着透过之前的考试经历，并结合新版大纲和教程的变化，简单分享下整个软考高级系统架构师的感悟以及今后可能的一些重点...

随着5G技术的发展，物联网边缘侧主要应用于数据传输量大、安全要求高以及数据实时处理等行业与应用场景中。其中，边缘计算是一种分布式计算模式，其将计算资源和数据处理能力推向接近数据源的边缘设备，以减少延迟并提高响应速度。

AntV是蚂蚁金服全新一代数据可视化解决方案，其中G6主要用于解决图可视领域相关的前端可视化问题，其是一个简单、易用、完备的图可视化引擎。本文旨在通过简要分析G6 5.x版本源码来对图可视领域的一些底层引擎进行一个大致了解，同时也为G6引擎的社区共建共享提供一些力量，可以更好的提供插件化功能的编写。

经过近两个月的漫长等待，昨日终于成功上岸。由于去年受疫情影响，本来原定于去年11底的PMP考试延期到了今年3月才进行考试。在获得结果后的第一时间，趁着还有些许记忆，准备分享下整个PMP一路下来的心路历程。

在前端开发过程中，常常面对多种业务场景。到目前为止，前端对于不同场景的处理通常会采用不同的渲染方案来组合处理，常见的渲染方案包括：CSR(Client Side Rendering)、SSR(Server Side Rendering)、SSG(Static Site Generation)、ISR(Incremental Site Rendering)、DPR(Distributed Persistent Rendering)、NSR(Native...

时光荏苒，回望即将过去的2022年，前端领域在这一年中整体还是保持平稳向前，但对整个IT产业链路及互联网行业来说，变化还是很大的，下面我将简单分享一下个人对整个行业领域的一些观点与思考。鄙人才疏学浅，难免管窥蠡测，如有相左，仅代表个人观点，还望各位大佬包涵。

一、无极：面向复杂B端项目的低代码平台设计与实践页面片：自定义的最小低代码开发单元，包括：数据、布局、业务逻辑等低代码编辑器可配合配置分支管理、DevTool等能力，提供更好的工程体验二、基于H5页面“高差指纹”技术的大规模显示状态监控对页面特征采集后进行trace处理Document.elementFromPoint和Document.elements...

常见js引擎，如：v8、jsc、quickjs、hermes、jerryscript等对场景支撑不足，qking基于quick.js进行二次开发

随着业务的不断发展，研发链路的效能提升也是一个至关重要的指标，其中对前端工程基建而言，其上游部分主要是和设计师同学打交道，而在整个研发链路中，通常会有设计走查的流程来让设计师同学辅助测试同学完成UI测试。设计师在进行走查的过程中，肉眼的比对偶尔会忽略一些细微部分，同时也会耗费设计师大量的精力，为了...

随着前端业务的不断发展，前端对设计稿的还原程度也成为了影响用户对产品体验的一个关键指标，作为最靠近用户侧的研发，前端工程师通常需要和设计师同学通力配合来提升用户体验。其中，设计走查是设计同学最常见的测试前端同学是否完美还原了自己设计理念的方式，本文旨在通过设计走查平台在前端侧的实践总结下在前端上...

在前端部署过程中，通常会使用nginx作为部署服务器，而对于默认的nginx服务来说，其提供了对应的日志记录，可以用于记录服务器访问的相关日志，对于系统稳定性及健壮性监控来说，日志采集、分析等能够提供更加量化的指标性建设，本文旨在简述前端应用及打点服务过程中所需要使用的nginx采集方案。

随着时代的发展，网络通信已经成为人们日常生活中不可或缺的一部分。在5G时代背景下，传统的网络通信已经不能满足工业侧及企业强应用通信的需求，出于安全性、稳定性的要求，专有网络通信逐步成为通信市场的一支重要力量。作为通信运营商，我们更是应该在专网通信领域展现出自身的通信优势。

在前端领域，我们常常需要跟色彩打交道，除了一部分从设计转过来的前端外（ps：历史原因），后来的新生代前端绝大多数基本都是学理工科出身的，一般没有经过专门的设计训练和培养，这样在还原设计图的过程中对于色彩的理解都会或多或少有些出入，从而导致设计和前端产生不必要的矛盾（ps：本是同根生，都相互体谅下），...

前端开发过程中，我们常常忽略单元测试的功能和重要性，一个好的测试覆盖是软件稳定运行的前提和保证，作为软件工程研发领域不可获取的步骤，通常按照测试粒度可以区分为 单元测试、集成测试、E2E测试（UI测试），通常的测试会将最后一个粒度定位为系统测试，但是对于前端而言通常就是UI或者E2E测试，有的公司会把E2E测...

AntV是蚂蚁金服全新一代数据可视化解决方案，其中X6主要用于解决图编辑领域相关的解决方案，其是一款图编辑引擎，内置了一下编辑器所需的功能及组件等，本文旨在通过简要分析x6源码来对图编辑领域的一些底层引擎进行一个大致了解，同时也为团队中需要进行基于X6编辑引擎进行构建的图编辑器提供一些侧面了解，在碰到问题...

前端开发过程中常常需要用到的图片等资源，除了使用常见的第三方图床外，我们也可以自己搭建一个私有图床，为团队提供前端基础服务。本文旨在回顾总结下自建图床的后端部分实现方案，希望能够给有类似需求的同学一些借鉴和方案。另外说一下，由于是前端基础建设，这里我们完全由前端同学所熟悉的node.js来实现所需要的后...

前端开发过程中不可避免会用到图片、视频等多媒体物料，常见的处理方案通常会进行动静分离，将图片等资源放置在图床上，除了使用业界常用的图床资源，比如：七牛云、微博图床等，除了借助第三方图床外，我们也可以自己搭建一个图床，为团队业务开发提供更好的基础服务，提升开发体验及效率。本文旨在回顾总结下自建图床...

前端脚手架是前端工程化中一项重要的提升团队效率的工具，因而构建脚手架对于前端工程师而言是一项不可获取的技能，而业界对于部署方面的脚手架相对较少，一般来说都是针对于业务的相关模板进行相关的工程化脚手架构建，本文旨在提供一些对前端部署相关的脚手架实践方案，希望对构建工程链路相关的同学能有所帮助。

又到了年底，回顾一下整个2021年的前端历程，总体来说前端趋向到了一个比较稳定的发展阶段，虽然仍然有许多层出不穷的库及轮子，但整体来看其实今年最突出的前端发展其实可以概括为以下几个关键词，即：工程基建、低代码、多语言、云+边+端。从不同大厂对整个前端的划分视角来看，整体可以分为两大类，一类是聚焦化，比...

一、State of Deno in 2022优秀网络模块设计，对Server或者云函数等可能更有利Deno on MDN二、云原生 WebAssembly 与 Serverlesswasm定义为一个容器，不需要起操作系统，只需启动进程，效率更高WasmEdge设计：基于类service mesh的微服务调度，如WasmEdge+Dapr三、Node.js Web 框架再进化 - 面向前端与未来标准框架层出...

在后端微服务中，常见的通常会通过暴露一个统一的网关入口给外界，从而使得整个系统服务有一个统一的入口和出口，收敛服务；然而，在前端这种统一提供网关出入口的服务比较少见，常常是各个应用独立提供出去服务，目前业界也有采用微前端应用来进行应用的调度和通信，其中nginx做转发便是其中的一种方案，这里为了收敛前...

随着PC端屏幕的发展，PC端也逐步出现了更高倍数的屏幕，相对于手机端的Retina屏，PC端也出现了多倍数适配的要求，本文主要是PC端高倍屏幕适配方案的一个实践总结，希望能给对PC端有适配高倍屏幕需求的同学有一些思路的启发和借鉴

Web安全问题一直是前端领域一个绕不开的话题，但很多前端人员对Web的相关安全策略都只停留在面试过程中，本文主要是对上线过程中遇到的安全问题踩坑进行了一个总结，旨在对Web安全相关问题能有一个更为立体切身的体会，也希望能给大家提供一些踩坑时候的参考。

电子游戏“辐射4”中，任务“通向自由”要求玩家到达名为“Freedom Trail Ring”的金属表盘，并使用表盘拼写特定关键词才能开门。​给定一个字符串 ring，表示刻在外环上的编码；给定另一个字符串 key，表示需要拼写的关键词。您需要算出能够拼写关键词中所有字符的最少步数。​

反转问题2021.02.11No.25 K个一组翻转链表给你一个链表，每 k 个节点一组进行翻转，请你返回翻转后的链表。k 是一个正整数，它的值小于或等于链表的长度。如果节点总数不是 k 的整数倍，那么请将最后剩余的节点保持原有顺序。 示例：给你这个链表：1->2->3->4->5当 k = 2 时，应当返回: 2->1->4->3...

遍历问题2020.11.02No.94 二叉树的中序遍历给定一个二叉树，返回它的中序 遍历。示例:输入: [1,null,2,3]   1    \     2    /   3输出: [1,3,2]进阶: 递归算法很简单，你可以通过迭代算法完成吗？来源：力扣（LeetCode）链接：[链接]著作权归领扣网络所有。商业转载请联系官方授权，非商业转载请注明出处。方案一： {代...

一、和问题2020.09.21No.1 两数之和给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那 两个 整数，并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素不能使用两遍。 示例:给定 nums = [2, 7, 11, 15], target = 9因为 nums[0] + nums[1] = 2 + 7 = 9所以...

反转字符串2020.09.01No.344 反转字符串编写一个函数，其作用是将输入的字符串反转过来。输入字符串以字符数组 char[] 的形式给出。不要给另外的数组分配额外的空间，你必须原地修改输入数组、使用 O(1) 的额外空间解决这一问题。你可以假设数组中的所有字符都是 ASCII 码表中的可打印字符。示例 1：输入：["h","e","l",...