web前端
关注
分享
扫一扫
kevinzip
一个靠嘴输出代码的程序员
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
隐藏滚动条的方法
-ms-overflow-style: none; IE浏览器隐藏overflow: -moz-hidden-unscrollable; Firefox浏览器隐藏/* chorme 浏览器 隐藏滚动条 */.className::-webkit-scrollbar{display: none;}用于记录原创 2022-05-13 16:00:34 · 495 阅读 · 0 评论 -
获取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 · 1646 阅读 · 0 评论 -
chrome浏览器设置跨域
前情在访问测试搭建的测试环境的时候，发现接口因为跨域全部失败了，服务端又不想设置允许跨域，又急于使用，于是想到是不是可以使用跨域浏览器放开chrome的跨域设置步骤 复制一个chrome快捷图标，改名为Google Chrome-cross(自己取一个能够和正常快捷方式区分的即可) 在复制的Chrome的快捷图标上鼠标右键 --> 属性 在目标栏后加上 --disable-web-security --user-data-dir=C:\MyChromeDevUserD转载 2022-03-25 09:30:44 · 1747 阅读 · 0 评论 -
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 · 122 阅读 · 0 评论 -
【学习】自适应PC端网页制作使用REM
做一个PC端的网页,设计图是1920X1080的. 要在常见屏上显示正常(比例正确可) 1280X720 1366X768 1440X900 1920X1080使用了几种办法1.内容在一屏内显示的,采用了(内容框)上下左右居中的办法,里面的内容绝对于这个内容框定位.这样一来,在不同大小屏中,内容总是在中间,看起来较正常2.使用rem的地方width,height,margin,pa...转载 2019-01-24 11:04:17 · 1342 阅读 · 0 评论 -
css横向滑动
<!DOCTYPE html><html><head> <title>横向滑动</title> <style type="text/css"> .slide-box{ margin-top: 200px; display: -webkit-转载 2019-02-27 11:16:48 · 3084 阅读 · 0 评论 -
js替换字符串中所有指定的字符
js替换字符串中所有指定的字符第一次发现JavaScript中replace()方法如果直接用str.replace("-","!")只会替换第一个匹配的字符.而str.replace(/\-/g,"!")则可以全部替换掉匹配的字符(g为全局标志)。replace()Thereplace()methodreturnsthestringthatresultswh...转载 2019-04-12 16:40:37 · 12515 阅读 · 0 评论 -
swiper在vue项目中的循环轮播bug以及点击事件
一般的，如果是静态数据（本地数据），可以直接在mounted生命周期中初始化，循环轮播、自动播放都比较正常。 但是，如果是动态从后台获取数据的话，采用上述方法会发现，轮播图无法自动播放，也无法拖拽。 解决办法：在从后台获取完数据之后再初始化swiper，同时启动动态检查器observer，当改变swiper的样式（例如隐藏/显示）或者修改swiper的子元素时，自动初始化swipe...转载 2019-05-31 11:25:51 · 2676 阅读 · 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 · 3361 阅读 · 0 评论 -
HTML页面防止input回车造成提交表单
在form表单或input中加入：onkeydown="if(event.keyCode==13){return false;}"转载 2018-10-07 19:11:45 · 435 阅读 · 0 评论 -
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 · 134 阅读 · 0 评论 -
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 · 3940 阅读 · 0 评论 -
文本行超出的部分省略号的显示方法
文本行超出的部分省略号的显示方法： .text{ width: 100%; overflow: hidden; // 超出的部分隐藏 text-overflow: ellipsis; // 省略号 white-space: nowrap; // 控制文字不换行 }原创 2017-10-25 13:05:21 · 738 阅读 · 0 评论 -
去除select原生的样式
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl转载 2017-10-17 16:45:52 · 861 阅读 · 0 评论 -
抛物线动效
这个是之前在一个项目需要用到的一个购物车的动效，也算是会保存以后用了吧<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>抛物线</title> <style> body{background: #8fd5d5;} /******抛物线******/转载 2017-11-27 15:41:41 · 504 阅读 · 0 评论 -
去除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 · 4771 阅读 · 0 评论 -
用做记录
//随机数 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 · 231 阅读 · 0 评论 -
vue实现一个移动端屏蔽滑动的遮罩层
这个是原文章的地址：点这里在扯废话浪费大家的时间之前，先上个代码好了，使用vue实现起来很简单…… <div class="overlayer" @touchmove.prevent > </div>对，就是这么简单，加上@touchmove.prevent就可以屏蔽滑动页面了，然后再和普通的遮罩层一样，加点样式/*遮罩层*/.overlayer{ ...转载 2018-03-10 13:03:08 · 1944 阅读 · 0 评论 -
a标签的背景图居中问题
其实应该是用line-height属性来控制a标签之后的内容，使文字和背景保持水平原创 2018-04-20 00:39:40 · 2024 阅读 · 0 评论 -
去除微信端点击input和textarea时闪现半透明灰色背景色问题
只是作为保存只用，顺便帮助一下有需要的朋友a,button,input,optgroup,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);}转载 2017-09-29 13:03:05 · 2370 阅读 · 0 评论