joe0235-CSDN博客

原创微信小程序 input 不能输入特殊字符的方法

微信小程序开发中经常遇到有表单提交的需求，一些特殊的字段要过滤掉特殊字符。比如姓名、籍贯、地址等，都要实现不能输入特殊字符的功能，可以创建一个统一的方法来处理输入事件，并在这个方法中检查输入的字符。请注意，这个示例在输入非符合正则表达式时会清空输入框，这可能会影响到部分用户的体验感。

2024-04-19 16:54:33 483

原创 CSS的逻辑组合伪类

CSS 的逻辑组合伪类有 4 种，分别是：:not()、:is()、:where()和：has()。

2023-12-06 14:52:36 262

原创 CSS结构伪类选择器之否定伪类:not()

结构伪类选择器是针对 HTML 层级结构的伪类选择器。常用的结构化伪类选择器有：:root选择器、:not选择器、:only-child选择器、:first-child选择器、:last-child选择器、:nth-child选择器、:nth-child(n)选择器、:nth-last-child(n)选择器、:nth-of-type(n)选择器、:empty选择器、:target选择器。

2023-12-05 15:01:36 2583

原创 jQuery 指定区域的内容循环滚动

需求：页面指定区域内的内容循环滚动，但是内容形式、高度都不固定，是接口从编辑器提取出来的内容。

2023-09-21 11:18:04 258

原创微信小程序 scroll-view 组件的 bindscroll 不触发不生效

5、滚动的可能是page，如果确定page里的内容不需要滚动。只滚动scroll-view里的内容，禁用页面滚动。使用微信小程序基础组件中的scroll-view，但是滑动的时候 bindscroll 一直不生效。1、没有设置高度，根据小程序文档，在使用 scroll-view 组件用于竖向滚动时一定要设置高度。3、组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。4、scroll-view 里有两个子元素，加一个view给包起来。2、没有设定scroll-y。

2023-08-29 15:21:34 1663

原创 scroll-view 组件里的 scroll-into-view 属性实例

微信小程序的scroll-view组件中，scroll-into-view 属性可以指定滚动到指定id的位置。），设置哪个方向可滚动，则在哪个方向滚动到该元素。scroll-y 是滑动方向。intoIndex 值应为某子元素id（下面写个简单的小实例，方便大家理解。

2023-08-25 15:28:36 770

原创微信小程序授权登录时不得默认强制用户同意隐私政策协议

微信小程序授权登录时，应当由用户自主阅读后自行选择是否同意隐私政策协议，不得默认强制用户同意

2023-08-17 10:42:41 1025

原创微信小程序 app.json 里 “style“: “v2“ 的作用

新版微信小程序的 app.json 文件中多了一个：style": "v2"

2023-05-10 11:26:28 1102 1

原创 JQuery获取本地时间和服务器时间

我们都知道直接使用 new Date() 获取到的是访问当前网站的客户机本地的时间，有的时候这个时间有可能因为人为修改，主板电池没电等原因导致获取到的时间不准确。因此，在开发中，需要获取当前时间进行操作，应该直接使用JS获取服务器的时间。

2023-04-28 16:25:17 664

原创 Ueditor 富文本编辑器插入 m3u8 和 mp4 视频（PHP）

新的需求是，需要在Ueditor 富文本编辑器中，插入视频播放，并且视频格式有MP4，也有M3U8。

2023-04-27 15:55:25 1552 1

原创 jQuery 在图片和文字中插入内容（多种情况考虑）

昨天接到一个新的需要，在后台文章编辑器中，每一个文章的正文前面，可以单独添加一个电头字段，但是如果在富文本编辑器中最上面就添加图片的话，图片就会把电头和正文中的文字给隔开。需要做的是获取到电头字段，然后在正文中的文字部分的最前面插入电头字段。

2023-04-25 10:00:02 843

原创 JQ 获取 input 当前光标的位置并插入文字

今天遇到一个需求，当用户在输入框中输入文本的时候，点击一个按钮，获取当前输入框中光标的位置，并在当前位置中插入对应的文字或字符。

2023-04-18 10:24:02 495

原创监听 input type=file 文件上传取消事件

在做项目的时候，需要根据是否上传图片，（前提是已经上传文件，再次上传取消时，监听取消事件）进而判断页面变化。通过查阅相关资料，发现change事件并不能监听取消，于是从另外一种角度：判断上传的文件是否有值，进而监听取消事件。

2023-04-10 10:59:39 1668

原创微信小程序包大小超过2M的解决方法—分包加载

小程序的包被限制在2M以下，超出的时候点击预览，发现报错

2023-04-06 09:56:33 4483

原创微信小程序苹果ios固定定位position:fixed失效bug

