端到端测试(End to end)是现代应用中的一种常见的测试方式，它模仿用户在客户端的 UI 界面执行操作。与单元测试(Unit Test)不同，前者主要通过测试函数的输入、输出、抛出错误等数据，确保其能...

前置条件 一台云服务器 云服务器上已安装Docker 了解Docker基础 使用Docker安装Jenkins 参考github文档安装 docker run --name docker_jenkins --privileged=true -itd -p 8080:8080 -p 50000:5...

背景 最近在项目中要实现一个拖拽头像的移动效果，一直对JS Dom拖拽这一块不太熟悉，甚至在网上找一个示例，都看得云里雾里的，发现遇到最大的拦路虎就是JS Dom各种各样的距离，让人头晕眼花，...

在平常项目中，我们经常会使用到 promise，比如处理接口请求的时候，一般会用到的 axios，就是一个基于 promise 的网络请求库。看似简单的 promise 背后，其实也隐藏着诸多你知道或者不知道的细...

为什么要写单元测试，测哪些点？ 单元测试是对单个单元或软件组件进行测试的一种软件测试。它的目的是验证每个代码单元是否按预期执行。单元可以是一行代码、一个方法、一个组件。 为什么要编写...

Halo Word！大家好，我是大家的林语冰（挨踢版）~ 今天我们来伪科普一下下——undefined 为什么不设计为保留字？ 敏感话题（省流版） 简单谈谈你对 undefined 进化史的理解？ 黑科技 void 0 从...

在上篇文章 学会使用 react hook，从转变心智模型开始 里，我们介绍了正确的 react hook 心智模型应该是什么样的，但是在实际开发时依旧会遇到很多问题让你怀疑自己的设计思路是否正确。或者在...

引言 小编最近尝试了使用 flutter web 开发项目工具。由于仅是个人工具，没有放在公司的服务器上。在没有个人服务器资源的情况下，小编尝试了两种方案发布部署自己的 web 项目。 两种部署方式的...

前言 今日的主题是React的绝对核心DOM-DIFF，想要了解React的更新流程，就非常有必要理解DOM-DIFF。废话不多说，我们直接开始吧。 DOM-DIFF 在聊具体如何diff之前，我们先来了解diff的几个原则...

写在前面 现如今的可视化大屏产品设计已经非常成熟，其中大屏搭建页面基本采用了相同的设计方案。大屏搭建页面一般可以分为三个模块：组件及图层管理模块，大屏页面编辑模块，组件编辑和数据源...

不以繁琐为名，更以简洁为声！ 作为一名Api调用工程师，深知在前端开发中的各种挑战和痛点。在我们开发过程中，代码的可维护性和可扩展性是至关重要的因素。TypeScript（简称TS）作为JavaScript...

一、需求背景 在实现组件拖拽设计过程中，发现组件样式中设置了 display: flex属性信息，导致组件生成后无法实现拖拽效果，网上查阅资料后发现Flex布局大有天地。 二、Flex 来源 传统的布局解决...

对于技术来说现在是艰难的时期，都懂～，现在也是美好的时期，革命性新技术让人兴奋不已，言归正传，前端 + ChatGPT可以怎么玩儿？ 前端 + ChatGPT 可以怎么结合？ 已代码为核心 以代码为核心，...

“我正在参加「掘金·启航计划」” 一、React组件化开发 什么是组件化开发? 组件化是一种分而治之的思想: 如果我们将一个页面中所有的处理逻辑全部放在一起,处理起来就会变得非常复杂,而且不利...

在我们的业务中，我们遇到比较通用的布局，上中下，上左中下以及更为复杂的结构，在一些常用交互设计上，我们究竟选择何种布局方案，最后都会产生不同的效果，在用户体验上来看也会千差万别。本...

react 是什么？ React是一个声明式,高效且灵活的用于构建用户界面的JavaScript库; 使用React可以将一些简短,独立的代码片组合成复杂的UI界面,这些代码片段就是组件 一个用于构建用户界面的 js ...