- 博客(27)
- 收藏
- 关注
RSS订阅原创 css display:grid布局，实现任意行、列合并后展示，自适应大小屏幕
此时会生成如图1所示的42个格子，让用户去勾选格子合并，合并逻辑后端完成。现有6X7列的一个布局，如下图所示。首先循环出42个格子，js代码。
2024-06-12 21:00:00
930
原创 【uniapp】 软键盘弹出后fixed定位被顶上去问题
当手机设计的导航栏为fixed定位上去时，输入框获取焦点就会把顶部自定义的导航栏顶到上面去，如下图所示。当输入框获取焦点时获取到软键盘的高度，方法为inputBindFocus。亲测有效，哈哈，但是有一点延迟，不知道大佬有没有好的解决办法，欢迎评论。输入框设置 :adjust-position=“false”然后把fiexTop给弹窗的最外层加上padding就好了。
2023-08-10 18:45:00
3156
2
原创 【无标题】阿里云web播放器 ios报4301错误
在使用阿里云播放器播放阿里云加密视频时候苹果的手机和电脑都会报错4013错误，我们的原因是后台的debug没有关闭，下次遇到可作为造成原因之一查看
2022-04-14 19:30:00
772
原创 css 常用布局
横向滚动.parent { width: 100%; margin-top: .3rem; margin-bottom: .3rem; white-space: nowrap; overflow: hidden; overflow-x: auto; overflow-x: scroll; -webkit-overflow-scrolling: touch; padding: 0 .3rem; overflow-y: hidde
2021-05-28 09:26:08
157
原创 苹果浏览器弹出软键盘遮挡底部fixed定位问题
ios微信浏览器将fixed定位自动转换为absolute定位软键盘遮挡input弹窗如下图：苹果手机会弹出软键盘后遮挡住这个评论发布框解决办法：我采用让他滚动到底部，然后软键盘就不会挡住输入框，达到效果。点击评论按钮后将页面滚动到最底部$("html,body").animate({ "scrollTop": windowHeight }, 200);完美解决。...
2021-04-25 15:24:09
1235
原创 html使用 katex 数学公式
html使用 katex 数学公式官网：KaTeX官网官网下载压缩包，我是直接下载本地使用的，这个网址是：下载网址下载完成后按照他的说明引入js和css就可以，此处需注意，本地使用时不需要加官网引用所需的integrity="sha384-qCEsSYDSH0x5I45nNW4oXemORUZnYFtPy/FqB/OjqxabTMW5HVaaH9USK4fN3goV" crossorigin="anonymous"，直接引入js和css，像<script defer src="./katex/k
2020-12-29 11:51:02
2118
转载 HTML5拖放，交换两个div的位置
通过js和html5拖放交换两个div的位置（转载）<!DOCTYPE HTML> <html> <head> <script type="text/javascript"> function allowDrop(ev) { ev.preventDefault(); } var srcdiv = null; function drag(ev,divdom) { srcdiv=divdom; ev.dat
2020-12-14 11:13:11
1001
原创 阿里云文档预览ajax请求接口获得地址后再渲染预览文档
效果类似这样，点击下面模块重新渲染文档预览代码：点击方法（一定要加async）async function _showFileResource(id = 0, file = "") { $.ajax({ //请求方式 type: "POST", url: "接口地址", data:{ 请求参数 }, //请求成功 success: async function (r
2020-12-10 09:36:44
350
原创 uniapp picker多列选择器循环数组对象
效果如图：代码如下：<view class="courseInput"> <picker class="width-100" mode="multiSelector" :range="timeList" :value="timesIndex.value" :range-key="'value'" @change="bindTimeChange"> <view> {{timeList[0][timesIndex[0]].value
2020-12-01 14:03:45
3528
2
原创 设置overflow-x: auto如何让其内容滚动到指定位置
需求：当给父元素设置overflow-x: auto后，需要它的选中了的子元素滚动到当前位置显示。图一为第一个子元素的内容，图二为效果图。实现：首先获得需要滚动的元素距离父元素的位置，.resources_x[file="'+resource_id+'"]为蓝色的块元素，是resources_cont的子元素。data = $('.resources_cont').find('.resources_x[file="'+resource_id+'"]').position().left然后设
2020-11-16 10:37:55
4712
原创 layui返回父级页面并刷新父级页面表格（单页刷新）
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引parent.layui.table.reload('test-table-toolbar');parent.layer.close(index); //再执行关闭layui返回父级页面并刷新父级页面表格（单页刷新）
2020-07-30 11:28:20
3723
1
原创 h5微信扫码登录
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body><div id="wx_lo
2020-07-23 09:09:53
1073
原创 获取div距离当前窗口顶部距离
$(window).scroll( function (){ var topPin =$('.graphic_box').offset().top - $(window).scrollTop(); console.log(topPin) });获取div距离当前窗口顶部距离
2020-07-15 09:56:33
3433
原创 css 改变滚动条样式
css改变滚动条样式.steps_num::-webkit-scrollbar{ width: 4px; height: 4px;}.steps_num::-webkit-scrollbar-track{ background: #fff; border-radius:2px;}.steps_num::-webkit-scrollbar-thumb{ background: #fcfcfc; border-radius:10px;}.steps_
2020-05-28 10:42:36
185
原创 点击其他位置隐藏某个元素
点击该元素以外的元素隐藏该元素$('.add_course').click(function(e){ $('.add_kccon ul').toggle(); e.stopPropagation();})$(document).click(function(){ $(".add_kccon ul").hide(); }) ...
2020-04-20 11:54:28
193
原创 layui open 弹窗关闭后刷新父级页面的当前页表格
在成功后parent.layui.table.reload('test-table-toolbar');
2020-04-16 15:30:28
1042
原创 从码云上传代码到阿里云Linux服务器
需求是：让我把我写的代码上传到阿里云服务器上，服务器后端开发人员已经搭好了。首先我们要登录服务器，右键打开git bash here，如下图：然后输入服务器的地址和密钥：![!](https://img-blog.csdnimg.cn/20200110095226362.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,s...
2020-01-10 10:08:44
974
原创 截取字符串逗号前一个和后一个值
截取字符串correct_answers = '123,435';var answer1 =correct_answers.substring(0, correct_answers[0].indexOf(","));//逗号前的值var answer2 =correct_answers.substring(correct_answers[0].indexOf(",")+1);//逗号后的值...
2020-01-07 14:27:33
4303
原创 选项卡
选项卡<script type="text/javascript">$(".tabBtn_other .tab_item:gt(0)").hide();$(function(){ $(".tabBtn .btn").click(function(){ $(this).addClass("active").siblings().removeClass("active"); ...
2019-12-25 10:18:00
135
原创 分数判断，只能输入正数
分数判断判断分数，只能输入正数，文字和负数不支持输入html<input type="text" name="price_min" placeholder="" class="layui-input" score="0"jsnow1.val(now1.val().replace(/[^\d.]/g, "")) //清除“数字”和“.”以外的字符 now1.va...
2019-12-13 17:28:14
166
原创 layui table表格渲染，添加，修改等方法
layui table 表格渲染，渲染表格用的layui.table.render，其中修改数据，删除数据由于本人刚刚开始用layui，部分方法不太熟练，用的ajaxhtml 部分<div class="layui-fluid"> <div class="layui-row layui-col-space15"> <div class="lay...
2019-12-03 17:10:58
4622
转载 微信小程序2.8.3 (2019-09-17)更新
**微信小程序2.8.3 (2019-09-17)更新**wx.hideHomeButton(Object object)可以隐藏返回首页按钮。自我感觉很有用，隐藏掉返回按钮了
2019-10-11 10:28:21
413
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人