React简介React起源于FaceBook的内部项目，因为该公司对市场上的javaScript MVC框架，都不满意，遂决定自己写一套，用来架设Instagram（照片的网站）。做出来之后觉得很好用，于是在2013年5月进行开源了。由于React的设计思想及其独特，属于革命性创新，性能卓越，代码逻辑却非常简单，所以越来越多的人开始关注并使用，其将成为未来Web开发的主流佛工具。两个重要概念：&
一、背景我的毕业设计是用 React Native 写一款校园 APP，服务端采用 egg + MongoDB。选用 React Native 一来是想借助他更加的学习巩固 React、Redux 生态系统；二来是做成 APP 而不是网站会在老师面前显得不是那么的 Low，同时借助双平台为忽悠填一份色彩；三来是 React Native 确实在性能上是优于 H5，不需要 XX 内核（如 UC、QQ
转载
2024-09-30 10:28:18
62阅读
介绍vite vue官方提供的前端构建工具。由两个部分组成 开发服务器：基于ES模块提供丰富的内建功能 构建指令：使用 Rollup 打包代码，提供预设配置Rollup： &nbs
/**
* https://vitejs.dev/config/
* @type {import('vite').UserConfig}
*/
export default {
//项目根目录
root: process.cwd(),
//项目部署的基础路径
base: "/",
//环境配置
mode: 'development',
转载
2024-10-23 14:14:07
50阅读
ReactReact 介绍 React 是一个用于构建用户界面的渐进式 JavaScript 库本身只处理 UI不关系路由不处理 ajaxReact主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。数据驱动视图React 由 Facebook 开发第一个真生意义上把组件化思想待到前端开发领域angular 早期没有组件化思想后来也被 Vue 学习借鉴了React 起
转载
2024-10-09 11:42:49
51阅读
前面的话 使用Facebook官方推出的create-react-app脚手架，我们基本可以零配置搭建基于webpack的React开发环境。但是，如果需要个性化定制，则还需要基于create-react-app进行再配置 环境变量【设置】 在根目录下新建.env文件，可以用于本地环境变量覆盖 如在该文件中进行如下设置PORT=2000 则开发服务器会在2000端口开启服务【默认
1 环境配置React技术栈：React + Redux + Dva + UI库React开发采用的架构是：Webpack + CMD（import/export）+ ES6 + babel-loader + ReactAPI文档：https://facebook.github.io/react/docs/hello-world.html 现在开始配置一个基础项目。 创建项目文
1.准备：配置好Node环境，并且安装npm工具
2.安装依赖包
npm install babel -g
npm install webpack -g
npm install webpack-dev-server -g 上面这三个依赖包都需要安装到全局，因为需要使用它们的命令行工具。其中babel是一个可以将ES6代码转换成ES5代码，这样我们就可以在编写代码的时候使用ES6的一些
转载
2024-04-03 09:59:31
74阅读
前言最近参与了一个 React + Typescript 组件项目，这个项目后期会开源，对代码的质量和工程化上有比较高的要求，因此需要进行工程化治理。通过这次工程化治理，笔者算是梳理清楚了一个 React + Typescript 第三方组件所需要的一些工程化方面的基础设施，在这里总结并分享给大家。这次的工程化治理主要分以下几个方面：静态检查：TypeScript + ESLint开发体
怎么使用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阅读
目标：使用rem单位；使用媒体查询基本语法；使用less语法；使用2中rem适配方案；完成示例页面；前言之前我们使用flex布局实现移动web开发时，页面基本上是固定的，而且无论是流式布局还是flex布局主要都是针对宽度进行的布局；如果想对高度，如布局可以随着屏幕变化，宽、高同时进行等比例缩放，就要用到rem适配布局； rem基础rem单位：rem(root em)是一个相对单位，类似于em，em
今年开始使用vhdl语言，发现vhdl的插件非常少，自己平时用起来很不方便。自己在使用vim的同时，不断在vimrc中增加自己想要的功能，慢慢的发现写了快1000行了，不如做成一个插件拿出来和大家分享。我觉得做一个vhdl的插件还是有必要的，平时需要进行的机械的操作还是很多，最常见的是component或者生成一个testbench文件。要是每次一点点输入，那是非常麻烦的。我找很多verilog的
#一般选项：指定虚拟机的名称、内存大小、VCPU个数及特性等-n NAME, --name=NAME：虚拟机名称，需全局惟一；-r MEMORY, --ram=MEMORY：虚拟机内在大小，单位为MB；--vcpus=VCPUS[,maxvcpus=MAX][,sockets=#][,cores=#][,threads=#]：VCPU个数
VW适配（不使用JS）viewport 设置:<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">不同设备完美视口的大小是不一样的iphone6 -- 375iphone6plus -- 414由于不同设备视口和像素比不同，所以同样的3
电脑常见的图片格式大概就是JPG、Gif、PNG、PSD等，使用图片的时候，你会发现很多时候有些网站对图片格式有特定的格式要求，又或者某种图片格式文件太大，比较占用空间，因此，转换图片格式可有效的控制图片文件大小。 如何实现图片格式转换呢？在生活我们经常需要批量转换图片格式，所以在电脑上下载安装一款图片格式转换器很有必要，直接解决的图片格式的问题，特别方便。今天本文将与大家介绍下怎么转
转载
2024-09-28 09:10:18
78阅读
需求背景：最近遇到一个问题，就是在FlatList中显示一行行抄表数据，每行的左侧文本是抄表时间，右侧文本是抄表值。抄表时间是固定格式、固定宽度的 ，但是右侧的抄表值是变长的，从个位数到8、9位数不等，值的结尾还显示单位，所以数据过长时会出现换行或是省略号显示的效果。产品经理要求是抄表值一行显示不要换行，也不要显示省略号，完整显示。当抄表值过大在布局中显示不下时，则动态缩小字体大小，来适应布局宽度
1.自适应屏幕分辨率 确立参考系，定义标准设备的屏幕宽度和字体大小<html lang="en" style="font-size: 20px;"> 比例公式（等式左右两边比例尺相同，从而达到等比例缩放的目的）：标准屏幕宽度 / 标准字体大小&
开头作者：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阅读
第一步 ： 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评论
移动端的布局方式主要有三种rem+js、vw、vw+remrem+js中需要引入的js代码如下：<script>
window.onload = function(){
var html = document.querySelector("html");
html.style.fontSize = html.offsetWidth / 750 *
