- 博客(30)
- 收藏
- 关注
原创 JavaScript中列表自动滚动--兼容缩小页面百分比
1.前端页面结构<div id="cont"><ul id="ullist1"><li></li>...</ul> <ul id="ullist2"></ul></div>2.jsfunction autoRoll(t){ var ul1 = document.getElement...
2022-05-30 17:20:08 297
原创 vue中本地pdf预览
1.pdf文件在本地注意:pdf文件一定要放在public文件夹中;在使用路径时需要使用绝对路径,不要用相对路径;pdf在public中的绝对路径:错误:‘/public/pdfwj.pdf’--------这是相对路径正确:‘/pdfwj.pdf’--------这才是正确的绝对路径...
2021-05-19 15:59:24 494
原创 element中同一个一面使用两个table,使用v-if判断显示,数据混乱
错误:在一个页面中使用两个table,绑定不同的数据,并且在table中row中使用<tempale></template>,后两个table表的数据混乱使用;解决方法:在table上添加key属性值,两个table的key值不同即可...
2021-04-28 09:35:35 1012
原创 window环境中,前端配置nginx
1.下载nginx;2.将前端项目打包--在VS-code中使用yarn build使用npm run build生成dist文件3.将打包后的文件放入服务器中指定的位置4.配置nginx中配置文件1.listen:配置后访问的端口2.server_name: 访问时的地址3.root:打包dist所放置的位置的地址4.try_files $uri $uri/ /index.html; ------配置是需要注意:有刷新页面时报404,就是没有配置这个选项.
2021-02-25 09:56:07 392
原创 visualSVN server的安装和使用
一、安装visualSVN server 服务器端下载地址:https://www.visualsvn.com/server/download/1.在官网中下载visualSVN server服务器端2.安装下载的visualSVN server,选择默认选项即可二、安装号visualSVN server后,创建一个代码创库,如下面界面创建代码仓库步骤:1.右键点击create new repository...2.点击下一步,设置仓库名字3.在点击下一步,选择第
2020-09-11 09:41:27 2193
原创 uni-app中Android手机兼容new Date(str)的方法?
注:str 的类型为2000-01-01 10:20:00date=new Date(str); //js中可以与new Date()进行比较;但是在uni-app中在手机中运行时new Date(str)无法兼容解决方法: str=str.replace(/-/g, '/');new Date(str)这样就可以兼容手机...
2020-05-15 10:33:14 543
原创 iconfont中一直报 GET /JS/layui/font/iconfont.woff2?v=250net ::ERR_ABORTED 404 (Not Found)错误
错误如下,但是在页面中iconfont图标可以正常显示,文件引入的路径也是正确的:解决方法:1.打开服务器IIS管理器,找到MIME类型。2.在MIME中添加如下几种文件的扩展名,文件扩展名 MIME类型 .svg image/svg+xml.woff application/x-font-woff.woff2 application/x-font-woff...
2020-04-09 16:23:52 7199 2
原创 layui中laydate在不同屏幕比例中闪烁后不显示文件
1、会出现闪烁后不显示问题laydate.render({ elem: '#elem', });2、添加trigger: 'click'后,不会再出现闪烁后不显示问题laydate.render({ elem: '#strDateCycleE', trigger: 'click' });...
2020-04-09 16:16:48 277
原创 layui中的table中的自定义全选
1.代码//带有checkbox选择框的表格<div class="table-box"> <table class="layui-table" id="tables" lay-filter="tableQuanxuan"></table></div>//表格外自定义的checbox选择框 <div ...
2020-04-03 14:27:49 2013 1
原创 layer中使用iframe弹框弹全屏是时自适应屏幕的问题
1.var layers=layer.open({});,在写弹框时将对象赋值;2.window.onresize=function(){ var docW=$(document).width();//获取浏览器的宽度 var docH=$(window).height();//获取浏览器高度 layer.style(...
2020-03-25 14:45:58 1624
原创 layer中iframe弹框中嵌套弹框关闭指定的弹框
在一个父iframe弹框中,弹出一个iframe页面B,弹出一个div(type=1)的弹框C,再在C中弹出一个div(type=1)的弹框D,需要指定index索引,在C弹框中自定义的按钮关闭C弹框需要给按钮加上一个属性并将当前的index赋值给这个属性,这样可以使用layer.close(index)关闭指定的弹出...
2020-03-25 10:42:43 788
原创 layer中在子iframe层中找到父iframe层的dom元素
1.需要再父iframe层中设置用“skin”参数,给父iframe设置特定的类别(自定义类名)2.$(window.parent.document).find(".自定义类名");这样就可以在子iframe中找到父iframe的dom元素...
2020-03-25 10:20:59 527
原创 静态页面中报 Blocked a frame with origin "null" from accessing a cross-origin frame.原因
1.报错的内容是:2.从编辑器中打开没有问题,但是直接在文件中打开网页,在点击一些事件时,就会出现这种问题,其实这不是跨域问题,因为都没有放到服务器上,这只是因为静态页面直接打开会存在一些问题,若是用编辑器打开页面,就不会有这个问题了。...
2020-03-25 10:14:10 4544 2
原创 iconfont在ie浏览器中不显示问题
1、在iconfont中下载iconfont包后2、在项目中引入iconfont.css3、将下载后缀为.eot/svg/ttf/woff/woff2导入(下载)到项目中4、在iconfont.css文件中正确引入以上的文件,注意:引入文件的路径要正确,不然在ie中不显示图标5、在文件中正确使用<span class="iconfont icon-xxx"&g...
2020-03-12 10:56:25 4299 3
原创 visual studio community中如何设置编码方式
步骤:1.扩展》管理扩展中安装force UTF-8(NO BOM)2.安装成功后“高级保存选项(V)”3.若没有找到“高级保存选项(V)”,即在工具》自定义在点击命令》在菜单栏选择编辑》在点击添加命令再在类别中选择文件》在命令中选择高级保存选项》点击确定即可4.添加好高级保存选项后,在编辑中打开高级保存选项5.选择安装的utf-8即可,这样就不...
2019-12-30 15:43:59 979
原创 layui中在form表单结构中点击upload上传后,当上传失败时,点击重传,form表单会刷新清空数据解决方法
解决方法:在重传按钮中添加一个type=button的属性<button type="button" class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>
2019-11-01 11:42:25 1045
原创 layui中的table中分页无法正常显示
问题:如图所示一共有3条数据,但是table分页显示0条,切无法进行上一页,下一页的切换解决问题:将parseData中的内容删除parseData:function(da){ if(da.ok){ return{ "code":da.code, ...
2019-09-25 10:37:36 4714
原创 layui中iframe子页面中的链接点击后在父页面中动态添加tab选项
在父页面中的html页面结构:iframe子页面的主要HTML结构(js文件是在子页面中引入):iframe子页面项父页面添加tab选项并且打开对应的页面的主要js代码(tabadd)如下:效果图如下:参考了https://fly.layui.com/jie/29230/的方法,若需要可以查看...
2019-09-18 15:48:35 3499 6
原创 ie浏览器中元素的兼容性问题
问题1:在button元素中有子元素(并且有点击事件),子元素的点击事件在ie浏览器中不会生效在其他浏览器中是正常的;解决方法:需要将button改为其他元素即可解决;问题2:在button元素中有子元素,用定位设置样式时,button中子元素会如下图1显示,子元素设置z-index无效,如下所示<button style="position: absolute;padd...
2019-09-17 16:39:00 185
原创 数字和字母太长后,自动换行的操作
<label style="display:block;width: 120px;word-break: break-all;">111111111111111111111111111111111111111111111111111111</label> <span style="display:block;width: 120px;word-wrap...
2019-09-16 10:44:59 1244
原创 js中随机颜色
<h1>JavaScript HTML DOM</h1><p>Hello World!</p><p>Hello China!</p><p>单击按钮可更改所有 p 元素的颜色。</p><button onclick="myFunction()">试一试</button&g...
2019-09-10 17:26:09 120
原创 echarts中用折线图时,如何填充内容区域
正确使用方法:areaStyle:{ normal:{ color:'#2dd2c1' } }以下这种方法使用时,areaStyle不会生效areaStyle:{ color:'#2dd2c1'}...
2019-09-06 15:45:57 2708 1
原创 uni-app中配置devServer实现跨域访问数据
1.在devServer中:在manifest.json->源码视图中添加注意:以下代码可以跨域,但是请求出来的数据不是想要的,会出现请求得到的不是数据,而是得到https://api.ithome.com网址的报错网页代码"h5": { "devServer": { "port": 8000, "dis...
2019-08-30 16:45:42 13342 6
原创 uni-app中在页面内定位到对应位置中
1.html页面<view class="hospital-list" > <view class="hospital-item" :id="item.charactor" v-for="(item,index) in hosptalLists" :key="index"> <view class="item...
2019-08-27 11:32:02 7873
原创 多行文字省略号和单行文字shenglueh
1.单行文字省略号html:<view class="overflow-hiden"> 哈哈哈哈哈哈哈哈哈哈哈哈或哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈或或或或或或或或或</view>CSS: .overflow-hiden{ width:500upx; margin:80upx...
2019-08-26 15:21:02 292
原创 使用Css+html实现垂直居中
1.HTML如下代码,将view.center-dis中的view垂直居中显示<view class="center-dis"> <view> 哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈哈哈哈哈哈哈哈 </view> </view>2....
2019-08-26 14:58:56 181
原创 轮播图
原生JS轮播图使用原生dom+js实现轮播图功能(兼容ie8)html代码Css代码JS代码使用原生dom+js实现轮播图功能(兼容ie8)html代码 <div class="banner-box"> <ul class="banner-list"> <li ><img src="img/item2.jpg"...
2019-08-23 08:52:38 176
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人