- 博客(14)
- 收藏
- 关注
RSS订阅
原创 vue动态绑定多个class
话不多说直接上代码 <tr :class="[{'dangerBox':schoolItem.states=='0'},{'warningBox':schoolItem.states=='1'},{'safeBox':schoolItem.states=='2'},{'newBox':schoolItem.states=='3'}]"> 几天同事说vue动态class只能绑定一个，然后瞬间我就不淡定了，就直接把方法告诉了他，相信很多小白也会遇到同样的问题，就在此记录一下 ...
2021-04-22 15:14:20
808
原创 jq +html 实现 分页效果
页面容器 <div id="pageNum"></div> 样式 #pageNum{ margin-top: 30px; display: flex; align-items: center; justify-content: center; color: #818181; } #pageNum div{ border: 1px solid #D3D3D3; line-height: 30px; font-size:
2020-12-09 16:03:53
433
原创 手机端网页实现预览PPT word Excel
项目中使用的是 微软的 office 因为是免费的，嗯没错免费的就是香 PC端用直接就是用 iframe引入 //http://view.officeapps.live.com/op/view.aspx 可以使用https访问 "http://view.officeapps.live.com/op/view.aspx?src=" + encodeURIComponent("你要预览的文件地址") 手机端： 微软的重定向直接让iframe引入自闭了。所以直接采用 a标签跳转的方式 <a href="
2021-09-07 17:51:13
1337
4
原创 Vue 树形组件创建 类似于elment tree
话不多说 直接上树形组件代码然后慢慢给大家讲解 我的树形数据是这样 的 data:[ { check:false, name:"首页", id:1, all_id:1, sub:[{ check:false, name:"首页", id:2, all_id:1-2, sub:[{ check:false, name:"首页", id:3, all_id:1-2-3, }...] }...] }...] 创建第一个component----
2021-08-16 10:37:01
372
原创 a标签打开新页面sessionStorage丢失
最近突然市场反馈用户登录后点击链接提示重新登录，检查后发现是sessionStorage丢失，原代码是这样的： <a target="_blank" href="www.XXXXX.com" ></a> 首先先说一下seeionStorage: sessionStorage作用范围：只存在于当前会话页面，当会话结束后，数据也随之销毁，在不同的浏览器窗口中共享。也就是存在于当前浏览器页面，页面关闭，数据也会删除。（注意：通过鼠标右键打开的新标签无法共享sessionStorage）
2021-04-12 10:48:50
2500
原创 html实现confrim封装（PC）版本
弹窗confrim的简单封装 最近在做项目的时候发现公司根本就没有一点可以复用的代码就简单的封装了可以在pc端使用的confrim，话不多说直接上代码 //confrim弹窗 function confrims(opt) { let firmDom = document.getElementById("__conFirm") let title = opt.title ||"温馨提示", contentText = opt.contentText ||"", //提示框主题
2020-11-26 17:16:34
436
原创 常用的正则表达式
正则验证大全 一、 校验数字的表达式 数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$ 零和非零开头的数字：^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(\.[0-9]{1,2})?$ 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})$ 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$ 有两位小数的正实数：^[0-9]+(\.[0-9]{2})?$
2020-11-26 15:42:15
175
原创 正则去除行内css样式
去除行内所有的css样式： 后台获取到的 html(string)难免会携带有行内css，这种行内样式甚是麻烦不如去掉重写 let dom="<div style="width:500px;height:100px;background-color:#000000;">你说啥，我木听清</div>" let reg = /style\s*?=\s*?(['"])[\s\S]*?\1/g; console.log(dom.replace(reg,'')); <
2020-10-15 08:52:51
1012
原创 自定义滑动轮播
因为项目用的是jq所以就把方法直接挂载到jq上了 废话不多说直接上code html部分： <div id="teachList"> <div class="_swiper"> <div class="_swiper_item"> <img class="teachImage" src="http://www.maladeg.com/img/bg_shouquan.png"/> </div> &l
2020-10-10 16:45:06
654
原创 身份证号验证（正则升级版）
身份证号简单验证直接使用正则 let idcard="410326199706252317"//这是一个错误的身份证号 let regX = /^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/; regX.test(idcard)返回值是true 简单的验证这样是没问题的 有的时候需要很严谨的验证怎么办呢 下面代码完美解决了这个问题 function verifyID(i
2020-07-08 11:59:24
3099
原创 将时间戳转换为任意格式的时间
直接上code `const formatNumber = n => { n = n.toString(); return n[1] ? n : ‘0’ + n }; function formatTimenumber, format) { var formateArr = [‘Y’, ‘M’, ‘D’, ‘h’, ‘m’, ‘s’]; var returnArr = []; var da...
2020-04-10 10:09:31
311
1
原创 小程序商城计时器
自制小程序商品列表计时器 看了很多人写的计时器都是直接秒更新页面数据，亲自测试了一下真的是不能用。。页面数据稍微多一点直接就一闪一闪亮晶晶不能看啊。 下边是用小程序comPonent实现的列表计时器，话不多说直接上code js Component({ /** * 组件的属性列表 */ properties: { num:Number }, observer...
2020-04-09 11:33:47
259
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人