- 博客(59)
- 收藏
- 关注
RSS订阅原创 从2023看2024前端发展趋势
流光溯影，纵观2023全年，整个前端业界呈现出百业凋零之状，更不乏有“前端已死”等论调甚嚣尘上。从全局视角看IT行业，除了AI领域的大语言模型爆发外，整体都鲜有特别亮眼及突出的技术展现。故而，作为IT领域中细分方向的前端行业，加之整体经济周期的影响，今年的这种形势也算因之有素。然则，行有不得则需反求诸己，私以为各位前端同学应该以“守正”之心念搏“出新”之机遇。因此，以下个人将分享一些各位前端同学应该调整的策略以及未来一年中一些可能出现的机会与趋势。
2023-12-31 20:06:11
1464
2
原创 基于 Webpack 插件体系的 Mock 服务
本文从前端研发过程中的 Mock 需求场景出发，结合前端业界通用的 Webpack 工程化的方案来提供 Mock 服务，以期能够给读者提供一些 Mock 工程化的实现方案借鉴。
2023-12-24 00:23:38
1117
1
原创 软考高级系统架构师冲关预测
在即将迎来今年的软考高架的时候，想着透过之前的考试经历，并结合新版大纲和教程的变化，简单分享下整个软考高级系统架构师的感悟以及今后可能的一些重点把握。
2023-10-27 21:06:21
523
原创 面向边缘场景的 PWA 实践
本文旨在通过工业互联网场景下的一个实践案例，浅析面向边缘情形下的前端研发模式升级，以期能够给有边缘场景应用开发需求的读者提供一定的思路与借鉴。
2023-10-26 00:41:30
252
原创 AntV G6新版源码浅析
本文旨在通过简要分析G6 5.x版本源码来对图可视领域的一些底层引擎进行一个大致了解，同时也为G6引擎的社区共建共享提供一些力量，可以更好的提供插件化功能的编写。
2023-06-26 00:11:27
417
原创 项目管理PMP过关总结
经过近两个月的漫长等待，昨日终于成功上岸。由于去年受疫情影响，本来原定于去年11底的PMP考试延期到了今年3月才进行考试。在获得结果后的第一时间，趁着还有些许记忆，准备分享下整个PMP一路下来的心路历程。
2023-05-14 00:38:14
469
原创 第十六届D2大会（II）
一、State of Deno in 2022优秀网络模块设计，对Server或者云函数等可能更有利Deno on MDN二、云原生 WebAssembly 与 Serverlesswasm定义为一个容器，不需要起操作系统，只需启动进程，效率更高WasmEdge设计：基于类service mesh的微服务调度，如WasmEdge+Dapr三、Node.js Web 框架再进化 - 面向前端与未来标准框架层出不穷在于web框架都有适用场景与规则
2021-12-19 20:15:05
455
原创 前端网关踩坑实践
项目背景在后端微服务中，常见的通常会通过暴露一个统一的网关入口给外界，从而使得整个系统服务有一个统一的入口和出口，收敛服务；然而，在前端这种统一提供网关出入口的服务比较少见，常常是各个应用独立提供出去服务，目前业界也有采用微前端应用来进行应用的调度和通信，其中nginx做转发便是其中的一种方案，这里为了收敛前端应用的出入口，项目需要在内网去做相关的部署，公网端口有限，因而为了更好接入更多的应用，这里借鉴了后端的网关的思路，实现了一个前端网关代理转发方案，本文旨在对本次前端网关实践过程中的一些思考和踩坑进.
2021-11-22 00:30:53
2354
原创 PC端高倍屏适配方案实践
项目背景随着PC端屏幕的发展，PC端也逐步出现了更高倍数的屏幕，相对于手机端的Retina屏，PC端也出现了多倍数适配的要求，本文主要是PC端高倍屏幕适配方案的一个实践总结，希望能给对PC端有适配高倍屏幕需求的同学有一些思路的启发和借鉴原理分析随着屏幕技术的发展，越来越多的PC设备配备了大尺寸高清屏幕，对于之前只需要在PC端实现的web应用就需要考虑类似手机端的移动应用相关的适配原则了，我们先来看一下手机端的高清屏幕的一个原理，对于纸媒时代来说，我们常用DPI(Dot Per Inch)即网点密度.
2021-10-29 22:25:16
1092
原创 Web内容安全策略浅析
前言Web安全问题一直是前端领域一个绕不开的话题，但很多前端人员对Web的相关安全策略都只停留在面试过程中，本文主要是对上线过程中遇到的安全问题踩坑进行了一个总结，旨在对Web安全相关问题能有一个更为立体切身的体会，也希望能给大家提供一些踩坑时候的参考。背景XSS vs CSRFXSSXSS是Cross-site scripting的缩写，为了和Cascading Style Sheets进行区分，因而将其简写为XSS：Cross-site scripting (XSS) is a secu.
2021-08-17 01:40:35
398
原创 前端常见算法题(动态规划篇)
路径问题2021.05.13No.514 自由之路电子游戏“辐射4”中，任务“通向自由”要求玩家到达名为“Freedom Trail Ring”的金属表盘，并使用表盘拼写特定关键词才能开门。给定一个字符串 ring，表示刻在外环上的编码；给定另一个字符串 key，表示需要拼写的关键词。您需要算出能够拼写关键词中所有字符的最少步数。最初，ring 的第一个字符与12:00方向对齐。您需要顺时针或逆时针旋转 ring 以使 key 的一个字符在 12:00 方向对齐，然后按下中心按钮，以此逐个.
2021-08-11 23:40:07
425
原创 前端常见算法题(链表篇)
反转问题2021.02.11No.25 K个一组翻转链表给你一个链表，每 k 个节点一组进行翻转，请你返回翻转后的链表。k 是一个正整数，它的值小于或等于链表的长度。如果节点总数不是 k 的整数倍，那么请将最后剩余的节点保持原有顺序。示例：给你这个链表：1->2->3->4->5当 k = 2 时，应当返回: 2->1->4->3->5当 k = 3 时，应当返回: 3->2->1->4->5说明：你的算法只能使.
2021-08-10 23:34:07
278
原创 前端常见算法题(树篇)
算法题(树篇)遍历问题2020.11.02No.94 二叉树的中序遍历给定一个二叉树，返回它的中序 遍历。示例:输入: [1,null,2,3]12/3输出: [1,3,2]进阶: 递归算法很简单，你可以通过迭代算法完成吗？来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/binary-tree-inorder-traversal著作权归领扣网络所有。商业转载请联系官方授权，非商业转载请注明出处。方案一：/* * @l
2021-08-09 22:48:55
551
原创 前端常见算法题(数组篇)
一、和问题2020.09.21No.1 两数之和给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那 两个 整数，并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素不能使用两遍。示例:给定 nums = [2, 7, 11, 15], target = 9因为 nums[0] + nums[1] = 2 + 7 = 9所以返回 [0, 1]来源：力扣（LeetCode）链接：https://leetcode-cn.com.
2021-08-09 00:10:35
844
原创 前端常见算法题(字符串篇)
一、反转字符串2020.09.01No.344 反转字符串编写一个函数，其作用是将输入的字符串反转过来。输入字符串以字符数组 char[] 的形式给出。不要给另外的数组分配额外的空间，你必须原地修改输入数组、使用 O(1) 的额外空间解决这一问题。你可以假设数组中的所有字符都是 ASCII 码表中的可打印字符。示例 1：输入：[“h”,“e”,“l”,“l”,“o”]输出：[“o”,“l”,“l”,“e”,“h”]示例 2：输入：[“H”,“a”,“n”,“n”,“a”,“h”]输出.
2021-08-08 00:19:00
406
原创 postMessage踩坑实践
前言在低代码编辑器中进行页面预览常常不得不用到iframe进行外链的url引入，这就涉及到了预览页面与编辑器页面数据通信传值的问题，常常用到的方案就是postMessage传值，而postMessage本身在eventloop中也是一个宏任务，就会涉及到浏览器消息队列处理的问题，本文旨在针对项目中的postMessage的相关踩坑实践进行总结，也为想要使用postMessage传递数据的童鞋提供一些避坑思路。场景专网自服务项目大屏部署在另外一个url上，因而ui需要预览的方案不得不使用iframe进.
2021-08-04 00:03:29
891
原创 前端静态服务踩坑实践
前言随着前端项目的增大，越来越多时候会把动静态资源进行分离部署，对于分离部署时常常涉及到代理转发的问题，专网项目主要使用 nginx + docker + k8s的部署方式，本文主要分享一些相关项目的实践过程的踩坑历程及回顾思考。背景公司云环境提供了对象存储服务（ps：类似于腾讯云的对象存储COS），但出于安全考虑，整个环境都是基于内网的系统，其https的证书并未进行相关的CA机构认证，但专网自服务项目会涉及到在公网让客户访问的问题，浏览器对于没有CA认证的https会给出警告，需要用户进行点击.
2021-07-09 01:08:37
221
原创 数据结构算法在专网项目中的实践
# 数据结构算法在专网项目中的实践## 前言数据结构与算法作为计算机学科中至关重要的一门课程，在日常业务代码中常常很难用到或者说很难进行相关的实践，我们常常在leetcode中练习的习题感到没有用武之地。实际上，我们可以通过优化页面中的一些代码及在需求实现过程中对之前阅读过的源码或者之前练习过的习题进行相关的举一反三和触类旁通。本文列举了一些作者在日常业务代码书写过程中进行的一些相关数据结构算法的实践以及对于算法与数据结构练习的思考。## 业务需求- 自定义优先级规则展示
2021-07-02 00:41:50
157
原创 前端函数式编程浅析
前言在浅析函数式编程之前，我们需要明确两个前导概念，即：编程范式（Programming Paradigm）与设计模式（Design Pattern）：对于编程范式（Programming Paradigm），维基百科给出的定义如下：Programming paradigms are a way to classify programming languages based on their features. Languages can be classified into multiple.
2021-04-28 22:57:56
705
1
原创 可视化图布局算法浅析
前言图算法在前端领域考察的较少，一般除非是要写框架或者打包工具对依赖关系处理（DAG）会用到，前端对图算法的考察一般是比较少的，而对于可视化领域而言，图又是必不可少的一种展示方式，其中对于边和节点的展示布局方案结合美学效果会有不同的算法实现，本文旨在介绍一些常见的通用布局算法，其中的每个小的布局方案也会有不同的分支实现分类[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-56SV0h5w-1619266987469)(https://vleedesigntheory.gi.
2021-04-24 20:24:13
2726
原创 自服务大屏踩坑实践
项目背景客户自服务项目是为专网客户进行网络服务管理的Saas应用，旨在为客户提供便捷快速的网络服务支撑与展示，其中的可视化大屏作为客户端数据直观呈现的重要入口，产品侧希望给予用户侧一定的私人自定义功能，因而本文简单介绍了下相关实现的一些思路以及代码实现过程中一些比较有意义的bug回顾分析项目方案拿到产品需求的第一反应是low/no code实现方案，但业界较为常见的是H5页面的定制（ps：开源的大屏low code方案可以看一下小夕大佬的从零开发可视化大屏制作平台），并且其数据量不具有特殊性，基于产.
2021-04-06 22:17:32
118
原创 react17源码浅析
前言React17自去年十月发布以来，出现了几个比较重要的变化。首先，17作为一个过渡版本，其明确了在react中的定位，即：承上启下，作为渐进式框架的首版本，在后续的18、19等版本中会进行渐进升级而不是强制进行硬切换；其次，17结合最新的浏览器的特性做了一些更改和优化，比如对合成事件系统的优化；最后，自16以来的基于Fiber架构的模式对整个react性能优化在每个小版本中也会不断的进行逐步的微调，每次的微调都透露着react大佬们的一些思路与思考。本文以react17.0.0版本的源码入手，着重.
2021-03-09 01:38:47
725
原创 umi3源码探究简析
前言近期，团(ling)队(dao)准(yao)备(qiu)从Vue技术栈转向React技术栈，而且特别指定了使用Ant Design的设计组件库，出于相关生态考虑，我们决定采用蚂蚁金服团队相关react方案。选择理由如下：一来是React原装全家桶比较散，引包组装比较麻烦；二来是国内React生态相关方面阿里开源及社区做的比较突出，因而我们决定使用阿里React相关技术栈。基于组件库及相关可视化展示等因素，我们选择了蚂蚁金服团队的开源生态圈：umi + dva + antd + antv ( ps：.
2021-03-03 01:46:53
817
原创 几种微前端方案探究
前言随着技术的发展，前端应用承载的内容也日益复杂，基于此而产生的各种问题也应运而生，从MPA（Multi-Page Application，多页应用）到SPA（Single-Page Application，单页应用），虽然解决了切换体验的延迟问题，但也带来了首次加载时间长，以及工程爆炸增长后带来的巨石应用（Monolithic）问题；对于MPA来说，其部署简单，各应用之间天然硬隔离，并且具备技术栈无关、独立开发、独立部署等特点。要是能够将这两方的特点结合起来，会不会给用户和开发带来更好的用户体验？至此.
2021-01-26 02:22:37
1235
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人