logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue3项目实现预览图片、旋转图片功能

在点击图片时,能预览大图,弹出一个包含旋转图片功能按钮的弹窗。用户可通过点击按钮实现对图片的旋转操作。点击弹框预览图片、旋转图片功能。

文章图片
#vue.js#前端#javascript +4
#前端# 如何获取你的token?

#前端# 如何获取你的token?有时候后端同事会说,把你的token发给我,那到底在哪里可以获取token呢?在调试位置:Network---XHR---Headers-----Request Headers找到——Authorization,后面的一串就是你的token...

文章图片
#前端#javascript#前端框架
#css# 【四】如何使用hover,实现父对子的样式改变?

#css#如何使用hover,实现父对子的样式改变?思路及做法:鼠标移动到父盒子的时候,里面所有的子盒子的样式都发生变化的,只需要直接在hover后面加上空格,并且加上子盒子的类名 ,里面再写其他样式.父盒子的类名:hover .子盒子的类名 {//这里写鼠标移入到父盒子里面,子盒子要发生的样式变化}温馨提示,遇到父盒子里面的子盒子过多时,可以采取简写的形式:以下为简写形式:.父盒子的类名 {//

#css#javascript#vue.js
#vue#element-ui文件上传(格式校验)

在我们使用element-ui的上传组件时,必不可少的一步就是进行上传类型的格式校验,本文列举了几种常见的上传类型格式:图片、ppt、视频、文档等上传组件https://element.eleme.cn/#/zh-CN/component/upload<el-uploadclass="avatar-uploader":headers="{Authorization:token}":actio

文章图片
#vue.js#ui#elementui +2
#vue# 【七】实现点击切换active样式&tab栏的制作思路步骤!

#vue# 实现点击切换active样式&tab栏的制作思路步骤!语法::class={active:变量名}、@click=“方法名”、布尔值需求:需要有当前态(就是状态的是被选中模式),点击以后切换到另一个tab页,且加入active的样式适用场景:tab栏、导航栏思路:(1)tab栏、导航栏这些一般都是差不多样式的,所以共用一个类名,不要设置宽度(2)再写鼠标点击以后的样式(即系ac

#javascript#前端
#vue# js正则表达式——实现手机号校验效果

需求:输入错误的手机号,会有提示语,正确的手机号码会有正确的图标效果:思路:(1)排版(不细讲),使用input 、button、span等标签,排版里面一个主要的小点是,需要写出两个span ,通过v-show先进行隐藏,等后面判断手机号码的正确错误再进行显示与隐藏(2)接着,就需要在input 里设置@blur事件(当元素失去焦点时,触发的事件,就是鼠标离开方框的时候)(3)然后,再使用js正

文章图片
#javascript#css#正则表达式
# uni-app开发攻略 # 个人封面页 (透明导航栏、源码)

需求:制作一个类似于某博的个人主页的封面板块效果图:思路:拿到设计图以后,我们需要先进行拆解页面结构,这个页面主要由三大板块组成:导航栏+背景图+用户信息拆解完结构以后,下一步是进行细分板块,看每一个板块里面有什么特点,会用到什么知识点下面是每个版块的思路及知识点一、导航栏:(tip:这里我们采用的是uview里面的组件——u-navbar,所以第一步是先要在page.json里面的这个页面加上"

文章图片
#uni-app#json#scss +2
#小程序# 如何解决video视频在ios里出现黑屏?

1、遇到的bug:小程序里面的视频,在安卓手机里面可以正常播放及显示,在ios里就是黑屏显示<以下为ios里>2、解决办法:首先可以看下后端给的视频,里面有没有存在中文,如果存在中文就会在ios中播放会出现黑屏问题接着也可以查看路径有没有出错,用ios的浏览器打开视频的链接,看通过浏览器是否可以播放,如果可以则说明视频没问题...

文章图片
#ios#小程序#音视频 +2
#vue# #uni-app# 使用定位实现文字在图片上显示,且左右滑动(附源码)

思路:(1)排版:使用弹性布局,将页面排列出来,再用v-for循环出来(2)在最大的盒子加overflow-x: scroll; 达到左右滑动(3)使用定位(子绝父相)让文字显示在图片上面源码如下:<template><view><!-- 挑战活动版块 --><view class="examine"><view class="examine-

文章图片
#vue.js#小程序#scss +2
Vue &uni-app(附源码)-----实现登录注册功能

需求:制作一个简易登录界面思路:(1)排版(不细讲)(2)登录密码的input框,我们通过v-if来判断输入框的类型、小眼睛的切换、密码是否隐藏-----输入框的类型设置inputType这个变量的初始值为true<input class="input-phone" type="password"v-model="password" placeholder="登录密码" v-if="inpu

文章图片
#html#小程序#正则表达式 +1
    共 28 条
  • 1
  • 2
  • 3
  • 请选择