2020年4月26日

css filter属性滤镜变灰

摘要：如果有需求想让网页变成下面黯然失色的样子应该怎么做呢？其实很简单，只需要给html添加css的filter属性即可轻松实现，各主流浏览器兼容写法如下： html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms 阅读全文

posted @ 2020-04-26 21:32 你不知道的巨蟹阅读(1490) 评论(0) 推荐(0)

2020年3月25日

yarn的安装和常用命令

摘要：前言 yarn是什么？简单来说是和npm一样的包管理工具，并对npm的一些弊端提供了优化和解决方案 yarn和npm的区别？安装速度更快，缓存了每个下载过的包，再次使用时无需重复下载。同时利用并行下载以最大化资源利用率，运行代码前会校验每个安装包的完整性和统一性，使其在不同系统上也能无差别的阅读全文

posted @ 2020-03-25 22:40 你不知道的巨蟹阅读(20670) 评论(0) 推荐(0)

2020年3月21日

react-app-rewired start 启动失败报错解决方法

摘要：前言关于该报错，我找到了4种可能的解决方案 ①：npm install之后再运行npm start （推荐优先使用这种） https://blog.csdn.net/qq_42584411/article/details/92841803 ②：react-app-rewired降到2.0版本 ht 阅读全文

posted @ 2020-03-21 20:17 你不知道的巨蟹阅读(8047) 评论(4) 推荐(0)

2020年3月20日

react路由5到底要怎么使用（基础向）

摘要：前言最近因项目需要开始使用react，很快遇到一个问题，首页的导航需要用到react-router，但网上铺天盖地都是路由4.0的使用博文，而我的路由版本是最新的5.0，这让我很是苦恼。最后几经波折，终于试出了路由5的用法，总结如下，希望帮到有需要的小伙伴安装（新版指路由5，旧版指路由4）阅读全文

posted @ 2020-03-20 17:49 你不知道的巨蟹阅读(998) 评论(0) 推荐(0)

react中img引入本地图片的2种方式

摘要：前言以前我们用img引入图片只需要如下即可但在react中不允许使用这种方式，会报错，下面我简单总结了2种方式方式一：通过!important引入（推荐）然后在img中直接引入变量即可，这个变量名字可任意取方式二：require方法引入 require中只能写字符串，不能写变量注：一般推阅读全文

posted @ 2020-03-20 11:55 你不知道的巨蟹阅读(25317) 评论(3) 推荐(3)

2020年3月19日

linux运行项目提示达到文件监视程序数量的系统限制怎么办（System limit for number of file watchers reached）

摘要：前言今天在运行项目时，突然报了下图的错，提示我达到文件监视程序数量的系统限制然后百度说先使用 ulimit -n 命令查看限制数量是多少，一般默认1024，接着使用 ulimit -HSn 2048 命令进行临时设置，但设置为2048后还是不行，于是，我打算把数值在改大一点，改到4096，没阅读全文

posted @ 2020-03-19 18:08 你不知道的巨蟹阅读(4841) 评论(0) 推荐(0)

2020年3月18日

react中如何写404页面

摘要：前言首先我们来思考一个问题，为什么要有404页面？ 1：优化SEO，让蜘蛛爬虫，也就是搜索引擎能更好的爬到 2：优化用户体验，当用户输错访问网站网址或网络故障时不显示空白页，而显示404页面 react中只需要在路由中加上这行代码即可下图为路由5的写法，<Route>需要嵌套在<Switch>中阅读全文

posted @ 2020-03-18 16:00 你不知道的巨蟹阅读(1932) 评论(0) 推荐(1)

2020年3月13日

react中使用css的2种方式

摘要：第一种：行内样式，直接写在 style={{}} 中即可，最外层{}表示是一个表达式，里面的{}表示是一个对象第二种：使用className 以前写css定义类用的是class 现在要用className 那为何在react的jsx语法中不能直接使用class定义css类呢，因为react把阅读全文

posted @ 2020-03-13 19:00 你不知道的巨蟹阅读(1548) 评论(0) 推荐(0)

2020年3月1日

react环境搭建

摘要： ①：安装nodejs，它会自动帮你安装npm管理包工具 ②：去官网安装react脚手架工具，https://reactjs.org/ 然后点击Docs后，点击右边Create a New React App ③：输入命令：npx create-react-app 你的项目名字这一步也可以直接输入：阅读全文

posted @ 2020-03-01 16:26 你不知道的巨蟹阅读(453) 评论(0) 推荐(0)

react中怎么引入json文件和使用里面的数据

摘要：前言初次使用react开发项目，顺便记录一下，技术有限，欢迎留言指正第一种：直接import引入需要使用json-loader模块，如果你是使用create-react-app来构建项目，那么该模块已经包含在内，你只需要用import像引入组件那样引入json文件即可， import dat 阅读全文

posted @ 2020-03-01 16:05 你不知道的巨蟹阅读(18359) 评论(0) 推荐(0)