- 博客(21)
- 收藏
- 关注
原创 vue,react,微信小程序,uniapp一些使用方式对比
写完react项目,又忘了vue, 微信小程序,uniapp怎么写的。整理一些他们之间使用上的对比。绑值,绑事件@click="",绑class,:class,绑style。条件v-if,循环v-for,显示与隐藏
2023-12-01 10:15:00
862
1
原创 Nuxt3 页面嵌入微信扫码登录
微信扫码登录主要通过扫码用用户允许授权后,将会重定向到redirect_uri的网址上,并且带上code和state参数,在重定向页面通过code等参数请求后端接口,后端返回登录成功与否(后端用code去微信那获取access_token等)。redirect_url: 跳转的中间页
2023-11-08 16:43:14
1360
1
原创 Nuxt3的SEO
在nuxt.config.ts里配置head的title,会默认给每个页面都加上这样的title。审查元素,浏览器标签页或者查看网页源代码的时候就能看到title里的内容。这样是可以设置title的,审查元素以及浏览器标签页都是新设置的title,但是查看网页源代码,title还是nuxtConfig文件里配置的。解决办法:config文件里不要写固定的,用模板,然后在......
2023-09-08 14:37:47
785
3
原创 Nuxt3+naive-ui表单和上传插件的使用,上传视频,上传图片自定义上传
naive-ui的自定义上传,url,base64,文件流的转来转去,截取上传视频的第一帧作为封面展示给用户提示该视频是哪个视频,点击小眼睛图标预览视频
2023-08-18 09:18:49
1692
1
原创 url转file,上传视频截取封面
vue3, 视频,图片url转为file文件,截取视频的第一帧作为封面,通过formData向后端传递数据。向formData里添加数据: formData.append(key, value),key不存在则会新增一条数据,如果key存在,则添加到数据的末尾,value会是一个数组;获取key下的值: formData.getAll(key);先转base64, 再base64转file。
2023-08-17 16:05:28
692
1
原创 TypeScript学习——TypeScript知识点搬运(一)
JavaScript的数据类型:布尔,数字,字符串,undefined, null (以上是基本数据类型);数组,function,date等 (以上Object/引用数据类型/复杂数据类型) es6新增Sysbol,谷歌67还出现一种 bigInt;TypeScript的基础类型,接口,类,函数,泛型,枚举,类型推断。
2023-07-05 14:50:10
88
原创 Nuxt3+Naive-ui组件样式修改
naive-ui的样式重置,覆盖,我开始像使用其他ui框架一下在css里使用v-deep不起作用,官网供的n-config-provider来自己设置样式。
2023-06-13 15:05:32
2243
原创 vue拖拽排序
总结了两种拖拽排序的方法,适用于vue2,vue3。一种是利于元素自带的draggable原生拖拽,一种是使用插件sortablejs,插件也适配移动设备。其中使用插件的时候也遇到一些问题并成功解决。
2023-06-08 16:07:23
3493
原创 撸一个vue3+vite+pinia+vant4项目
最近用vue3做一个移动端的小项目,记录一下所用,主要用到了vue3+vite+axios+pinia+vant4+Ts+echarts+sass。
2023-06-01 11:06:44
1166
原创 vue封装日历组件(vue2/vue3)
组件里注释的部分代码是实现的下拉,下拉选择项的月份根据当前的月份,把当前月以及之前的月push进去,但是只实现了当前年的,前一年的就无法选择;并且点击日历中某一天的时候,若不是当前月,不做任何处理。实现一个日历组件,可以在对应的日期下显示其他数据;点击日期为其他月份的时候自动切换到该月。
2023-04-21 13:58:37
4036
原创 Flex布局
flex概述(容器,项目)(主轴,交叉轴)row | row-reverse | column | column-reversenowrap | wrap | wrap-reverse默认值为[row nowrap]flex-start | flex-end | center | space-between | space-aroundflex-start | flex-end | center | baseline | stretchstretch (默认值) | center | flex-start
2023-03-30 16:29:41
86
原创 Nuxt3项目中的问题汇总——有多级路由时导航未匹配上
nuxt3项目开发中,当嵌套三级路由的时候,顶部导航就会没有样式,没有类名“router-link-active”,设置不上当前导航的样式。我的目录结构如下:page下有index.vue parents1.vue,parents2.vue,parents3.vue。parents1\2下有还有两级目录。要实现的效果如图2,点击a, b ,c ,aa, ab, ac任何一个,都要设置上顶部导航2的样式。!
2023-03-27 13:55:21
739
原创 Nuxt3项目中的问题汇总-图片未显示
nuxt3图片资源未显示。我是需要后台返回的数据来拼接图片路径。结果图片未显示。两个解决下办法,亲测有效。一是使用网络地址,二是将图片放在public下来引入,不要放在assets下,不要放在static下,......
2023-03-10 11:33:25
3154
原创 Nuxt3项目中的问题汇总-刷新页面useFetch无返回
nuxt3 刷新页面的时候usefetch加了key值后,打印结果data.value是null,获取不到数据。解决1: 加个定时器(不友好)解决2: await nextTick()
2023-03-09 15:17:25
7391
17
原创 Nuxt3稳定版+naive-ui项目开发
nuxt3稳定版+naive-ui项目构建,ssr,nuxt3的使用,nuxt.config的配置,nuxt环境变量的配置 ,nuxt数据请求的封装,api的统一管理。naive-ui在ssr下的使用
2022-12-29 11:19:11
4414
2
原创 input框ie实时监听问题
input框ie监听问题在使用input事件,主流浏览器当然是没有问题。input事件肯定是要做验证吧,验证信息有问题肯定要focus吧,ie11用input事件可以起作用,但是会在一刷新页面就去执行input事件,无论怎么刷新都会一直focus,你要有好几个输入框,好家伙,一个个轮流给你focus,placeholder在ie中是输入框一获取焦点就消失,不像谷歌要开始输入后才消失,就导致ie中...
2019-03-21 12:06:13
664
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人