喵喵学姐-优快云博客

原创【JS】判断多组数据是否符合递增机制

【JS+ES6】判断多组数据是否符合递增机制

2022-07-07 18:15:20 796

html：<div class="user-box"> <input class="layui-input" type="text" name="txtName" type=“A” placeholder="請輸入昵称"> <input class="layui-input" type="text" name="txtAge" placeholder="請輸入年龄"></div>单个属性选择器：$('.user-box input[n

2022-02-10 17:09:16 2748

原创【Html】JS实现左滑删除功能及注意要点

实现思路：使用touchstart事件与touchmove事件获取到的位置做判断，从而知道是左滑还是右滑，左滑则显示删除按钮，右滑则隐藏。具体代码看下面~touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。touchmove事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。Html：<div class="item"> <div class="item-box">

2022-01-29 16:48:14 2395

原创 JS 解决mvc @ViewBag数组转换成JS数组问题

只需如下述转换即可：let menuList = @Html.Raw(Json.Encode(@ViewBag.menuList))

2022-01-24 16:46:28 965

原创 JS 解决input框弹起键盘时顶起底部元素问题

var winHeight = $(window).height(); //获取当前页面高度$(window).resize(function () { var thisHeight = $(this).height(); if (winHeight - thisHeight > 140) { //键盘弹出 $('.main-footer').css('position', 'static'); } else { //键盘收起

2022-01-24 16:21:51 1704

原创 Vue+Vant 解决uploader组件进行上传图片的问题

这个坑有点大，踩了一天，终于严实了。下面记录下踩的坑…1、首先vant中提供的Uploader没有属性可以直接填写后台路径直接请求，需要在文件读取完成后的回调函数（after-read方法）中进行ajax或axios的请求。// uploader<van-uploader class="item-upload" :after-read="afterRead" accept="image/jpeg,image/png" :preview-image="false" />...

2021-07-21 11:28:55 10424 1

原创 webapi 实现上传图片到服务器端并返回路径

单图片上传：通过HttpContext.Current.Request.Files来接收前端传过来的数据；SaveAs保存到指定该文件夹下；/// <summary>/// 上传图片/// </summary>/// <returns>返回图片路径</returns>[HttpPost]public ApiResult UploadImage(){ HttpFileCollection files = HttpContext.

2021-07-16 11:41:24 2359 2

原创【小程序】根据唯一标识计算相同商品数量并去重

需求：在一些商品列表，优惠券列表，购物车…中时常会需要把相同商品归类起来展示，而不是一一罗列出来，这时就需要根据每个商品的唯一标识进行计算跟去重啦。重点：计算方式第一个数据时直接赋值num=1并追加到新数组里；判断当前这条数据在新数组里是否存在，存在则num增加1，否则赋值num=1并追加到新数组中；onLoad: function (options) { var that = this; var list = that.data.list; var newList =

2021-07-08 16:08:20 401

原创微信小程序自定义日期选择器

需求：在小程序开发中，时常会遇到日期选择器、时间选择器或者地区选择器来进行选择的功能。往往设计图上面并不是按部就班沿用官方提供那种控件样式来实现显示，比如：样式会多样化、功能会复杂化。这时我们就要自己写一个适合需求的组件啦…下面跟大家分享下我写的一个自定义日期选择器组件~首先上效果图看看~~主要步骤：第一步：首先自定义选择器组件需要用到picker-view跟picker-view-column。使用方法如下~<picker-view indicator-class="picker-ind

2021-03-04 18:04:44 3151 20

原创小程序解决iPhone机型屏幕下边横杠遮住底部按钮问题

需求：在微信小程序或者支付宝小程序开发过程中，通常页面底部都会设置有按钮。但是在iPhone机型上有部分屏幕底部是有横杆的，这时页面的按钮就会被横杆遮住，体验效果不理想。思路：首先在app.js的onLaunch方法中获取到设备信息，根据设备信息判断设备屏幕下边是否有横杆并设置到全局变量；在页面中获取到该变量，为true时就动态改变底部按钮高度，使按钮弹起一部分高度，从而实现横杠遮挡不了按钮；...

2020-12-23 09:58:16 3602 2

原创微信小程序解决picker-view组件setData属性value无效问题

只需在setData变量的外边加上setTimeout即可：// An highlighted blocksetTimeout(() => { that.setData({ pickerIndexList, }) }, 0)

2020-11-26 15:58:44 1530

原创【vue】设置网页的标题和图标

设置步骤：在根目录下找到并打开index.html文件；设置的图标需要存放在static文件夹下（亲测存放在改文件夹下浏览器才可以找到）；在index.html → head → title标签里修改自己想要的名称；然后在head下引入图标：<link rel="Shortcut Icon" href="static/favicon.ico" type="image/x-icon">...

2020-10-21 19:33:52 2786

原创【css】小程序实现view始终跟随页面变化显示在最底部

【css】微信小程序/支付宝小程序实现view始终跟随页面变化显示在最底部需求：在小程序开发过程中，通常需要在首页或者重要的页面底部加上技术支持等字语。那么如何在[页面内容小于页面高度时]、[页面内容大于页面高度时]显示该字语在页面底部呢？实现效果的重点样式：// 这是技术支持等字语外边的盒子，这三个属性很重要.main .main-content{ position: relative; min-height: 100vh; box-sizing: border-box;}//

2020-09-23 22:30:25 7841 3

原创微信小程序实现多次调起授权位置弹框获取用户位置

微信小程序实现多次调起授权位置弹框获取用户位置需求：在小程序开发过程中通常需要获取用户的位置，有时会进入页面就要授权，有时点击某个按钮时需要授权。这时我们想到直接使用官方提供的wx.getLocation()来获取用户位置，但有个问题是这个接口只有在第一次进入小程序时或用户删除授权位置信息后才会调起授权弹框。那如果用户在第一次弹框时就点击了取消怎么办呢？下面给大家详细讲解如何多次调起授权弹框以便用户授权信息。实现的思路、步骤：首先在页面onLoad()或者onShow()里边调用wx.getSet

2020-09-10 20:19:21 5166 7

junxianzhou的博客