一、背景我的毕业设计是用 React Native 写一款校园 APP，服务端采用 egg + MongoDB。选用 React Native 一来是想借助他更加的学习巩固 React、Redux 生态系统；二来是做成 APP 而不是网站会在老师面前显得不是那么的 Low，同时借助双平台为忽悠填一份色彩；三来是 React Native 确实在性能上是优于 H5，不需要 XX 内核（如 UC、QQ
转载
2024-09-30 10:28:18
62阅读
React简介React起源于FaceBook的内部项目，因为该公司对市场上的javaScript MVC框架，都不满意，遂决定自己写一套，用来架设Instagram（照片的网站）。做出来之后觉得很好用，于是在2013年5月进行开源了。由于React的设计思想及其独特，属于革命性创新，性能卓越，代码逻辑却非常简单，所以越来越多的人开始关注并使用，其将成为未来Web开发的主流佛工具。两个重要概念：&
vite是一个开发构建工具，开发过程中它利用浏览器native ES Module特性按需导入源码，预打包依赖。特点： 启动快，更新快一、按需加载工作原理1.浏览器利用es module imports，关键变化是index.html中的入口导入方式（开发阶段需要考虑浏览器兼容） 所以，开发阶段不需要进行打包操作 本地文件使用 type=module，不支持本地路径，需要开启一个本地serve
转载
2024-10-13 12:43:27
146阅读
ReactReact 介绍 React 是一个用于构建用户界面的渐进式 JavaScript 库本身只处理 UI不关系路由不处理 ajaxReact主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。数据驱动视图React 由 Facebook 开发第一个真生意义上把组件化思想待到前端开发领域angular 早期没有组件化思想后来也被 Vue 学习借鉴了React 起
转载
2024-10-09 11:42:49
51阅读
介绍vite vue官方提供的前端构建工具。由两个部分组成 开发服务器：基于ES模块提供丰富的内建功能 构建指令：使用 Rollup 打包代码，提供预设配置Rollup： &nbs
目标：使用rem单位；使用媒体查询基本语法；使用less语法；使用2中rem适配方案；完成示例页面；前言之前我们使用flex布局实现移动web开发时，页面基本上是固定的，而且无论是流式布局还是flex布局主要都是针对宽度进行的布局；如果想对高度，如布局可以随着屏幕变化，宽、高同时进行等比例缩放，就要用到rem适配布局； rem基础rem单位：rem(root em)是一个相对单位，类似于em，em
今年开始使用vhdl语言，发现vhdl的插件非常少，自己平时用起来很不方便。自己在使用vim的同时，不断在vimrc中增加自己想要的功能，慢慢的发现写了快1000行了，不如做成一个插件拿出来和大家分享。我觉得做一个vhdl的插件还是有必要的，平时需要进行的机械的操作还是很多，最常见的是component或者生成一个testbench文件。要是每次一点点输入，那是非常麻烦的。我找很多verilog的
/**
* https://vitejs.dev/config/
* @type {import('vite').UserConfig}
*/
export default {
//项目根目录
root: process.cwd(),
//项目部署的基础路径
base: "/",
//环境配置
mode: 'development',
转载
2024-10-23 14:14:07
47阅读
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阅读
#一般选项：指定虚拟机的名称、内存大小、VCPU个数及特性等-n NAME, --name=NAME：虚拟机名称，需全局惟一；-r MEMORY, --ram=MEMORY：虚拟机内在大小，单位为MB；--vcpus=VCPUS[,maxvcpus=MAX][,sockets=#][,cores=#][,threads=#]：VCPU个数
目录使用vite 将我的 单文件index.html打包一：vite构建项目 配置base 二:路径别名三：生产环境移除log + 跨域 vite.config.ts 完整代码：四：引入element-plus组件库 cdn安装命令 引入到vite.config.ts使用在插件中下载element-plus五：代码压缩六:图片压缩6.1 五个超强图片处理网站，使用简单
转载
2024-01-10 12:23:07
1574阅读
开头作者：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评论
什么是 Vite借用作者的原话：Vite，一个基于浏览器原生 ES imports 的开发服务器。利用浏览器去解析 imports，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随起随用。同时不仅有 Vue 文件支持，还搞定了热更新，而且热更新的速度不会随着模块增多而变慢。针对生产环境则可以把同一份代码用 rollup 打包。虽然现在还比较粗糙，但这个方向我觉得是有潜力的，做得好可以彻底解
转载
2024-05-07 16:30:11
1026阅读
首先 很多项目正在更新迭代，vue2项目同学也知道vite打包速度 开发模式飞快 ，我们先来看一组差距。贴个图这是vite构建的vue2的初始化项目性能这是默认vue2构建的初始化的vue2项目性能明显差距很大，下面正入主题??一、首先我们想在vue2中直接使用vite，也是可以的，来看教程.1. 安装插件(一个vite必备，第二个是为了兼容vue2) npm i -D vite vite-plu
转载
2023-12-18 15:46:35
383阅读
对路由的理解在pc端页面之间的切换，我们大多使用a链接、location等操作。 在react.js开发中，我们采用组件化操作，一个页面就是一个组件。所以页面和页面之间的跳转就相当于是组件和组件之间的跳转。 我们知道react.js是一种单页面项目开发，就是在一个主页面的基础上存放各种子页面。这就好像一根网线连接路由器，而路由器能分出很多根网线连接大量的电脑。所以我们将单页面项
转载
2024-09-11 22:25:50
158阅读
1、相同点都是现代化打包工具2、为什么Vite启动快2.1底层语言从底层原理上来说，Vite是基于esbuild预构建依赖。而esbuild是采用go语言编写，因为go语言的操作是纳秒级别，而js是以毫秒计数，所以vite比用js编写的打包器快10~100倍。2.2webpack和vite的启动方式webpack原理图vite原理图webpack:分析依赖=》编译打包=》交给本地服务器进行渲染。首
转载
2023-10-17 20:36:20
154阅读
本来计划是将一个React工程部署在自己的Centos虚拟机中，但是因为一些网络和安全问题暂时停止了这个计划，于是就把该项目转移到阿里云服务器中，这篇笔记记载了如何从第一步开始直到浏览器通过IP可以访问你的React项目为止。1.编译你的React项目我的项目是通过create-react-app脚手架创建的，当项目编写完成之后可以执行package.json下面的build脚本就可以了：npm
移动端的布局方式主要有三种rem+js、vw、vw+remrem+js中需要引入的js代码如下：<script>
window.onload = function(){
var html = document.querySelector("html");
html.style.fontSize = html.offsetWidth / 750 *
