React
文章平均质量分 73
Joern-Lee
嵌入式-物联网-美好的未来~~~
展开
-
antd的Anchor锚点组件为什么没有随着页面滚动变化?
原创不易~看完若对你有所帮助,记得点一个赞哈,这就是对我最大的支持了!之前自己使用antd组件库的Anchor组件时遇到了一个问题,就是按照官方文档的用法配置组件之后发现我的Anchor锚点组件的锚点Title位置没办法随着我的页面滚动而变化。但是点击Title跳转具体锚定位置的功能却是没有问题的经过网上的一些资料搜索以及自己对API的实践,最终找到了问题所在,这里的Anchor组件有一个target属性,需要修改该属性来修改Anchor组件监听的滚动区域,默认情况下是监听body的滚动但是恰恰我们的业务场原创 2022-06-18 11:07:28 · 4739 阅读 · 0 评论 -
配置式路由中router路径大小写不一致导致的问题
近期开发的时候遇到一个奇妙的问题,就是某一次提交之后突然发现线上CI打包一直失败,之前其实遇到过类似的问题,当时分析之后判断是CI打包机器的环境问题,简单来说是打包机器的node版本和本地的node版本不一致,而且跨度有点大,导致CI失败,这次同样考虑到了之前遇到的问题,怀疑又是node版本本地和CI机器不一致导致的问题,排查了半天,删除了打包机的缓存,切换了版本还是报错。。。后面仔细查看了CI打包过程的Log日志,发现核心的提示是有部分components找不到导致的问题,思路切换到了项目工程的路由配置上原创 2022-06-16 10:47:12 · 931 阅读 · 0 评论 -
React开发chrome插件系列教程之插件开发环境搭建
文章目录预期目标开发环境搭建实践create-react-app搭建标准react工程工程开发目录配置修改webpack生成上述build目录设置多入口固定build生成的文件名设置popup不引入另外两个模块的js引入Antd回顾总结紧接上一篇文章对chrome插件的基本介绍,这里我们就来开始真正实践一下插件的开发吧,第一部分就从开发环境搭建入手吧,这一部分也是插件开发和Web-SPA应用开发区别较大的一部分预期目标预期目标是搭建React+TS+Antd的插件开发环境,支持build生成插件所需要原创 2021-11-07 19:27:56 · 1590 阅读 · 0 评论 -
React开发chrome插件系列教程之chrome插件基本介绍
文章目录chrome插件能干什么chrome插件的版本chrome插件的浏览器支持chrome插件的功能组成manifest.jsonpopupcontent scriptbackground scriptchrome插件的展现形式browserAction(浏览器右上角)pageAction(浏览器右上角)右键菜单override(覆盖特定页面)devtools(开发者工具)回顾总结这里包括下文讨论到的chrome插件其实是官方所指的chrome extension,考虑到目前主流的叫法皆以chrome原创 2021-10-24 21:44:25 · 4896 阅读 · 2 评论 -
CSS Flexbox弹性盒子模型总结
1. 背景弹性盒子布局指在提供一个为容器内的items进行更有效率的排列,分配空间以及布局的方式,弹性的意思是即便items的尺寸是未知或者动态的也可以使用!这种布局的理念主要是给容器一种能力可以调节修改items的宽度高度和顺序来充分利用容器内可用的空间—甚至可以适应几乎所有的设备和屏幕尺寸。更重要的是,弹性盒子布局的方向是不可知的,这个与常规的布局相反(块布局是垂直方向的而行内则是水平基...原创 2020-03-05 14:53:12 · 239 阅读 · 0 评论 -
React项目部署在阿里云服务器ECS
本来计划是将一个React工程部署在自己的Centos虚拟机中,但是因为一些网络和安全问题暂时停止了这个计划,于是就把该项目转移到阿里云服务器中,这篇笔记记载了如何从第一步开始直到浏览器通过IP可以访问你的React项目为止。1.编译你的React项目我的项目是通过create-react-app脚手架创建的,当项目编写完成之后可以执行package.json下面的build脚本就可以了:n...原创 2020-02-16 20:02:46 · 939 阅读 · 0 评论 -
React入门(一):认识React
1.前言最近因为业务需要开始学习Web前端-React框架的知识,之前一直做的是Android的研发,对于Web前端来说基本就是一个小白,所以借助互联网和资源对业务具体需要的React框架进行了学习,并在自己的项目中进行的实践,最后准备将自己的学习过程总结成一系列文章同大家分享,供同样刚入门的小伙伴一起学习交流~(虽然经过了整理,但不乏有错误与缺漏之处,可以在评论区留言指出或一起讨论)另外此系...原创 2020-01-03 21:21:49 · 250 阅读 · 0 评论 -
React+Typescript+Redux的使用步骤
目录1. 安装Redux基本环境2. 为项目引入Redux2.1 rootReducer的创建2.2 生成store2.3 包裹根组件3. 子模块中使用Redux3.1 创建types文件3.2 回顾一下Redux的工作流3.3 分别创建子模块的reducer和actionsreduceractions3.4 子模块主文件的编写react-red...原创 2019-12-18 09:47:08 · 980 阅读 · 0 评论 -
执行create-react-app报错A template was not provided
最近初始化一个React项目的时候使用了全局脚手架工具进行初始化,但是却报错了,错误如下图所示:然后我就跑去官网看了一下教程,结果发现脚手架初始化的方式改变了:所以先执行npm rm -g create-react-app去删除全局脚手架,再利用上面的npx命令就可以了!!!...原创 2019-12-16 21:59:01 · 271 阅读 · 0 评论