- 博客(6)
- 收藏
- 关注
原创 sql语句
select name,age from 表名 where phone='1506065500' and age=25。select name,age from 表名 where phone='15060655' or age=25。select * from 表名 where name like '李%''_a_' //三位且中间字母是a的。'a_' //两位且开头字母是a的。'%a' //以a结尾的数据。'a%' //以a开头的数据。'%a%' //含有a的数据。
2023-09-21 10:58:18
48
原创 react 图片懒加载
官方地址: https://www.npmjs.com/package/react-lazy-load-image-component。2, 在src/assets/目录下放入懒加载占位图 placeholder.gif。2, 在src/assets/目录下放入懒加载占位图 placeholder.gif。3, 在需要使用懒加载的组件中导入懒加载模块和占位图(blur.css虚化样式)5, 在组件模板中给需要懒加载的图片添加LazyLoad父标签。3, 在需要使用懒加载的组件中导入懒加载模块和占位图。
2023-06-28 17:33:08
284
1
原创 react 如何实现样式隔离
2, 在组件jsx导入样式文件时使用 import styles from './xxx.module.css' 导入 代替 import './xxx.css'1, 创建组件样式文件时以 xxx.module.css命名, 例如 Home.module.css 代替 Home.css。如果需要每个组件样式隔离, 在设置组件样式时, 每一个选择器都添加组件根标签选择器, 以区分不同组件中的样式。4, 在xxx.module.css中通过 .yyy{} 设置样式,即为局部样式。
2023-06-28 17:32:05
125
1
原创 2. vite构建react项目配置代理
也可以通过指令 npm run eject 把服务器配置暴漏出来, 修改scripts/start.js (这个指令不可逆)设置项目端口号: node_modules/react-scripts/scripts/start.js。在vite.config.js中加入以下代码 (针对react,可全选替换)使用vite构建vue项目和react项目,配置代理等信息的方式是一样的。1, 下载安装代理模块。
2023-06-28 17:29:48
186
1
原创 react脚手架
注意: 在使用 create-react-app 来创建一个新的React应用,在拉取各种资源时,往往会非常慢,一直卡在那,因为资源还是使用了 npm下载的, 我们可以换成淘宝的资源, 执行指令。============= 使用 vite工具构建项目 ================1, 安装react代码行工具(脚手架), 基于webpack工具构建项目。2,创建一个react应用程序, my-app是自定义项目名。2, 使用vite构建项目, 选择react。3, 切换到项目根目录, 安装依赖包。
2023-06-28 17:26:56
93
1
原创 webpack基本用法
(4), 如果需要对多个js文件打包,而且还要使用webpack打包其他文件(例如css,图片文件),则必须使用webpack的配置文件进行具体的打包设置。如果连webpack-cli一起显示, 则不正常,表示webpack和webpack-cli版本不匹配, 需要安装指定版本的webpack和cli。(4)在使用了特殊的插件之后,还能打包一些框架独有的文件,例如vue的.vue文件,react的jsx文件。把a.js , b.js, 和 c.js中的代码打包到一起,写入x.js中。
2023-05-25 10:10:33
95
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人