自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(3)
  • 收藏
  • 关注

原创 前端代码格式化工具

前端代码格式化工具前言在多人合作开发项目的过程中,由于每个程序员的编程习惯不同,经常会出现代码风格不一致的情况。由此引发出了一个问题 ---- 代码提交时,会出现大量的格式修改。于是,我们制定了统一的开发标准来规范代码风格。但是,程序员需要花费大量时间去熟悉开发标准,才能开发出风格统一的代码。于是,为了让程序员的开发工作更方便,我们使用了代码格式化工具,让它自动对代码进行格式化。目前,比较流行的代码格式化工具有 ESLint 和 Prettier 。接下来,我们就一起来了解一下它们的功能和使

2022-03-11 15:19:54 2914

原创 PostCSS

PostCSS背景在项目开发过程中,我们使用 rem 作为单位进行 CSS 样式开发。虽然 rem 用于适配各种型号的浏览器十分方便,但是它也有明显的缺点:在把设计图上的尺寸转换为 rem 时,我们需要自己进行计算,或者给开发工具安装插件,让开发工具来帮我们进行计算。在修改和维护已经开发完成的代码时,面对如下代码:.container { width: 2.66667rem; height: 1.6rem;}我们很难直观地知道这个 CSS 样式设置的尺寸具体是多少。那么有

2022-03-11 15:16:52 968

原创 微前端qiankun框架的主应用和微应用搭建

微前端qiankun框架的主应用和子应用搭建参考:qiankun官网主应用主应用不限技术栈,只需要提供一个容器 DOM,然后注册微应用并 start 即可。React主应用创建React项目:npx create-react-app main-app安装路由:npm i -S react-router-dom改写App.js,为子应用提供容器:import logo from './logo.svg';import './App.css';+ import {Link} fro

2021-07-23 11:07:06 131

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除