1. 创建项目 2. 安装项目使用的技术库 3. 定义或者修改脚手架的配置 4. 编写一个实时获取根FontSize大小的js 5. 配置本地代理 7. 部署项目 8. 代码部署到服务器上

在实际项目开发中，前端 er 常常会面对多个环境的接口：开发环境、测试环境、生产环境，所以项目中网络请求的 baseUrl也需要跟随这些环境来变化。 .env：默认。 .env.local：本地覆盖。除 test 之外的所有环境都加载此文件。 .env.development,…

通过es6新增class的属性创建的组件此组件创建简单. React 16.3版本后，使用此方法来创建ref。将其赋值给一个变量，通过ref挂载在dom节点或组件上，该ref的current属性,将能拿到dom节点或组件的实例 子组件通过React.forwardRef来创建，…

该项目会以 React 全家桶 (会使用 16.8 最新 API 及 hooks) 以及 mobx 数据流方案为基础打造的一款高质量的移动端音乐类 WebApp 。 axios: 用来请求后端 api 的数据。 此篇为第一篇，主要是 网易云 EggJs API 的实现。后面的数…

本项目是一个高仿B站移动端项目，基于我之前搭建过的SSR服务端渲染模板开发，开发的初衷是想使用此模板进行实战，实战后才能说明模板的可靠性。前端大部分都是页面展示，基本上没什么可仿的，看多了就会觉得腻，就选了B站，核心功能在于视频播放和弹幕，主要用于学习和交流，还请B站团队海涵。…

源码附在文章末尾, 注意查收。 做为一个基于antd-design-pro和react hooks打造的后台管理系统项目，该项目利用了antd-design-pro提供的权限认证、配置化路由、页面布局组件、面包屑等功能，完成了登录、首页、产品、用户几大模块的开发。由于个人感觉a…

G2 是一套基于可视化编码的图形语法，以数据驱动，具有高度的易用性和扩展性，用户无需关注各种繁琐的实现细节，一条语句即可构建出各种各样的可交互的统计图表。 同时，G2 也是 AntV 最重要的组成，始于《The Grammar of Graphics》一书描述的视觉编码语法系统…

请求库各式各样，没有统一。 每次新起应用都需要重复实现一套请求层逻辑，切换应用时需要重新学习请求库 API。 各应用接口设计不一致、混乱。 前后端同学每次需重新设计接口格式，前端同学在切换应用时需重新了解接口格式才能做业务开发。 接口文档维护各式各样。 有的在语雀（云端知识库）…

随着vue/react这类以数据驱动为主的web框架的不断完善和壮大，越来越多的前端团队开始着手搭建内部的组件库。虽然目前市面上已经有很多功能强大且完善的组件库供我们使用，比如基于react的开源组件库ant-design，material，又比如基于vue的开源组件库elem…