问题：底部固定栏设置 position: fixed; 挡住了下面的内容设置了上面 view 的 margin-bottom ，微信开发工具中都正常，而且安卓真机下显示没问题，但是苹果真机却没启作用。网上找了半天，发现除了给上面的 view 加 padding 和 margin 以外，还需要为page标签设置wxss样式：overflow-y: hidden; overflow-x: hidden;page{ height: 100%; overflow-y: hidden; over

2023-03-29 10:25:19 804

原创 win10 系统开始菜单没反应的解决方法

刚才点击 win10 系统的开始菜单没反应，右键点击却可以，开了工具比较多，又不想去重启电脑。就百度了一下，发现除了重启电脑，还有更快的解决方法，就是重启Windows资源管理器。一、资源管理器重启1、使用快捷键【Ctrl+Shift+Esc】会弹出任务管理器窗口，如下图所示：2、在任务管理器窗口中点击【进程】，然后找到【Windows资源管理器】，选中点击【重新启动】即可。如下图所示：如果通过重启资源管理器还不能解决点击 win10 系统的开始菜单没反应的问题，还可以试一试下边的运行命令解决方

2023-03-14 15:00:14 2112

原创 Android电视盒子最强看电视app-tvbox配置(视频源)教程

tvbox是一款影视观看类的软件，各种影视资源都是为你免费提供的，还有海量热门影视为你提供电视直播，让你可以实时在线进行观看以及体验一样，超多影视剧内容你感兴趣的都能进行观看体验，tvbox让你只要拿起手机就能进行影视剧的获取以及观看，各种电视直播等你来获取到。

2023-03-10 09:56:45 237265 3

原创使用非对称加密(RSA) 实现前端加密后端解密

数据加密方式有：单向加密、对称加密、非对称加密、加密盐、散列函数、数字签名。

2023-02-27 15:10:28 3553

原创 jQuery 解决低版本安全漏洞并兼容旧版写法及依赖老插件

jQuery 解决低版本安全漏洞兼容旧版写法及依赖老插件

2023-02-23 09:43:32 4871

原创 npm 查看源地址以及更换源地址的方法

在使用npm命令时，如果直接从国外的仓库下载依赖，有时候下载速度很慢，甚至会下载不下来。这时我们可以更换npm的仓库源，提高下载速度。

2023-02-16 10:00:09 6235

原创 Git 如何退出 git log 状态

当commit（提交）比较多，git log 的内容在一页显示不完整，满屏放不下的时候，就会显示冒号。

2023-02-16 09:18:51 564

原创 js判断当前H5是否在微信小程序的web-view中

用小程序提供的 wx.miniProgram.getEnv 可以获取环境参数，但是它有个问题就是无法在非微信环境下判断。所以在使用 wx.miniProgram.getEnv 前得先判断是否在微信环境中。代码：<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script><script> var ua = navigator.userA

2022-03-01 15:22:20 858

原创微信小程序上传图片(限制图片大小、张数)

代码：//选择图片 choice: function () { var that = this console.log(that.data.imgsrc.length); if (that.data.imgsrc.length <= 3) { var ino = 4 - that.data.imgsrc.length; wx.chooseImage({ //从本地相册选择图片或使用相机拍照 count: ino,

2022-03-01 10:49:14 6465 2

原创 iOS端内嵌H5页面点击a标签无反应

问题1：iOS端内嵌H5页面，点击a链接无反应解决：一般这种问题发生在新窗口打开的情况下，也就是说 target 的值为 _blank 时会发生这个问题，改为 _self即可解决问题。或者iOS的用户长按链接也是可以打开链接的，不过是跳转到了浏览器。问题2：如果点击的模块不是a标签或者button解决：需要给他加上cursor: pointer的样式。第二种解决方案是将click事件替换为touchstart事件，或者click事件与touchstart事件并存：$(document

2022-01-28 15:47:49 4240

原创 h5 实现一键复制到粘贴板兼容iOS

效果展示先贴上测试连接 http://cdn.foundao.com/zhaosheng/copytext实现原理采用 document.execCommand(‘copy’) 来实现复制到粘贴板功能复制必须是选中input框的文字内容，然后执行document.execCommand(‘copy’)命令实现复制功能。初步实现方案（非完整代码）：// 此代码在iOS下有bug,完整代码在最后贴出const input = document.querySelector('#copy-input

2021-12-23 10:15:46 3238 5

原创微信小程序页面跳转url传参，对象、数据过长、特殊字符问题

1、传递参数为对象格式若参数为对象则需先使用 JSON.stringify()进行转换 , 接收后使用JSON.parse()转为对象.但这样传参有一个问题，当对象数据长度过大时会报错，因为url传参时程序把过长的那段数据给截取掉了，导致数据转换回来时格式不对而报错。2、传递参数中含有? = &等特殊字符若传递参数中含有=,?,&等特殊字符，无法正常传递参数，则需要进行编码解码。解决：这时可以再添加另一个API：encodeURIComponent(obj) 和 decodeUR

2021-12-22 09:21:00 2794 1

原创微信小程序实现懒加载追加数据方法

业务中我们常会遇到图片较多、或者数据较多的列表，一次渲染出来的话轻则渲染时间过长，重则可能直接罢工白屏，什么都渲染不出来，这个时候懒加载(只渲染视口中的数据)就很有必要了，然后每次再追加一定的条数。思路：进入页面初始化，首先 voteList 数组加载前10条（数量根据实际需要），然后每当用户下拉到底部后，触发onReachBottom函数，追加后10条到 voteList 数组中，循环直到全部加载完毕，显示“全部加载完毕”等提示语，此时无法下拉。代码：wxml：<view class="v

2021-12-21 11:07:23 1208 1

原创 js 数组的随机排序方法

今天弄了一个小功能，有一个数组，当每次刷新时，数组会随机重新排序生成新的数组。直接上代码：var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]function shuffle(arr) { var cloneArr = arr.concat(); var len = cloneArr.length; for(var i = 0; i < len; i++) { var index = Math.floor(Math

2021-11-11 17:00:58 966

原创解决 Vue2 点击事件要点击两次才生效的问题

问题：项目落地页使用 LinkedME 深度链接服务跳回App，单独在 jQuery 下没问题，可以正常点击跳转，但是放在 vue 的 methods 方法中，就需要点击2次才可以触发。查了一些资料，基本都是创建封装 LinkedME 代码，然后 import 进去使用，但是我这个只是一个简单的功能网页，并不想做的那么复杂。解决办法：在 created 钩子里进行插件的初始化例如：<div @click="linkPage">下载APP</div><script

2021-09-27 15:11:51 6283 3

原创 vue 中的 async await 异步等待按顺序执行

async/await场景:这是一个用同步的思维来解决异步问题的方案，当前端接口调用需要等到接口返回值以后渲染页面时。asyncasync的用法，它作为一个关键字放到函数前面，用于表示函数是一个异步函数，因为async就是异步的意思，异步函数也就意味着该函数的执行不会阻塞后面代码的执行，async 函数返回的是一个promise 对象，可以使用then方法添加回调函数。当函数执行的时候，一旦遇到await就会先返回，等到异步操作完成，再接着执行函数体内后面的语句。awaitawait的含义为等待

2021-09-07 15:09:28 4391

原创 Spring 定时任务 @Scheduled cron表达式

我们在开发时经常会遇到一些需要定时执行的小任务，使用了 springboot 的定时任务后变得更加简单快捷，下面举个例子：Java配置中开户对Scheduled的支持：import org.springframework.context.annotation.Configuration;import org.springframework.scheduling.annotation.EnableScheduling;@Configuration@EnableSchedulingpublic c

2021-08-20 15:29:14 4792

原创 github 获取生成 token 的方法

1、登录 GitHub ，点击右上角头像，选中 Settings (设置)。在 https://github.com 登录你的帐号，登录以后点击右上角你的头像的Settings2、选择左侧菜单的“Developer settings”一项3、再选择“Personal access tokens”选择左侧导航 Personal access tokens (个人访问令牌)4、点击“Generate a personal access token”:点击右侧的 Generate new t

2021-08-17 15:09:11 1920

原创 jQuery 获取当前日期及前一周或者后一周的日期

有的时候要获取当前日期，或者前一天、后一天的日期。写了一个方法，可以获得当前及前一段时间或者后一段时间，在这里记录分享下。代码：// n为你要传入的日期参数，当前为0，前一天为-1，后一天为1function formatDate(n){ var date = new Date() ; var year,month,day ; date.setDate(date.getDate()+n); year = date.getFullYear();

2021-08-06 09:43:52 1661

原创 jQuery 复选框 checkbox 取值和赋值

获取单个checkbox选中项(三种写法)：$("input:checkbox:checked").val() // 或者 $("input:[type='checkbox']:checked").val(); // 或者 $("input:[name='ck']:checked").val(); 获取多个checkbox选中项：$('input:checkbox').each(function() { if ($(this).attr('checked') ==true).

2021-07-13 09:46:08 2322

原创 iview 表单验证问题 Select 已经选择还是弹验证提示

问题：iview 的 Select 下拉框的时候，数据验证必填，明明选择了数据，却一直提示验证不能通过html代码：<Form ref="FormData" :model="FormData" :rules="ruleValidate" :label-width="100"> <FormItem label="版本信息：" prop="typeId"> <Select v-model="FormData.typeId" placeholder="请选

2021-06-11 10:21:29 1375 1

原创微信内 H5 页面自定义分享

起源：最近公司在做一个活动的h5页面，在微信内打开时需要进行微信授权，然后后端会重定向到这个页面并且携带了一些参数（openid等）。问题是点击微信的原生分享时，会把携带的这些参数一起分享出去，等于把用户信息泄露了。所以为了解决这个问题，只能实现自定义微信分享的功能，可以自定义分享的地址、标题、图标还有简介。事先需要做的：1.微信公众号：必须是经过微信认证的，没有认证的或者认证过期的都不可以；2.经过备案的域名：必须是备案过的，不然是无法使用的；3.绑定域名：首先你需要将需要分享的网址的域名绑定到

2021-06-04 16:56:44 1355 2

jQuery调整页面字号大小

空空如也