小怪兽学前端-CSDN博客

原创 uview上传图片修改图片u-upload

uview上传图片修改图片u-upload

2022-11-18 12:24:24 1426

原创 uniapp vue富文本rich-text样式设置不生效解决方案

uniapp vue富文本rich-text样式设置不生效解决方案

2022-09-19 11:35:11 2759 4

原创 uniapp使用onPullDownRefresh实现页面下拉刷新

uniapp用onPullDownRefresh页面下拉刷新

2022-06-10 11:22:18 1716

原创 uview1.0 上传图片、视频、图片和视频

上传图片视频组件封装修改uview

2022-06-06 11:16:31 3766 5

原创 input限制最大值不超过60

input限制最大值不超过60<input type="number" class="inputBj" v-model="chargingTimeMinute" placeholder="请输入" oninput="if(value>60)value=60"/>

2021-07-21 19:13:38 2118

vue给列表对象新增属性 mousedownV: function(index) { timeout = setTimeout(function() { if (vm.commentListVos[index].isMe == 1) { vm.commentListVos[index].showPopover = true; Vue.set(vm.commentListVos, index, vm.commentListVos[in

2021-06-08 16:22:00 1132

原创总结：前端好用的的特效动画库

总结：前端好用的的特效动画库1、Animate.css最全的css动画库2、http://elrumordelaluz.github.io/csshake/这个主要是摇动的效果3、https://www.animaapp.com/4、https://www.minimamente.com/cssboxshadow/可视化调试边框阴影，直接复制代码https://www.minimamente.com/yopalette/取色卡上的颜色...

2021-05-22 09:18:57 858

原创 width：fit-content；属性，盒子正好等于内容宽度，太好用了！！！！

width：fit-content；属性，盒子正好等于内容宽度

2021-04-01 13:55:30 1220 1

原创彩虹文字效果css，会动哦！

彩虹文字效果css,会动哦！@import url("https://fonts.googleapis.com/css?family=Lato:300");body { display: flex; height: 100vh; justify-content: center; align-items: center; text-align: center; background: #222;}.rainbow { letter-spacing: 0.2rem;

2021-03-10 14:08:23 429

原创移动端点击input让手机自带的键盘弹起，点击搜索弹下，实时搜索vue

移动端点击input让手机自带的键盘弹起，点击搜索弹下，实时搜索vue<div class="aui-title" style="left:2rem; right: 0.5rem;"> <div class="aui-searchbar"> <div class="aui-searchbar-input aui-border-radius"> <i class="aui-iconfont aui-icon-searc

2021-03-10 14:01:28 562

原创 vue评论点赞列表点赞，点击哪个哪个状态改变

vue评论点赞列表点赞，点击哪个哪个状态改变后台数据如下：{“body”:{“host”:null,“code”:200,“errorMessage”:null,“data”:[{“accountId”:“1”,“commentId”:“2”,“headPortrait”:“http://qiniu.yibaimishenghuo.com/1612603455(1)_1613700243471.jpg”,“nickname”:“222”,“created”:“2021-03-02

2021-03-09 16:23:26 1168 2

原创 swiper手动滑动后不再轮播处理办法，autoplayDisableOnInteraction : false无效

swiper手动滑动后不再轮播处理办法 var swiper = new Swiper('.swiper-container1', { // slidesPerView: 3, // slidesPerColumn: 2, spaceBetween: 10, loop: true, autoplay: true,

2021-03-06 15:05:10 2635 7

原创 vue收藏/取消收藏，点赞、取消点赞一个道理，切换图标

vue收藏/取消收藏，点赞、取消点赞一个道理，切换图标<div class="zixun" @click="getFoodFindFoodDetails()"> <img :src="isLike?'../../image/Star4.png':'../../image/Star3.png'" /> <p class="aui-text-gray aui-font-size-10">{{isLike?'已收藏':'收藏'}}</p></div&g

2021-03-06 14:41:40 4389

原创 js获取每一个想要变为大写字母的class，小写字母转大写

js获取每一个想要变为大写字母的class<div class="text text2">Scope of services</div>var text2 = document.querySelectorAll(".text2")text2.forEach(function(ele) { ele.innerHTML = ele.innerHTML.toUpperCase()})想要的效果，小写字母转大写...

2021-03-06 09:08:15 164

原创 vue购物车规格选择，选择某种规格价格和库存都改变

vue购物车规格选择，选择某种规格价格和库存都改变1、这是后台返回的数据格式还是复制一下数据格式吧！方便大家看{ "host":null, "code":200, "errorMessage":"操作成功", "data":[ {"image":"111", "price":39, "name":"黑色+黄色", "id":1, "stock":1223

2021-03-02 10:46:12 890

原创 vue事件修饰符

vue事件修饰符.stop - 阻止冒泡.prevent - 阻止默认事件.capture - 阻止捕获.self - 只监听触发该元素的事件.once - 只触发一次.left - 左键事件.right - 右键事件.middle - 中间滚轮事件Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节，如：event.preventDefault() 或 event.stopPropagation()。Vue.js 通过由点 . 表示的指令后缀来调用修饰符。<!

2021-01-18 19:24:15 94

原创 vue v-bind:style详解

vue v-bind:style详解<div id="app"> <div v-bind:style="[baseStyles, overridingStyles]">娃哈哈，娃哈哈</div></div><script>new Vue({ el: '#app', data: { baseStyles: { color: 'green', fontSize: '30px' }, ove

2021-01-18 19:20:33 2105

原创小程序监听事件捕获与事件冒泡

小程序监听事件捕获与事件冒泡<view class="view1" capture-bind:tap="handleCaptureView1" bindtap="handerBindView1"> <view class="view2" capture-bind:tap="handleCaptureView2" bindtap="handerBindView2"> <view class="view3" capture-bind:tap="handleC

2021-01-18 15:45:04 498

原创 apiclode输入密码校验，vue

apiclode输入密码校验，vue <li class="bbox ycenter aui-border-b" style="height: 2.95rem;"> <img src="../../image/icon_pw.png" style="width: .85rem;height: .85rem;"> <input class="f1 aui-margin-l-10 " v-model="onePassword" :type="isShow?'text'

2021-01-15 11:55:40 73

原创 apiClode打开frame页面传值

apiClode打开frame页面传值//打开页面把id和state传过去<div class="flex-czjz pro-glass" @click="openPage(homepage,projectDetailsNo,state,id)" v-for="(item,index) in list"></div>//openPage: function(url, name, state, id) { var pageobj = { url: homepag

2021-01-12 10:57:24 251

原创 apiclode发送监听，frame页面互相传值

apiclode发送监听，frame页面互相传值// 第一步，发送监听Ajax({ method: 'POST', url: 'workWorld/workWorldSave', token: api.getPrefs({ sync: true, key: 'token' }), data: { content: vm.content, type: vm.status, url: vm.picPath.join(','), status: vm.sendStatus,

2021-01-12 10:38:35 118

原创 vue金额整数时，显示.00

vue金额整数时，显示.00<div class="flex-between"> <div class="gray" style="color: #d1d1d1;">可提现金额：{{commission}}元</div> <div class="aui-text-black" style="color:#737373;font-size:0.58rem;" @click="fullWithdrawal">全部提现</div></div

2021-01-08 19:36:39 1881

原创关于移动端选择所有的分组和选择多个单个的，跟发布朋友圈选择分组一样

移动端选择所有的分组和选择多个单个的//HTML代码<div class="" style="overflow:auto;height: 60%;"> <div class="gzsel-box flex-between"> <div class="text"> <div class="">公开</div> <div class="aui-text-gray aui-font-size-12">所有同事发布<

2021-01-06 17:30:50 231

原创移动端清除页面所有打开的播放器接口

移动端关闭页面所有打开的播放器接口(执行该接口后，返回index会归零)var playModule = api.require('playModule');playModule.cleanPlayers(function(ret, err) { alert(JSON.stringify(ret));});

2021-01-06 17:17:10 88

原创移动端如何满屏拖动一个元素，不会拖出去哦

移动端如何满屏拖动一个元素 .fixed1 { position: fixed; right: 0.5rem; top: 60%; z-index: 1; width: 3rem; } #animat { animation: mymove 2s infinite; animation-timing-function: ease-in-out; } <div class="fixed1" id="animat" style="z-index:1

2021-01-06 17:03:11 198 1

原创移动端元素拖动时，页面滚动报错问题

移动端元素拖动时，页面滚动报错问题let t1 = 0;//滚动距离顶部的距离let t2 = 0;//500毫秒后的距离顶部的距离let timer = null; // 定时器window.onscroll = function(e) { //为了保证兼容性，这里取两个值，哪个有值取哪一个 //scrollTop就是触发滚轮事件时滚轮的高度 vm.flag = true; var scrollTop = document.documentElement.scrollTop || doc

2021-01-06 16:54:07 301

原创 CSS文本超过三行用省略号代替

CSS文本超过三行用省略号代替overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; // 控制多行的行数 -webkit-box-orient: vertical;

2020-12-17 16:30:33 2675

原创 swiper如何禁止用户滑动

swiper如何禁止用户滑动在最大的容器上加swiper-no-swiping<div class="swiper-container swiper-no-swiping"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 1</div> <div class="swiper-slide">Slide 2</div>

2020-12-17 16:17:43 864

原创 swiper点击出现空白的解决办法

swiper点击出现空白的解决办法<div class="swiper-container2 "> <div class="swiper-wrapper"> <div class="swiper-slide swiper-slide-active">全部</div> <div class="swiper-slide">电商类</div> <div class="swiper

2020-12-17 15:53:29 2229 1

原创商品规格选择js

商品规格选择js<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" /> <meta name="format-detection" c

2020-12-14 12:05:56 1312

原创输入框验证码输入1位后自动跳转到下一个input

输入框验证码输入1位后自动跳转到下一个input<div class="dl clearfix"> <div class="aui-font-size-13 aui-text-black">6位验证码</div> <div class="inpt aui-col-xs-2"> <input placeholder="" type="number" name="" id="" value="" /> </div> &lt

2020-12-09 15:30:57 1298

原创复制邀请码js

复制邀请码js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>复制邀请码js</title> <style> .main-yCode

2020-12-07 11:34:13 1511

permission.js

uniAPP自己封装了Android、iOS的应用权限判断、打开应用权限设置界面、以及位置系统服务是否开启，定位权限，摄像头权限，读写相机权限，麦克风权限，拨打电话权限

2022-06-17

各种css动态效果，如按钮，边框，todolist等效果

前端应该都需要，移动端，web都可以

2021-03-10

mobileSelect.min.js

app底部弹出选择 var mobileSelect1 = new MobileSelect({ trigger: '#trigger', // 点击容器的ID title: '选择性别', // wheels: [{ data: ['男', '女'] }] });

2021-01-18

apiclode APP开发封装的核心文件

2021-01-18

空空如也

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

TA关注的人