- 博客(39)
- 资源 (68)
- 收藏
- 关注
原创 css 让一个图片在固定的尺寸中上下左右居中object-fit
高度是设置的高度。宽度是原始图片根据高度拉伸的原始比例的宽度。不受你设置的图片的宽度影响img{ width:1000px; height:300px; object-fit:contain;//保持原有尺寸比例}...
2019-07-31 14:24:14 471
原创 css 多列等高等宽布局
左右间距都是一样的。然后两个sibling也是均分。使用display:table 和display:table-cell就可以啦<div class="table"> <p>Sibling 1</p> <p>Sibling 2</p></div>...
2019-07-31 10:37:43 713
原创 css绘制三角形的原理
<div class="triangle"></div>.triangle{width:0px;height:100px;border:100px solid;border-color:red green blue yellow;}效果就是下面这张图所以我们把其中的三种颜色设置成transparent 透明的,就是一个三角形了...
2019-07-31 10:03:06 172
原创 查看各主流浏览器对某些属性和插件的支持情况
查看各主流浏览器对某些属性和插件的支持情况网站http://caniuse.com/#feat=history
2019-07-30 15:44:16 262
原创 利用css3的transform实现垂直居中
css里面用text-align:center加上margin:0 auto就可以实现水平居中了,但是垂直居中却没有相应的css属性来设置,而如果要设置元素能够垂直居中必须得将容器设置为display:table,然后将子元素也就是要垂直居中显示的元素设置为display:table-cell,然后加上vertical-align:middle来实现。下面的代码利用css3的transform...
2019-07-30 15:21:09 6029
原创 js交换两个变量的值
交换两个变量a,b的值应该怎么做呢?1.利用临时变量转换。最常规的一种(这是用到的最广泛的一种方式,经实战测试分析,性能也很高) x=a; a=b;b=x;2.利用一个新的数组来进行数据交换(这种方式在各大论坛中都有看到有人使用,但经测试实际性能并不高)a=[b,b=a][0]3.es6的语法(旧版本浏览器不能使用ES6语法)[a,b...
2019-07-30 14:59:50 1713
原创 ueditor粘贴的一个内容会自动的添加上 ;的标签。然后会导致一些类似插入图片报错的问题
在ueditor.all.js文件找到上述所示代码,将 替换为‘ ’即可。如下所示:function isText(node, arr) { if(node.parentNode.tagName == 'pre'){ //源码模式下输入html标签,不能做转换处理,直接输出 arr.push(node.data...
2019-07-30 11:59:11 648 1
原创 ueditor 关闭页面后的报“Cannot read property 'lang' of undefined”。只渲染一次走一次ready事件
我的编辑按钮打开的页面里面有个编辑器。编辑器的内容需要回填。在回填时我需要判断页面编辑器已经加载完了,再去赋值。但是第二次之后点击看到的内容永远是第一次弹窗编辑器里的内容。所以他根本没有走ready事件从新赋值。<script id="editintroduce" name="introduce" type="text/plain">请输入校区简介...</...
2019-07-30 11:40:02 1589
原创 【转载】layui的下拉多选插件
这是官方介绍:https://hnzzmsf.github.io/example/example_v4.html
2019-07-29 14:24:32 312
原创 layui的内置方法。页面右下角固定块、倒计时、时间距离当前时间多久、数字前置补零
页面的右下角出现一个这样的图标。位置固定不随页面滚动。通常用在回到顶部或者是咨询信息。需要自己写点击之后的触发事件layui.use('util', function(){var util = layui.util;//执行util.fixbar({bar1: true,click: function(type){console.log(type);if(ty...
2019-07-28 17:25:51 1522 1
原创 ueditor插入表格是有边框的。但是在页面显示的时候没有边框
修改ueditor.all.js里面的UE.commands['inserttable']函数加上下面标红的样式:style="border:1px solid #ddd;"style="border-collapse:collapse;"
2019-07-28 10:41:57 609
原创 ueditor插入表格报错 ut is not defined
当我插入表格。把焦点放在表格里面的时候就弹出报错。ut is not defined找到报错的行。发现是因为ut没有定义。我们只有在前面加个var 就行了。上面标红的改成 var ut = getUETable(table);...
2019-07-28 10:15:18 509
原创 layer弹窗第一次不居中。然后再点击就居中了。解决办法
百度过很多的方法。一一列下来方法一。把弹窗事件写在layer.ready里面 layer.ready(function() { var index = layer.load(2); layer.open({ t...
2019-07-23 16:59:45 2316 1
原创 正则表达。非零开头最多两位小数的数字。一般用在价钱
非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(\.[0-9]{1,2})?$
2019-07-23 10:41:12 1028
原创 阻止冒泡
a标签上面有个href跳转。然后a标签里面的html有个跳转详情的click点击事情。一般得都是 e.stopPropagation(); 如果我们还想传别的参数怎么办呢?function stopBubble(e) { //如果提供了事件对象,则这是一个非IE浏览器 if ( e && e.stopPropagation ) //因此它支持W3C的sto...
2019-07-22 18:06:27 164
原创 layui 结束日期不能小于开始日期的设置
<form class="layui-form" action=""> <label>交易记录查询</label> <div class="layui-inline"><input class="layui-input" placeholder="请选择开始日期"...
2019-07-22 14:42:37 1474
原创 判断字符串里面是否有某个值
一般我们都是用indexOf()来找的。arrString.indexOf("a")==-1 arrString这个字符串里面是否含有a。没有返回-1.有返回所在的位置JavaScript 只有indexOf方法,可以用来确定一个字符串是否包含在另一个字符串中。ES6 又提供了三种新方法。includes():返回布尔值,表示是否找到了参数字符串。 startsWith()...
2019-07-22 09:38:48 6981
原创 数组遍历。对象遍历。字符串遍历
数组遍历forfor(var i=0;i<arr.length;i++){ ......}forEacharr.forEach((res,index)=>{......})map遍历,map遍历支持使用return语句,支持return返回值arr.map((res,index)=>{......})for ...
2019-07-22 09:23:49 309
原创 ueditor怎么确定编辑器是空值,弹窗提示不能为空
补充:2019-7-30 今天发现文档里面竟然有个函数可以直接判断编辑器是否为空。.true不为空。false为空真的是我之前下面写的还费了老大劲的去写。我们只需要判断var addindex = UE.getEditor('addarticle', options);//创建一个编辑器if(addindex.hasContent==false){alert("编辑...
2019-07-19 15:09:24 2148
原创 ueditor编辑器插入的图片宽高超过了编辑器的宽高就会有个超出范围的外边线
效果如下o:我们肯定是希望图片放进去只是是宽度合适的。高度根据下拉的滚动条自适应。只是下拉就能看到全部的。这就需要加点css的样式啦找到iframe.css这是编辑器里面使用的样式css。默认的里面是空的。直接在里面添加样式就好了。img { max-width: 100%; /*图片自适应宽度*/ } body { overflow-y: scroll...
2019-07-19 11:12:41 1197
原创 ueditor插入视频的时候。在预览的窗口提示 “输入的视频地址有误,请检查后再试!”
ueditor.all.js:搜索me.commands["insertvideo"]把html.push(creatInsertStr( vi.url, vi.width || 420, vi.height || 280, id + i, null, cl, 'image'));改成html.push(creatInsertStr( vi.url, vi.width ||...
2019-07-19 09:25:11 3797
原创 layer.photo点击某个位置弹出一个指定src的图片
一般的我们都是知道图片在页面显示然后点击它,他就变大图显示。<div class="uploadimg"> <img class="layui-upload-img" id="img" src="http://orgstatic1.wkzj.net/Web/Article/2019-07/09f3249bb7173e0830...
2019-07-18 17:27:58 1132
原创 UEditor编辑文章时粘贴内容的时候导致原来的图片插入成功的图片不显示了。
修改这个属性就可以啦。原因是因为ueditor在粘贴内容的时候会将目前编辑的所有内容中元素重新赋值非本地服务器链接的属性。所以导致明明已经上传成功的图片不显示了。在粘贴时,编辑器会执行一个叫抓取远程图片的操作,它会将原有文本中不是本地路径的图片重新抓取上传到本地服务器。这个抓取远程图片的操作默认是开启着的,我们可以通过关闭这个操作,让原有图片不会被抓取重新上传。这个配置是在uedito...
2019-07-18 13:51:48 846
原创 layui的模板嵌套if
tradestatus=10的时候在判断paytype。如果paytype=30订单审核中。否则未支付所以我这里有两层判断。{{# if(d.tradestatus=='01'){ }} {{# if(d.paytype=='30'){ }} <div class="fl" sty...
2019-07-18 11:28:44 3750
原创 element-ui select下拉框 远程搜索回填选项的时候为什么不能点击
在编辑的时候可能需要回填你开始利用远程搜索选好的那些选项。<el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm"><el-form-item label="主讲老师" prop="mainteachername" style="width:370px...
2019-07-18 09:27:10 5113 6
原创 ueditor 在上传视频之后,编辑页面。回填视频内容。显示空白。其实查看html是有视频的,就是显示空白。
ueditor.all.js文件,大概:7345,7346,7347行)把html.push(creatInsertStr( vi.url, vi.width || 420, vi.height || 280, id + i, null, cl, 'image'));改成html.push(creatInsertStr( vi.url, vi.width || 420, vi....
2019-07-17 12:03:03 1295 4
原创 layui得表格怎么使用合计
最后一行的合计希望是理由totalRow: true和totalRowText: '合计'来写其他的就省略啦,只写主要得。totalRow:true, cols: [ [{ type: 'numbers', ...
2019-07-16 16:18:48 4662
原创 layui 的表格的数据是从接口获取的。怎么显示呢
官网上的例子都是读的url是个json的静态数据。可以看到我们把url改成自己接口的地址的时候。他是采用的get的方式请求的后面带参数那如果我们表格数据的接口是post请求的该怎么办呢?<table class="layui-hide" id="test" lay-filter="test" lay-data="{id: 'test'}"></table>...
2019-07-16 14:39:40 7454 3
原创 layui扩展一个layui 模块
test.jslayui.define(function(exports){ //提示:模块也可以依赖其它模块,如:layui.define('layer', function(exports){var $ = layui.$ ,layer = layui.layer 。。(剩下内容和下面一样的,这样这个里面就能用layer的弹窗了)});var obj = {hello: func...
2019-07-16 10:16:16 3610
原创 layui的lay-verify 验证使用自带的email phone时候不填不验证,填写了才验证
<input type="tel" name="contacttel" lay-verify="phone" placeholder="请输入联系电话" autocomplete="off" class="layui-input" >我我没用写required,因为这里希望有电话验证没有就不验证。但是这么写却在没有填写的时候提示请输入正确的手机号。可能是他觉得手机号是空...
2019-07-15 17:54:33 6446
原创 layui监听confirm的确定取消和点击右上角×删除
layer.confirm('确认删除所有选中的内容吗?',{ cancel: function(index, layero){ console.log("您点击了关闭"); } ...
2019-07-13 14:54:40 2532
原创 基于layui的步骤条
样式是这样的。代码可以参考这里https://download.csdn.net/my<div id="steps"></div>layui.config({ base: '/static/js/steps/', version: '01' ...
2019-07-12 20:38:02 8555 2
原创 layui给radio添加checked属性不起作用。如何监听这个单选按钮的点击
<label class="layui-form-label" style="width:110px">抬头类型:</label> <div class="layui-input-block"> <input ty...
2019-07-12 14:48:28 3594 2
原创 layui的表格内容回填为什么没有起作用
<form action="" method="post" id="moreMsg" lay-filter="moreMsg"> <div class="layui-form-item"> <label class="layui-form-label"><i class="redstar required" st...
2019-07-12 14:42:17 424
原创 js执行复制一段内容。但是如果这个内容有disabled的属性就不能实现复制了为什么?
<textarea cols="20" rows="10" id="biao1">复制的是我啊</textarea><input type="button" onClick="copyUrl2()" value="点击复制代码" />function copyUrl2(){var Url2=document.getElementById("bia...
2019-07-10 10:37:09 1131
原创 如何使用js改变css定义的的伪类的样式
上面选中的状态我是利用伪类来写的。点击的时候才添加<div class="recharge-money">充值条数: <div class="recharge-money-box"> <span data-val="5000" class="active">5000条</span>...
2019-07-10 10:13:25 2198
原创 layui在当前页面弹出一个iframe层,并改变这个iframe层里的一些内容或者是执行iframe页面的方法
弹出框事件 layer.open({ type: 2, title: data.dicname + '管理', content: "page/postedit",...
2019-07-06 17:01:38 5083
原创 layer弹窗的iframe层怎么关闭。为什么设置的layer.iframeAuto(index)高度不能自适应
//在iframe页var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引。每个弹窗层都会分配一个索引。第一次点击的是1.第二次点击的是2.如果重复点击1,他不会是1而是继续往后面排的。parent.layer.close(index); //再执行关闭layer.iframeAuto(in...
2019-07-04 15:04:58 3899
原创 MathJax动态显示数学公式的时候不显示渲染过程
我们在接口给的数据渲染公式以后。他有个渲染的过程。我们能看到他一点点的加载的过程。怎么做让这个过程不显示。等加载完了再显示呢?//转换页面的图片数学公式 var mathdivs =$("#testListBox").find(".mathDiv"); for(var i = 0; i < mathdivs...
2019-07-04 13:58:35 3618 2
pdf.js插件实现在线预览pdf文件.zip
2020-08-25
1超齐全的方法layui的省市区。只知道name回填。只知道id回填.zip
2019-08-23
formSelects.zip
2019-07-29
超全基于layui得省市区三级联动插件.zip
2019-07-16
xlz基于layui的省市区三级联动.zip
2019-07-15
vue elmentui ueditor 数学公式 +新增自定义工具栏按钮 编辑器
2018-12-17
vue+elmentui+ueditor +数学公式 编辑器。完整版
2018-09-17
里面具有公式插件的一个ueditor编辑器
2018-09-07
vue项目模板。这是美容业的啊
2018-06-26
微信小程序多个视频合成一个播放。一个播放完自动在播放另一个。自定义视频进度组件
2022-07-01
mathml公式转为latex公式的前端插件
2020-10-14
vue+elmentui +ueditor编辑器 +数学公式 de 两个例子删除新增编辑器以及切换编辑器.zip
2020-09-23
vue+elmentui+ueditor +KityFormula数学公式 编辑器.zip
2020-09-22
uedotor引入tinymce-formal公式插件的例子的编辑器.zip Latex 公式在线可视化编辑器
2020-09-22
TinyCE结合插件MathType(wiris).zip
2020-09-22
tree第三层节点横向排列.vue
2020-06-18
gulp修改了的node_modules.zip
2020-06-10
一个跨域代理的例子.zip
2020-05-21
vue+vant的一个移动端的框架.zip
2020-05-20
ueditor.zip基于layer的ueditor编辑器,可以上传视频,音频,数学公式,自己添加的复杂公式比如矩阵方程组
2019-09-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人