坑：在使用react + umi框架做前端开发，使用express框架部署服务的时候，遇到index.html被缓存，导致页面不更新，需要强制刷新或清除缓存。（以前大哥留下的坑，一直没被解决，吐血。。。。。。）解决方案在最后1、网上比较多的解决方案（但没解决我的问题）设置index.html 的meta标签，禁用缓存，如下：<meta http-equiv="Cache-Control" c
转载
2024-10-23 11:02:03
58阅读
为什么要造轮子在 React 中使用表单有个明显的痛点，就是需要维护大量的value和onChange，比如一个简单的登录框：class App extends React.Component {
constructor(props) {
super(props);
this.state = {
username: "",
password: ""
介绍cube-ui是一个基于Vue.js实现的移动端组件库，它是由滴滴内部组件库精简提炼出来的，追求接近原生的体验！ 特性质量可靠由滴滴内部组件库精简提炼而来，经历了业务一年多的考验，并且每个组件都有充分单元测试，为后续集成提供保障。体验极致以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。标准规范遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加
移动端网页最大的特点是什么？自适应不同尺寸的屏幕！高大上的叫法:响应式！ 知道了自适应网页怎么做岂不是能很好解决问题了？那么自适应网页怎么做呢？网上关于这方面的文章有很多，我简单的整理一下。一、 HTML设置在head中加入meta标签<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-sc
一、允许网页宽度自动调整
"自适应网页设计"到底是怎么做到的？其实并不难。
首先，在网页代码的头部，加入一行viewport元标签。<meta name="viewport" content="width=device-width, initial-scale=1" />
viewport是网页默认的宽度和高度，上面这行代码的意思是，网页
react界面 当您开始一个新的前端项目时，通常要做的第一件事就是创建一个漂亮的设计。 您仔细计划和绘制所有UI组件，以及它们可能具有的每种状态或效果。 但是，在开发过程中，情况通常会开始发生变化。 新的需求以及无法预料的用例在这里和那里弹出。 最初的漂亮组件库无法满足所有这些要求，因此您开始使用新设计进行扩展。 如果此时您仍然有一位设计专家，这是很好的，但是很多时候他们已经切换到另一个项目，而
转载
2024-05-07 21:32:28
112阅读
开头作者：Peter，React中的一个re-render问题，相信很多人都遇到过。接下来给大家具体讲讲这个问题re-render？首先使用我的脚手架npm i ykj-cli -g
ykj init App
cd ./app
yarn
yarn dev这样一个webpack5、TS、React项目就搭建好了 我们目前只有一个APP组件，内部代码：import Myy from './myy
转载
2024-03-07 12:38:38
77阅读
移动端网页 rem 自适应布局
在各种屏幕大小手机上实现自适应效果，用rem单位，根据手机屏幕大小自动改变(包括横屏和竖屏时)：文字大小，图片大小，布局宽度大小等！
原创
2016-11-08 13:09:56
1128阅读
第一步 ： npm install lib-flexible postcss-pxtorem -S 第二步： 运行指令展示出 webapck.config.js 文件 npm run ejectAre you sure you want to eject? This action is perman ...
转载
2021-04-23 16:29:00
1448阅读
2评论
前言 先说说 shouldComponentUpdate提起React.PureComponent，我们还要从一个生命周期函数 shouldComponentUpdate 说起，从函数名字我们就能看出来，这个函数是用来控制组件是否应该被更新的。简单来说，这个生命周期函数返回一个布尔值，如果返回true，那么当props或state改变的时候进行更新；如果返回false，当props或state改变
最近基本都是在研究及实现react 移动端项目，这里做一个有关react 的总结，以便之后深入理解与使用 首先react 最初来自Facebook内部的广告系统项目，与之后的Vue 一样，核心解决的问题是数据绑定避免操作大量真实DOM 。本质上还是遵循模块化理念，实现View 层的渲染视图。
一、React中key值得作用react中的key属性，它是一个特殊的属性，它是出现不是给开发者用的，而是给React自己使用，有了key属性后，就可以与组件建立了一种对应关系，简单说，react利用key来识别组件，他是一种身份标识，就像每个人有一个身份证来做辨识一样。每个key 对应一个组件，相同的key react认为是同一个组件，这样后续相同的key对应组件都不会被创建key值相同如果两个
转载
2024-04-18 23:25:55
35阅读
一、使用react-app-rewired包修改react配置1、安装基础的包npm install react-app-rewired customize-cra -D2、在项目的根目录下创建一个config-overrides.js文件const { override } = require('customize-cra');module.exports = {};3、安装样式转换的包npm install less -D4、安装postcss-pxtorem包n
原创
2021-06-15 15:55:21
1442阅读
背景在一pc端的web项目里，由于某些特性需要由动态语言处理，所以只在有需要使用vue来处理数据的页面，直接引入vue.js来处理。由于刚开始并没有打算使用前端来渲染数据和处理交互，所以使用了一些非vue的ui和插件，导致后来冲突坑点不少。非vue模块化下使用vue，虽然不能import vue文件，使用组件方式也有点恶心，但处理一些事情还是不错的。使用formdata提交表单数据先上代码&nbs
前言 学习总结使用，文章中如有错误的地方，请指正。该系列文章主要记录了搭建一个管后台的步骤，主要实现的功能有：使用路由模拟登录、退出、以及切换不同的页面；使用redux实现面包屑；引入使用其他常用的组件，比如highchart、富文本等，后续会继续完善。 github地址：https://github.com/huangtao5921/react-antDesgin-admin （欢
转载
2024-05-08 21:38:10
22阅读
怎么使用react在网页中引入reactnpm下载后在项目中引入react在网页中引入reactaddReact.html<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="../js/react
转载
2024-04-27 21:54:46
58阅读
React概述官网：https://react.docschina.org/什么是React？React是由Facebook研发的、用于解决UI复杂度的开源JavaScript库，目前由React联合社区维护。它不是框架，只是为了解决UI复杂度而诞生的一个库React的特点轻量：React的开发版所有源码（包含注释）仅3000多行原生：所有的React的代码都是用原生JS书写而成的，不依赖其他任何
转载
2024-03-29 22:13:12
38阅读
1、介绍React中文官网：https://react.docschina.org。React是用于构建用户界面的JS库，起源于Facebook的内部项目，该公司对市场上所有JS MVC框架都不满意，决定自行开发一套，用于架设Instagram的网站，于2013年5月开源。React主要用于构建UI，只关注视图层。2、为什么使用React优点声明式设计：React采用声明范式（语法十分接近HTML
转载
2024-05-12 17:45:02
31阅读
在设计网站页面的时候，必须要讲究排版和布局，虽然页面设计和平面设计有很多地方都是不同的，但是还是有一些相似的地方，而这些地方应该合理的去运用。想要让网站页面拥有良好的视觉效果，就需要讲究页面整体布局的合理性，这样才有利于用户的浏览。 那么，网站页面布局的原则有哪些呢？1、主次分明，突出核心网站页面上一定要有一个视觉中心，正常情况下，视觉中心都会在屏幕的中间部分。所以，SEO人员可以把一些
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阅读
