- 博客(26)
- 收藏
- 关注
原创 隐藏滚动条的方法
-ms-overflow-style: none; IE浏览器隐藏overflow: -moz-hidden-unscrollable; Firefox浏览器隐藏/* chorme 浏览器 隐藏滚动条 */.className::-webkit-scrollbar{display: none;}用于记录
2022-05-13 16:00:34
441
原创 获取table当前行和当前列下标
let totalRow = $(‘#table’).find(‘tr’)let row = $(val).parent().parent().find(‘td’)let value = $(row).parent().prevAll().length + 1 // 当前行 下标let col = $(row).prevAll().length // 当前列 下标console.log(value, col);
2022-05-12 16:21:49
1542
转载 chrome浏览器设置跨域
前情在访问测试搭建的测试环境的时候,发现接口因为跨域全部失败了,服务端又不想设置允许跨域,又急于使用,于是想到是不是可以使用跨域浏览器放开chrome的跨域设置步骤 复制一个chrome快捷图标,改名为Google Chrome-cross(自己取一个能够和正常快捷方式区分的即可) 在复制的Chrome的快捷图标上鼠标右键 --> 属性 在目标栏后加上 --disable-web-security --user-data-dir=C:\MyChromeDevUserD
2022-03-25 09:30:44
1647
转载 js 对金钱的封装:元转分、分转元、解决精度、保留小数点后两位
分转化为元 -正则解决精度export const regFenToYuan = (fen) =>{ var num = fen; num=fen*0.01; num+=''; var reg = num.indexOf('.') >-1 ? /(\d{1,3})(?=(?:\d{3})+\.)/g : /(\d{1,3})(?=(?:\d{3})+$)/g; num=num.replace(reg,'$1'); num = toDecim.
2022-01-18 23:43:25
2023
转载 2021-08-10
js 不同浏览器的类型判断 navigator.userAgent一、通过navigator.userAgent来进行浏览器类型判断// 判断浏览器内核、手机系统等,使用 browser.userAgent.mobilevar browser = { userAgent: function () { var ua = navigator.userAgent; var ualower = navigator.userAgent.toLocaleLowerCase(
2021-08-10 11:06:46
91
转载 swiper在vue项目中的循环轮播bug以及点击事件
一般的,如果是静态数据(本地数据),可以直接在mounted生命周期中初始化,循环轮播、自动播放都比较正常。 但是,如果是动态从后台获取数据的话,采用上述方法会发现,轮播图无法自动播放,也无法拖拽。 解决办法:在从后台获取完数据之后再初始化swiper,同时启动动态检查器observer,当改变swiper的样式(例如隐藏/显示)或者修改swiper的子元素时,自动初始化swipe...
2019-05-31 11:25:51
2446
3
原创 iframe父页面获取子页面高度
var self = thisreinitIframe = function () {var hotel = $("#test")var height = hotel.contents().find(“body”).height()self.height = heightconsole.log(height)}window.setInterval(“reinitIframe()”, ...
2019-05-29 20:16:37
3313
转载 js替换字符串中所有指定的字符
js替换字符串中所有指定的字符第一次发现JavaScript中replace()方法如果直接用str.replace("-","!")只会替换第一个匹配的字符.而str.replace(/\-/g,"!")则可以全部替换掉匹配的字符(g为全局标志)。replace()Thereplace()methodreturnsthestringthatresultswh...
2019-04-12 16:40:37
12470
转载 css横向滑动
<!DOCTYPE html><html><head> <title>横向滑动</title> <style type="text/css"> .slide-box{ margin-top: 200px; display: -webkit-
2019-02-27 11:16:48
3039
转载 【学习】自适应PC端网页制作使用REM
做一个PC端的网页,设计图是1920X1080的. 要在常见屏上显示正常(比例正确可) 1280X720 1366X768 1440X900 1920X1080使用了几种办法1.内容在一屏内显示的,采用了(内容框)上下左右居中的办法,里面的内容绝对于这个内容框定位.这样一来,在不同大小屏中,内容总是在中间,看起来较正常2.使用rem的地方width,height,margin,pa...
2019-01-24 11:04:17
1159
转载 input中type为number的时候,去除箭头
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; margin: 0; }/* 火狐 */input{ -moz-appearance:textfield;}-----------...
2018-12-13 12:05:24
313
转载 HTML页面防止input回车造成提交表单
在form表单或input中加入:onkeydown="if(event.keyCode==13){return false;}"
2018-10-07 19:11:45
381
原创 一直都碰到这个问题,我在这里保存一下,有需要的朋友自己看看吧,我小白一个
:style="{'background-image':'url('+ url + ')', 'background-repeat': 'no-repeat', 'background-size': 'cover', 'background-position': '50%'}"
2018-07-12 14:27:58
174
原创 IE兼容问题
最近在写一些网页,然后老板说我之前写的页面在IE9的浏览器上面排版是乱的,这让我觉得很突然,首先我之前写页面的时候都是用谷歌测试的,其次IE9好像已经很久没有听见了,于是我就去百度了一下,最后还是在csdn上面看到一篇文章,在HTML上面添加下面的代码:<metahttp-equiv="X-UA-Compatible"content="IE=9; IE=8; IE=7; IE=EDGE"&g...
2018-04-26 10:16:07
103
转载 vue实现一个移动端屏蔽滑动的遮罩层
这个是原文章的地址:点这里在扯废话浪费大家的时间之前,先上个代码好了,使用vue实现起来很简单…… <div class="overlayer" @touchmove.prevent > </div>对,就是这么简单,加上@touchmove.prevent就可以屏蔽滑动页面了,然后再和普通的遮罩层一样,加点样式/*遮罩层*/.overlayer{ ...
2018-03-10 13:03:08
1896
原创 用做记录
//随机数 function randNum () { var rand = Math.ceil(Math.random() * 7); console.log(rand); return rand; } // 随机显示 setInterval(function(){ $('.tip').hide().removeC...
2018-02-13 02:33:34
189
原创 使用lavarel5.1碰到No supported encrypter found. The cipher and / or key length are invalid.
问题:No supported encrypter found. The cipher and / or key length are invalid.网上查了一下,http://blog.csdn.net/leedaning/article/details/53019572如果和我下面说的问题不是一样请参照这个吧,我碰到这个问题,真查了一下,最后发现是我自己没有改.env的文件,
2018-01-29 10:58:56
359
原创 今天碰到虚拟机的问题,发现问题……解决!!!
今天工作的时候突然就发现我本地开发环境出问题了,本地项目(vue项目)无法run.bat,本来以为需要简单的重启虚拟机就可以了,结果远远没有我想的那么简单,重启的时候又正好碰到我windows系统自动更新(不要问我为什么系统更新),重启完成之后直接连虚拟机都无法启动了。最开始我百度翻译了一下我的报错,说是我的虚拟机无法启动一个新的任务,既然这样那我就开始我的百度之旅吧。在百度中还真的有人碰到这个问
2017-12-18 22:26:54
397
转载 抛物线动效
这个是之前在一个项目需要用到的一个购物车的动效,也算是会保存以后用了吧<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>抛物线</title> <style> body{background: #8fd5d5;} /******抛物线******/
2017-11-27 15:41:41
437
转载 去除textarea右下角的箭头(禁止拉伸)与div增加阴影问题
禁止textarea的拉伸有时候是为了美观,代码如下: textarea { resize: none; overflow: hidden; // 禁止滚动条 } resize为none时,textarea固定,也就禁止拉伸了。div增加阴影: box-shadow: 10px 10px 5px #888888;第一个属性相当于水平位移就是X轴的距离;
2017-11-05 16:18:18
4658
原创 文本行超出的部分省略号的显示方法
文本行超出的部分省略号的显示方法: .text{ width: 100%; overflow: hidden; // 超出的部分隐藏 text-overflow: ellipsis; // 省略号 white-space: nowrap; // 控制文字不换行 }
2017-10-25 13:05:21
668
转载 去除select原生的样式
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2017-10-17 16:45:52
824
转载 laravel在数据库用get()方法查询,结果不为null
laravel在数据库用get()方法查询,结果不为null。var_dump 之后我们很容易发现,即使取到的空结果集,Eloquent 仍然会返回object(Illuminate\Support\Collection)对象实例。其实,Eloquent 已经给我们封装几个判断方法如下:$users = DB::table('users')->where('id',$id)
2017-10-16 00:03:41
3888
转载 去除微信端点击input和textarea时闪现半透明灰色背景色问题
只是作为保存只用,顺便帮助一下有需要的朋友a,button,input,optgroup,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);}
2017-09-29 13:03:05
2323
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人