react
文章平均质量分 93
纯爱枫若情
前端数据可视化工程师
展开
-
react 中更好的 svg 使用方式
之前一直用 image 的方式使用 svg,后来,改把 svg 上传到阿里巴巴的 iconfont-阿里巴巴矢量图标库 使用。前段时间,iconfont 出问题了,不支持上传 svg,也不支持生成 cdn 了,只能下载到本地使用。后来,尝试使用了一下本地使用的方式,还是太麻烦,最主要,已经没法上传自己的 svg 了,还不利于团队协作,太不友好了。于是研究了一下,才发现,原来早就有更好的实现方式了,可以完全不依赖 iconfont 生成的资源来运作。说实话,有些细节,如果不是自己慢慢摸索,很难在一开始就发现。原创 2022-06-24 17:08:08 · 3921 阅读 · 0 评论 -
当使用 history 模式的前端路由时静态资源服务器配置详解
前言对于前端工程师而言,多多少少会碰到按需加载的需求。比如一个系统,需要用户登陆以后才能使用,对于传统的前后端未分离的情况,我们一般的处理方式是,当检测到用户未登录的时候,一般会重定向到登录页面,让用户进行登录。但是对于前后端分离的情况,前端工程师一般倾向于单页面的处理模式,而想要处理这种情况的话,我们一般传统的做法是,会选择采用 location.search 的方式,即通过参数来判断。比如检测到用户没登陆,我们会刷新页面,自动在地址后面加上诸如 ?page=login 等形式的参数,原创 2021-05-19 12:40:42 · 1689 阅读 · 1 评论 -
打造最简洁的 typescript + react + webpack + eslint 开发环境
打造最简洁的 typescript + react + webpack + eslint 开发环境前言作为一枚前端开发者来说,与时俱进是少不了的。近些年来的各种前端开发工具层出不穷,让人眼花缭乱。虽然单纯的写一个页面,用 html、css、JavaScript 三者就够了,甚至有的简单的页面,连 JavaScript 也不需要,单凭 html + css 就足以胜任。但是对于大型的项目来说,不用前端框架开发,项目简直就是灾难现场。一般而言,大型项目都不会是由一个人单独开发完成的,而是需要多人协作原创 2020-06-21 16:40:44 · 1496 阅读 · 2 评论 -
解决 create-react-app 生成的项目中不弹出配置就无法自定义 eslint global 变量的问题
create-react-app 是非常好用的前端 react 脚手架工具,而且还是 Facebook 官方出品的,如果没有特殊的要求,现阶段一般都推荐直接使用这个来构建项目。但是最近碰到一个问题,折腾了我好久才找到解决方案。首先我们知道,create-react-app 默认是配置了 eslint 的,但是如果我们不将配置 eject 出来的情况下,我们是无法通过在项目根目录添加 .esli...原创 2019-10-13 10:55:26 · 998 阅读 · 0 评论