小New-CSDN博客

原创 layui的轮播图实现屏幕滑动

使用layui的轮播图实现<div class="layui-carousel" id="test1" lay-filter="test1"> <div carousel-item> <div style="background:red;">条目1</div> <div style="background:orange;">条目2</div> <div style="bac

2021-09-04 17:44:33 970 2

随机生成字符串代码：// var pwd; // 点击生成随机数 10位 $('.random').click(function () { pwd = ""; //点击重置字段 var pwdLength = 10;//密码的长度 var random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J',

2021-04-19 14:11:04 189

原创 js、jq实现点击复制

代码如下：html<div> <input type="hidden" value=""/> <button class="copy">复制</button></div>js代码：//点击文本框复制其内容到剪贴板上 $(document).on('click','.copy',function(){ var Text = $(this).parent().children().eq(1).val();//

2021-04-19 11:44:38 392

原创响应式布局

1.借用前端框架（layui、bootstrap……）的栅格模式，或者写好的移动样式。2.使用css flex布局等。3.使用流水式布局width设置百分比。4.使用媒体查询根据屏幕大小单独写样式例子如下：// 响应式布局像素值写/* 当浏览器的可视区域小于像素值显示下面样式 */@media screen and ( max-width: 像素值 ) {}...

2021-04-02 11:20:16 65

原创 web端前端自定义提示语信息

当然许多框架里面带的有但自己也要会写（自己写的比较明白吧）效果图如下由CSS和JavaScript实现css代码如下：// 样式/* 提示语开始 */@-webkit-keyframes toastAnimation { 0% { opacity:1;}25% { opacity:0.75;}50% { opacity:0.5;}75% { opacity:0.25;}100% { opacity:0;}}@keyframes toastAnimation {

2021-01-09 10:45:33 1282

原创数据库语句输入某个ip是否属于一个ip段

sql语句：//查找归属范围的ipselect 查找的值 from 表名 where inet_aton('传进的ip') between inet_aton(表名.小范围ip) and inet_aton(表名.大范围ip);//查找单个ip select 查找的值 from 表名 where inet_aton(表名.ip) = inet_aton('传进的ip');...

2020-12-26 14:47:51 232

原创前端上传图片后在页面上展示

代码如下：HTML：// 图片上传<input id="rightupload" type="file" name="" value="" /><img id="usrightimg" src="/static/user/img/portrait_photos.png" alt="">js：$('#rightupload').change(function () { var file = $('#rightupload').get(0).files[0];

2020-11-19 16:43:00 747 1

原创如何解决移动端的滑动事件总是出现无法侦听事件

报错内容：Unable to preventDefault inside passive event listener due to target being treated as passive由于目标被视为被动，因此无法防止被动事件侦听器中的默认值解决方案：*{ touch-action: none;}

2020-11-19 11:42:45 322

原创 jquery 搜索框对table表格实现实时刷新

// 搜索框实时刷新$('input[name="search"]').bind("input propertychange", function (event) { var txt = $('input[name="search"]').val(); $("table tbody tr").hide().filter(":contains('" + txt + "')").show();})

2020-11-01 14:16:00 343

原创 uniapp 对话页面键盘弹出时，使页面总显示最后一条记录，解决方案。

// 监听窗口高度变化uni.onWindowResize((res) => { that.scrollheight = res.size.windowHeight - 71; that.$nextTick(function() { that.scrollToView = 'message'+(that.messages.length - 1);//跳转上次的第一行信息位置 that.scrollAnimation = true;//恢复滚动动画

2020-11-01 09:55:35 635

原创 jquery的插值添加的class无效解决方案

下面展示一些代码片。$(document).on('事件名','添加的class',function(){ //写上自己的方法});

2020-10-30 10:32:52 238

原创 layui分页加下拉选择

layui.use(['laydate', 'form', 'layer', 'laypage', 'table'], function () { var laydate = layui.laydate form = layui.form layer = layui.layer laypage = layui.laypage var pageSize = 5; //每页显示5条 var a = 0, b = 5; //页面首次拿到数据显示条数 var

2020-10-29 17:14:24 1783

lsk_xs的博客

原创 tp6中前端公共部分封装