维李设论_社区达人页

2023年05月

• 05.12 11:37:52
  发表了文章 2023-05-12 11:37:52

  postMessage踩坑实践

  在低代码编辑器中进行页面预览常常不得不用到iframe进行外链的url引入，这就涉及到了预览页面与编辑器页面数据通信传值的问题，常常用到的方案就是postMessage传值，而postMessage本身在eventloop中也是一个宏任务，就会涉及到浏览器消息队列处理的问题，本文旨在针对项目中的postMessage的相关踩坑实践进行总结，也为想要使用postMessage传递数据的童鞋提供一些避坑思路。
• 05.12 11:36:40
  发表了文章 2023-05-12 11:36:40

  Web内容安全策略浅析

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

  PC端高倍屏适配方案实践

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

  前端网关踩坑实践

  在后端微服务中，常见的通常会通过暴露一个统一的网关入口给外界，从而使得整个系统服务有一个统一的入口和出口，收敛服务；然而，在前端这种统一提供网关出入口的服务比较少见，常常是各个应用独立提供出去服务，目前业界也有采用微前端应用来进行应用的调度和通信，其中nginx做转发便是其中的一种方案，这里为了收敛前端应用的出入口，项目需要在内网去做相关的部署，公网端口有限，因而为了更好接入更多的应用，这里借鉴了后端的网关的思路，实现了一个前端网关代理转发方案，本文旨在对本次前端网关实践过程中的一些思考和踩坑进行归纳和总结，也希望能给有相关场景应用的同学提供一些解决方面的思路
• 05.12 11:34:32
  发表了文章 2023-05-12 11:34:32

  从2021看2022前端发展趋势

  回顾一下整个2021年的前端历程，总体来说前端趋向到了一个比较稳定的发展阶段，虽然仍然有许多层出不穷的库及轮子，但整体来看其实今年最突出的前端发展其实可以概括为以下几个关键词，即：工程基建、低代码、多语言、云+边+端。从不同大厂对整个前端的划分视角来看，整体可以分为两大类，一类是聚焦化，比如区分各个方向，每个方向做到极致；另一类是统筹化，将整个上下游链路打通，扩展前端的边界。私以为，这两种划分孰优孰劣很难断定，从宏观到微观，再从微观到宏观，只是思考的方式不同，这里我将从纵向和横向两个方向，换几个不同的视角来谈谈我对今年整体的前端发展态势以及2022年可能会出现的一些趋势与机遇
• 05.12 11:32:55
  发表了文章 2023-05-12 11:32:55

  前端部署脚手架专网项目实践

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

  前端图床搭建实践（前端）

  前端开发过程中不可避免会用到图片、视频等多媒体物料，常见的处理方案通常会进行动静分离，将图片等资源放置在图床上，除了使用业界常用的图床资源，比如：七牛云、微博图床等，除了借助第三方图床外，我们也可以自己搭建一个图床，为团队业务开发提供更好的基础服务，提升开发体验及效率。本文旨在回顾总结下自建图床的前端部分实现方案，希望能够给有类似需求的同学一些借鉴和方案。
• 05.12 11:30:50
  发表了文章 2023-05-12 11:30:50

  前端图床搭建实践（后端）

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

  AntV X6源码探究简析

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

  前端测试套件构建实践

  为了提升前端的开发效率，同时也为了减少前端编写单元测试代码的繁琐工作，testus测试套件旨在为前端测试开发工作提供便利，本文旨在介绍testus的一些设计理念及实现方案，希望能给前端基础建设中有关于测试构建相关工作的同学提供一些帮助和思路。
• 05.12 11:27:51
  发表了文章 2023-05-12 11:27:51

  前端需要了解的色彩知识

  在前端领域，我们常常需要跟色彩打交道，除了一部分从设计转过来的前端外，后来的新生代前端绝大多数基本都是学理工科出身的，一般没有经过专门的设计训练和培养，这样在还原设计图的过程中对于色彩的理解都会或多或少有些出入，从而导致设计和前端产生不必要的矛盾，本文旨在通过介绍相关的一些色彩知识，为大家提供一些设计和前端双重视角下的观点，也希望能够给大家提供一些对色彩的不同的认识和理解。
• 05.12 11:26:48
  发表了文章 2023-05-12 11:26:48

  浅析专网通信领域的前端架构设计

  本文旨在通过专网通信领域的业务实践，从系统性、结构性、健壮性等几个不同的维度来阐述前端架构设计过程中的考量与分析。
• 05.12 11:25:58
  发表了文章 2023-05-12 11:25:58

  前端日志采集方案浅析

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

  前端设计走查平台实践（前端篇）

  随着前端业务的不断发展，前端对设计稿的还原程度也成为了影响用户对产品体验的一个关键指标，作为最靠近用户侧的研发，前端工程师通常需要和设计师同学通力配合来提升用户体验。其中，设计走查是设计同学最常见的测试前端同学是否完美还原了自己设计理念的方式，本文旨在通过设计走查平台在前端侧的实践总结下在前端上游研发链路中的一些基础建设，以期能够为其他有相关需要的同学提供一些实践思路。
• 05.12 11:23:57
  发表了文章 2023-05-12 11:23:57

  前端设计走查平台实践（后端篇）

  设计师在进行走查的过程中，肉眼的比对偶尔会忽略一些细微部分，同时也会耗费设计师大量的精力，为了辅助设计同学能够更高效的进行设计走查，本文旨在通过设计走查平台在后端侧的实践总结下对于视觉稿还原程度比对的一些思路。
• 05.12 11:22:21
  发表了文章 2023-05-12 11:22:21

  vue脚手架多页自动化生成实践

  本文旨在针对门户类应用的场景下的Vue脚手架构建方案的一些总结和分析，通过自动化的配置脚本来生成模板化的多页应用实践，以期能够给读者提供一个基于Vue全家桶的门户类工程构建方案。
• 05.12 10:33:20
  发表了文章 2023-05-12 10:33:20

  从2022看2023前端发展趋势

  时光荏苒，回望即将过去的2022年，前端领域在这一年中整体还是保持平稳向前，但对整个IT产业链路及互联网行业来说，变化还是很大的，下面我将简单分享一下个人对整个行业领域的一些观点与思考。