postcss-pxtorem npm install postcss-pxtorem --save-dev 配置文件 // https://github.com/michael-ciniawsky/postcss-load-config module.exports = { "plugins":
原创
2020-09-22 10:20:00
1435阅读
一、postcss是什么？
postcss是一个JavaScript 工具，可以用来转换 CSS 代码。postcss可以使用不同插件实现自动添加浏览器前缀，代码合并，代码压缩等等效果。二、postcss安装
安装：npm i postcss -g
1
npm i postcss-cli -g
1
运行指令：postcss 输入文件路径 -o 输出文件路径
1
后面添加 -w ， 可以实时监听。三
原创
2023-07-31 14:43:24
272阅读
1、安装redux、react-redux npm install --save redux react-redux (1) 这里解释一下react-redux、redux 的作用 redux 是状态仓库 react-redux 用于把 react 和 redux 进行关联，使所有的子组件都可以拿到 ...
转载
2021-09-14 19:57:00
224阅读
2评论
react中使用icon 创建icon。js文件 import { Icon } from 'antd'; const AmsIcon = Icon.createFromIconfontCN({ scriptUrl: '//at.alicdn.com/t/font_1716373_kcn07h2np ...
转载
2021-08-16 15:24:00
598阅读
2评论
1.1 let 及 const1.1.1 let 命令用 var 声明变量有变量提升的情况。1 console.log(a);
2 var a = 1; 如果没有第二行的声明，那么会看到“a is not defined”的错误。但有了第二行，打印结果就是“undefined”。出现这种结果的原因就是 var 声明变量时的变量提升机制，等同于：1 var a;
2
首先 npminstallless-loaderless--save-dev安装之后终端npmruneject来暴露webp
原创
2023-01-03 14:51:41
138阅读
疑问 问：React Suspense有什么用呢？ 答：在动态导入的帮助下，React Suspense让我们轻松定义延迟加载的组件。 代码demo const OtherComponent = React.lazy(() => import('./OtherComponent')); functi
原创
2022-05-12 20:29:46
5190阅读
react中redux 三大原则 redux中文网 单一数据源 整个应用的 state 被储存在一棵 object tree 中，并且这个 object tree 只存在于唯一一个 store 中。 state是只读的 唯一改变 state 的方法就是触发 action，action 是一个用于描述 ...
转载
2021-06-14 00:58:00
237阅读
2评论
React 简单介绍
作者 RK_CODER why React？React是Facebook开发的一款JS库，那么Facebook为什么要建造React呢，主要为了解决什么问题，通过这个又是如何解决的？从这几个问题出发我就在网上搜查了一下，有这样的解释。Facebook认为MVC无法满足他们的扩展需求，由于他们非常巨大的代码库和庞大的组织，使得MVC很快变得非常复
转载
2024-10-18 09:25:28
21阅读
react使用1.React概述1.1 什么是React？1.2 React特点2.React的基本使用2.1 React的安装2.2 React的使用3.React脚手架的使用3.1 使用React脚手架初始化项目3.2 在脚手架中使用React3.3 JSX的基本使用3.4 组件3.5 React事件处理3.6 组件中state和setState3.7 表单处理4.组件通讯4.1 组件的pr
转载
2024-07-22 14:46:35
41阅读
PostCSS是一个用javascript转换CSS的工具，有了它可放心使用CSS未来的语法等增加代码的可读性：可自动添加属性前缀可使
原创
2023-03-02 05:36:18
298阅读
react项目构建可以很简单，但是如果是结合typescript，其实也不是很麻烦，官网也有很明确的说明。有两种办法： 1、直接构建带有typescript的react项目，我们需要增加额外的参数，模版不能使用默认的cra-template。而是使用cra-template-typescript。npx create-react-app tsr
转载
2023-10-14 02:51:54
176阅读
一 Redux: Redux基本使用1 Redux是一个独立的、专门用于做状态管理的JS库。不是react插件库，这一点要和react-redux区分开。redux可以用在react（angular, vue等）项目中，但基本是与react配合使用。2 Redux作用：管理react应用中多个组件共享的状态。 3 Redux工作流程： 解释：react组件中含有状态
转载
2023-12-20 21:49:09
63阅读
PostCSS参考https://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html使用PostCSS插件postcss-px2rem：https://www.npmjs.com/package/postcss-px2rempx2rem：https://www.npmjs.com/packa
原创
2022-02-11 17:42:05
193阅读
PostCSS参考https://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html使用PostCSS插件postcss-px2rem：https://www.npmjs.com/package/postcss-px2rempx2rem：https://www.npmjs.com/packa
原创
2021-08-02 14:55:21
197阅读
vue.config.js
原创
2021-07-07 16:57:09
342阅读
可以在react项目中执行以下命令安装bootstrapnpm install bootstrap@3 --save在使用
原创
2020-06-29 21:41:41
234阅读
修复遗留问题webpack.prod.config.js中缺少了对path库的引用，执行构建npm run build:prod的时候失败。在文件开始的地方引入node.js的path库就可以了。package.json里面定义了一个build:dev的脚本，这个脚本其实有点多余，不过有时候需要打包测试版本的文件，所以还是需要存在。主要有个问题是webpack.dev.config.js中outp
原创
2017-06-29 09:52:39
782阅读
Markdown已成为现代Web开发中不可或缺的文本格式，而React作为最流行的前端框架之一，与Markdown解析器MarkdownIt的结合能为开发者提供强大的内容渲染能力。本文将详细介绍如何在React项目中集成和使用MarkdownIt，从基础配置到高级功能实现。一、MarkdownIt简介与React集成1.1 MarkdownIt概述MarkdownIt是一个现代的Markdown解
可以在react项目中执行以下命令安装bootstrapnpm install bootstrap@3 --save在使用的时候，直接在index.js文件导入即可import 'bootstrap/dist/css/bootstrap.min.css';import 'bootstrap/dist/js/bootstrap';
原创
2020-06-29 21:41:41
876阅读
