![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 85
维李设论
专注大前端领域发展
展开
-
从2023看2024前端发展趋势
流光溯影,纵观2023全年,整个前端业界呈现出百业凋零之状,更不乏有“前端已死”等论调甚嚣尘上。从全局视角看IT行业,除了AI领域的大语言模型爆发外,整体都鲜有特别亮眼及突出的技术展现。故而,作为IT领域中细分方向的前端行业,加之整体经济周期的影响,今年的这种形势也算因之有素。然则,行有不得则需反求诸己,私以为各位前端同学应该以“守正”之心念搏“出新”之机遇。因此,以下个人将分享一些各位前端同学应该调整的策略以及未来一年中一些可能出现的机会与趋势。原创 2023-12-31 20:06:11 · 1527 阅读 · 2 评论 -
基于 Webpack 插件体系的 Mock 服务
本文从前端研发过程中的 Mock 需求场景出发,结合前端业界通用的 Webpack 工程化的方案来提供 Mock 服务,以期能够给读者提供一些 Mock 工程化的实现方案借鉴。原创 2023-12-24 00:23:38 · 1201 阅读 · 1 评论 -
面向边缘场景的 PWA 实践
本文旨在通过工业互联网场景下的一个实践案例,浅析面向边缘情形下的前端研发模式升级,以期能够给有边缘场景应用开发需求的读者提供一定的思路与借鉴。原创 2023-10-26 00:41:30 · 305 阅读 · 0 评论 -
AntV G6新版源码浅析
本文旨在通过简要分析G6 5.x版本源码来对图可视领域的一些底层引擎进行一个大致了解,同时也为G6引擎的社区共建共享提供一些力量,可以更好的提供插件化功能的编写。原创 2023-06-26 00:11:27 · 695 阅读 · 0 评论 -
项目管理PMP过关总结
经过近两个月的漫长等待,昨日终于成功上岸。由于去年受疫情影响,本来原定于去年11底的PMP考试延期到了今年3月才进行考试。在获得结果后的第一时间,趁着还有些许记忆,准备分享下整个PMP一路下来的心路历程。原创 2023-05-14 00:38:14 · 504 阅读 · 0 评论 -
vue脚手架多页自动化生成实践
vue脚手架多页生成原创 2023-02-27 23:00:27 · 495 阅读 · 0 评论 -
从2022看2023年发展趋势
2023年前端发展趋势原创 2022-12-31 23:48:40 · 873 阅读 · 0 评论 -
第十七届D2大会(II)
第十七届D2大会原创 2022-12-18 17:31:31 · 471 阅读 · 0 评论 -
第十七届D2大会(I)
第十七届D2大会原创 2022-12-17 18:20:57 · 649 阅读 · 0 评论 -
前端设计走查平台实践(前端篇)
前端设计走查平台实践原创 2022-09-27 01:39:07 · 707 阅读 · 0 评论 -
前端日志采集方案浅析
前端nginx日志采集方案浅析原创 2022-07-19 23:14:24 · 1920 阅读 · 0 评论 -
浅析专网通信领域的前端架构设计
专网通信领域的前端架构设计原创 2022-07-18 23:59:02 · 363 阅读 · 0 评论 -
前端需要了解的色彩知识
色彩知识包括色彩理论、色彩模型、色彩空间、色彩体系、色彩计算等色彩相关的内容原创 2022-05-30 19:17:32 · 1235 阅读 · 2 评论 -
前端测试套件构建实践
前端测试套件构建实践原创 2022-04-21 18:44:06 · 341 阅读 · 0 评论 -
AntV X6源码简析
AntV X6源码浅析原创 2022-03-06 21:40:15 · 1721 阅读 · 0 评论 -
前端图床搭建实践(前端篇)
前端图床搭建(前端侧)原创 2022-02-07 17:39:06 · 1683 阅读 · 0 评论 -
前端部署脚手架专网项目实践
前端部署脚手架原创 2022-01-17 00:31:57 · 2021 阅读 · 0 评论 -
从2021看2022前端发展趋势
2022前端发展趋势原创 2021-12-31 23:57:25 · 1662 阅读 · 0 评论 -
第十六届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 · 499 阅读 · 0 评论 -
第十六届D2大会(I)
第十六届D2大会原创 2021-12-18 18:23:07 · 636 阅读 · 0 评论 -
前端网关踩坑实践
项目背景在后端微服务中,常见的通常会通过暴露一个统一的网关入口给外界,从而使得整个系统服务有一个统一的入口和出口,收敛服务;然而,在前端这种统一提供网关出入口的服务比较少见,常常是各个应用独立提供出去服务,目前业界也有采用微前端应用来进行应用的调度和通信,其中nginx做转发便是其中的一种方案,这里为了收敛前端应用的出入口,项目需要在内网去做相关的部署,公网端口有限,因而为了更好接入更多的应用,这里借鉴了后端的网关的思路,实现了一个前端网关代理转发方案,本文旨在对本次前端网关实践过程中的一些思考和踩坑进.原创 2021-11-22 00:30:53 · 2414 阅读 · 0 评论 -
PC端高倍屏适配方案实践
项目背景随着PC端屏幕的发展,PC端也逐步出现了更高倍数的屏幕,相对于手机端的Retina屏,PC端也出现了多倍数适配的要求,本文主要是PC端高倍屏幕适配方案的一个实践总结,希望能给对PC端有适配高倍屏幕需求的同学有一些思路的启发和借鉴原理分析随着屏幕技术的发展,越来越多的PC设备配备了大尺寸高清屏幕,对于之前只需要在PC端实现的web应用就需要考虑类似手机端的移动应用相关的适配原则了,我们先来看一下手机端的高清屏幕的一个原理,对于纸媒时代来说,我们常用DPI(Dot Per Inch)即网点密度.原创 2021-10-29 22:25:16 · 1143 阅读 · 0 评论 -
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 · 440 阅读 · 0 评论 -
前端常见算法题(动态规划篇)
路径问题2021.05.13No.514 自由之路电子游戏“辐射4”中,任务“通向自由”要求玩家到达名为“Freedom Trail Ring”的金属表盘,并使用表盘拼写特定关键词才能开门。给定一个字符串 ring,表示刻在外环上的编码;给定另一个字符串 key,表示需要拼写的关键词。您需要算出能够拼写关键词中所有字符的最少步数。最初,ring 的第一个字符与12:00方向对齐。您需要顺时针或逆时针旋转 ring 以使 key 的一个字符在 12:00 方向对齐,然后按下中心按钮,以此逐个.原创 2021-08-11 23:40:07 · 492 阅读 · 0 评论 -
前端常见算法题(链表篇)
反转问题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 · 315 阅读 · 0 评论 -
前端常见算法题(树篇)
算法题(树篇)遍历问题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 · 607 阅读 · 0 评论 -
前端常见算法题(数组篇)
一、和问题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 · 952 阅读 · 0 评论 -
前端常见算法题(字符串篇)
一、反转字符串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 · 424 阅读 · 0 评论 -
postMessage踩坑实践
前言在低代码编辑器中进行页面预览常常不得不用到iframe进行外链的url引入,这就涉及到了预览页面与编辑器页面数据通信传值的问题,常常用到的方案就是postMessage传值,而postMessage本身在eventloop中也是一个宏任务,就会涉及到浏览器消息队列处理的问题,本文旨在针对项目中的postMessage的相关踩坑实践进行总结,也为想要使用postMessage传递数据的童鞋提供一些避坑思路。场景专网自服务项目大屏部署在另外一个url上,因而ui需要预览的方案不得不使用iframe进.原创 2021-08-04 00:03:29 · 996 阅读 · 0 评论 -
数据结构算法在专网项目中的实践
# 数据结构算法在专网项目中的实践## 前言数据结构与算法作为计算机学科中至关重要的一门课程,在日常业务代码中常常很难用到或者说很难进行相关的实践,我们常常在leetcode中练习的习题感到没有用武之地。实际上,我们可以通过优化页面中的一些代码及在需求实现过程中对之前阅读过的源码或者之前练习过的习题进行相关的举一反三和触类旁通。本文列举了一些作者在日常业务代码书写过程中进行的一些相关数据结构算法的实践以及对于算法与数据结构练习的思考。## 业务需求- 自定义优先级规则展示原创 2021-07-02 00:41:50 · 179 阅读 · 0 评论 -
前端函数式编程浅析
前言在浅析函数式编程之前,我们需要明确两个前导概念,即:编程范式(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 · 763 阅读 · 1 评论 -
可视化图布局算法浅析
前言图算法在前端领域考察的较少,一般除非是要写框架或者打包工具对依赖关系处理(DAG)会用到,前端对图算法的考察一般是比较少的,而对于可视化领域而言,图又是必不可少的一种展示方式,其中对于边和节点的展示布局方案结合美学效果会有不同的算法实现,本文旨在介绍一些常见的通用布局算法,其中的每个小的布局方案也会有不同的分支实现分类[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-56SV0h5w-1619266987469)(https://vleedesigntheory.gi.原创 2021-04-24 20:24:13 · 3512 阅读 · 0 评论 -
自服务大屏踩坑实践
项目背景客户自服务项目是为专网客户进行网络服务管理的Saas应用,旨在为客户提供便捷快速的网络服务支撑与展示,其中的可视化大屏作为客户端数据直观呈现的重要入口,产品侧希望给予用户侧一定的私人自定义功能,因而本文简单介绍了下相关实现的一些思路以及代码实现过程中一些比较有意义的bug回顾分析项目方案拿到产品需求的第一反应是low/no code实现方案,但业界较为常见的是H5页面的定制(ps:开源的大屏low code方案可以看一下小夕大佬的从零开发可视化大屏制作平台),并且其数据量不具有特殊性,基于产.原创 2021-04-06 22:17:32 · 141 阅读 · 0 评论 -
react17源码浅析
前言React17自去年十月发布以来,出现了几个比较重要的变化。首先,17作为一个过渡版本,其明确了在react中的定位,即:承上启下,作为渐进式框架的首版本,在后续的18、19等版本中会进行渐进升级而不是强制进行硬切换;其次,17结合最新的浏览器的特性做了一些更改和优化,比如对合成事件系统的优化;最后,自16以来的基于Fiber架构的模式对整个react性能优化在每个小版本中也会不断的进行逐步的微调,每次的微调都透露着react大佬们的一些思路与思考。本文以react17.0.0版本的源码入手,着重.原创 2021-03-09 01:38:47 · 780 阅读 · 0 评论 -
umi3源码探究简析
前言近期,团(ling)队(dao)准(yao)备(qiu)从Vue技术栈转向React技术栈,而且特别指定了使用Ant Design的设计组件库,出于相关生态考虑,我们决定采用蚂蚁金服团队相关react方案。选择理由如下:一来是React原装全家桶比较散,引包组装比较麻烦;二来是国内React生态相关方面阿里开源及社区做的比较突出,因而我们决定使用阿里React相关技术栈。基于组件库及相关可视化展示等因素,我们选择了蚂蚁金服团队的开源生态圈:umi + dva + antd + antv ( ps:.原创 2021-03-03 01:46:53 · 854 阅读 · 0 评论 -
几种微前端方案探究
前言随着技术的发展,前端应用承载的内容也日益复杂,基于此而产生的各种问题也应运而生,从MPA(Multi-Page Application,多页应用)到SPA(Single-Page Application,单页应用),虽然解决了切换体验的延迟问题,但也带来了首次加载时间长,以及工程爆炸增长后带来的巨石应用(Monolithic)问题;对于MPA来说,其部署简单,各应用之间天然硬隔离,并且具备技术栈无关、独立开发、独立部署等特点。要是能够将这两方的特点结合起来,会不会给用户和开发带来更好的用户体验?至此.原创 2021-01-26 02:22:37 · 1359 阅读 · 0 评论 -
动态渲染拓扑图方案探究
前言拓扑图是数据可视化领域一种比较常见的展示类型,目前业界常见的可视化展现的方案有ECharts、HighCharts、D3、AntV等。当前的项目使用的是基于ECharts的静态关系图渲染,为了后续可能扩展成动态的拓扑图渲染,本文探索了ECharts的原理以及G6的原理,也算是对自研一个可视化库的基本实现方法做了一个梳理。方案选择ECharts关系图AntVG6Graphin源码解析ECharts源码[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来.原创 2021-01-23 02:05:02 · 1230 阅读 · 0 评论 -
Webpack5模块联邦源码探究
前言虽然webpack5已经发布了一段时间了,但一直都没有研究过,最近正好在做微前端相关的调研,恰好看到了webpack5的模块联邦与微前端的相关方案,便想着探究下模块联邦的相关源码。(ps:关于微前端,稍微说一句,个人觉得在选取微前端方案的时候可有结合现有资源以及形态进行相关取舍,从共享能力、隔离机制、数据方案、路由鉴权等不同维度综合考量,个人使用最小的迁移成本,渐进式的过渡,才是最优的选择。)目录结构containerModuleFederationPlugin.js (核心,重点分析).原创 2021-01-20 00:53:04 · 1025 阅读 · 2 评论 -
从2020看2021前端发展趋势
前言又到了年底,想简单谈谈这一年前端的发展,以及21年可能会出现的一些趋势。毋庸置疑,2020年确实是不平凡的一年,对前端来说,私以为可以用“大前端持续深耕,泛前端兼容并包”这十四个字来形容。这里需要明确一下我对“大前端”以及“泛前端”这两个概念的理解:首先大前端可以分为广义的“大前端”和狭义的“大前端”,市面上常说的大前端主要分为这两类,所谓广义的“大前端”是指以前端技术解决所有本属于其他领域问题的前端技术,这里其实是包含了后边所说的泛前端的概念,也就是说只要是使用前端技术去解决的都可以定义为“大前.原创 2020-12-31 23:02:34 · 2596 阅读 · 1 评论 -
flexiwan项目踩坑实践(前端篇)
项目背景flexiManage是以色列一家初创公司flexiWAN开源的基于SD-WAN平台的应用层的框架,包括flexiManage服务端框架以及硬件侧的flexiAgent框架,然而其并没有开源前端框架,为了验证其SD-WAN方案的可行性,需要快速搭建一个前端应用项目选型由于探索性质,项目要求能快速搭建,因而放弃了Ant Design Pro以及Vue Element Admin,而是选用了阿里飞冰(ice)的Fusion Design Lite来进行前端页面的搭建目录结构srcc.原创 2020-12-20 22:43:54 · 3281 阅读 · 0 评论