自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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 数字自增长组件

当做数字大屏的时候,就需要做一个数字传入后,可以自增长的组件,可以根据数据大小算每一次跳动的数字。

2024-11-29 16:05:16 478

原创 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 原生代码封装图片上传组件

【代码】vue3 原生代码封装图片上传组件。

2024-10-12 13:43:05 368

原创 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

原创 持续记录应聘前端实习的问题

前端面试中记忆较深刻的问题

2022-10-10 17:07:01 82

原创 Vue开发时遇到的坑(持续记录)

Vue坑位笔记

2022-09-12 21:20:13 1780

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除