- 博客(17)
- 问答 (6)
- 收藏
- 关注
原创 UniApp + Vue3 开发使用(一) — 使用背景和概述
一次开发,多端部署,一套程序在多个平台使用上架只需开发一次即可,也是更好的小程序、App跨平台、H5开发框架,不需要转换开发思维和开发习惯。在h5网页开发中,用div,h1等标签布局开发,但在小程序中可能有不同表现,所以需要使用小程序的标签进行页面开发,小程序平台如果使用。text 包裹文字和内容 支持是否允许移动设备选择和显示多个空格。移动端中没有鼠标移入事件,只有点击事件和长按事件,类中的hover与h5有区别。配置文件和路由信息,以及在移动端使用中下拉是否刷新等常见功能。以下为官方标签组件链接。
2025-03-17 17:55:26
263
原创 vue适配不同屏幕方案 - postcss-pxtorem,vw,rem,media
根据 html 的 font-size 来控制项目全部以rem为单位的元素大小,默认1rem = 16px,也可手动在html中更改默认rem值,在项目控制中,一般由js控制屏幕大小变化时的值。css单位,分别把屏幕宽度和高度分成100份,用这个单位做元素的宽高,也可以在屏幕大小变化的时候实现适配,根据不同屏幕大小去自己调整元素大小,不会超出屏幕范围。在开发项目中,一般是开发pc端的,但是屏幕放在其他的屏幕的时候会遇见兼容问题,要保证在不同屏幕下的布局效果相同,兼容不同屏幕就显得很重要了。
2025-01-13 16:07:22
767
原创 Tailwind CSS基础和vite vue3中的配置使用,一篇就能包含全
tailwind CSS 提供了很多原子类,直接应用于 HTML 元素,而无需为每个组件写重复的样式,并且在构建工具打包中会自动删除未引用的css样式,生成最精简的css文件。在最早流行的bootstrap框架中就有最早期使用组件化样式的案例,如想要在项目文件中使用bootstrap的样式,其使用方式就类似于tailwind css的组件化特点。可以参考官网实现的样式直接使用现成的封装样式,直接搬运即可,但不同项目需求肯定要有不同的样式实现,想要自定义就需要一条一条覆盖样式,就就非常麻烦,
2024-12-11 14:47:17
2193
原创 vue3 原生 JS canvas 封装获取验证码组件
由于开发中,产品有需求,要求开发一个可以自定义字符的随机获取4个字符的验证码组件,然后我就仿照流行的验证码功能写了一个。
2024-11-26 10:02:01
680
原创 vue3 鼠标右键自定义菜单组件
在开发中,在点击单元行的时候,产品会想右键可以自定义菜单,可以覆盖系统自带的功能,想着写了一个组件,来循环列表单元行。
2024-11-26 09:42:19
1019
原创 react笔记(3)- 组件通信,useEffect,Hook使用规则 基础
props 传递父组件任意类型的数据,子组件只能只读,修改只能通过父组件完成,useEffect,children,createContext ,Provider
2024-11-07 14:38:09
362
原创 react笔记(2)- 组件,useState,样式,useRef 基础
获取input表单最新获取的值。useRef,classnames 库,useState 基础
2024-11-07 11:48:16
184
原创 react 笔记(1) - 创建项目和JSX语法
javaScript和HTML(XML)缩写,是JS中编写HTML模板结构的react语法。npx create-react-app app-name // 项目名全英文。属于JS的语法扩展,非标准js,需要通过解析工具后才能被浏览器识别运行。可通过逻辑与运算符&& , 三元表达式(?若加载半天都没结果,可能是源的问题,切换源即可。优势 - 能够显著提升前端开发体验。
2024-11-04 13:55:48
317
原创 npx ,npm,cnpm,pnpm 工具的区别和使用
npm config set registry https://registry.npm.taobao.org // 设置npm的镜像地址。华为云 NPM 镜像:https://mirrors.huaweicloud.com/repository/npm/腾讯云 NPM 镜像:https://mirrors.cloud.tencent.com/npm/基于npm开发的包,效率和速度比npm更加高效,在本地占用的内存比npm更小,可用于替代npm。
2024-11-01 16:28:48
2034
原创 vue3 echart 中国地图组件 无需装包 动态导入china.js 解决文件导入错误问题
在开发echarts 中国地图时,需要引入china.js文件,有时候总找不到还会莫名报其他错误,动态引入可以完美运行,也不需要其他配置。
2024-10-12 13:49:08
845
原创 vue3 文件excel,word等文档的导入(上传)组件和导出(下载)功能
【代码】vue3 文件excel,word等文档的导入(上传)组件和导出(下载)功能。
2024-10-12 13:38:25
524
原创 async await 在循环中对异步方法中的使用
在循环中请求异步方法,在常规使用中异步方法执行的顺序不可控制,再各个异步方法需要各自的返回参数时,当下一个异步方法执行需要上一个方法返回的参数,可能下一个异步方法会优先执行,造成报错。async await 异步方法请求成功后再执行下一次循环,使得异步顺序强制变为同步(同步大于异步,同步方法执行结束后再执行异步)
2024-10-12 13:29:01
204
原创 vue3 nuxt 图片点击后保存在剪贴板
vue3 nuxt 图片点击后保存在剪贴板 navigator.clipboard 只能在https的协议下才能使用,本地默认开启http,nuxt框架需要在nuxt.config.ts中配置开启https。
2024-10-12 13:26:10
246
空空如也
想制作一个清单的功能,但input的点击事件只能触发一次,有解决方法吗
2022-02-02
js的内循环始终无法进入
2022-01-03
想用正则表达式得到这两个中括号间的原文内容,返回的内容总是为空
2021-09-13
为什么用io流复制文件不能完全复制过来啊
2021-08-08
这个代码为什么没有把内容全部读取出来
2021-08-07
请问Java问题,为啥这个for循环我想执行3次,缺只执行了一次啊
2021-07-28
TA创建的收藏夹 TA关注的收藏夹
TA关注的人