web前端
leoliyou
这个作者很懒,什么都没留下…
展开
-
H5如何实现关闭当前页面,跳转到新页面?
H5如何实现该功能?1、这个方法就能实现:location.replace("index.html")有关闭当前页面,跳转到新页面的效果。2、 而我们常用的window.location.href = “index.html”, 这个方法会保留历史的访问记录。...原创 2021-05-18 16:36:16 · 4412 阅读 · 0 评论 -
position: fixed 居中
例如:<div class="content"></div>.content{ position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:100; }原创 2021-04-24 16:26:47 · 242 阅读 · 0 评论 -
css 让图片不停的转动
例如:让下面的图形不停的转动css也能实现这样的效果,下面直接贴代码,希望能帮助需要的朋友<div class="gif_pic"> <img class="add_pic img" src="loading.png" width="100" height= "100" /> . <div class="loading_gif_text">正在识别中...</div></div>.gif_pic{ te.原创 2020-12-05 11:45:48 · 2759 阅读 · 2 评论 -
ios中input的背景颜色问题
在安卓中input背景色正常,在苹果中input背景色成了渐变色解决这个问题很简单去掉默认样式就好去掉input的默认样式input {-webkit-appearance:none; }原创 2020-10-27 17:24:09 · 1084 阅读 · 0 评论 -
如何去掉点击链接或者input框时周围的线框
有时候我们开发的时候碰到就是点击按钮或者a链接或者input框是会出现选中的边框,有时候影响美观。用outline:none就能解决困扰outline(轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。下面是他的属性...原创 2020-10-15 12:28:06 · 717 阅读 · 0 评论 -
H5使用rem布局,在华为机型上超出屏幕
H5页面rem兼容适配// 转化rem单位(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.clientWidth; ...转载 2020-10-13 17:16:45 · 677 阅读 · 0 评论 -
Html按钮渐变加阴影
例如下面绿色的按钮渐变加阴影直接贴代码:大家可以根据自己的需求做调整: width: 100%; height: 50px; background: -webkit-linear-gradient(left, #62cf40 , #1fb060); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #...原创 2020-10-12 18:26:39 · 1812 阅读 · 0 评论 -
Js 之获取对象key值
var data={8:102,9:103,10:106};console.log(data);//{8:102,9:103,10:106}console.log(Object.keys(data));//["8", "9", "10"]如下图:所以只要Object.keys(data)[0], 就可以获得第一个键值对的key值...原创 2019-12-19 17:51:26 · 2107 阅读 · 0 评论 -
js判断图片是否存在,并做处理
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>JavaScript判断远程图片是否存在,不存在则替换指定图片</title></head><body><p>判断百度...原创 2019-07-10 09:50:03 · 3849 阅读 · 0 评论 -
@media的用法总结
顺序不能反@media (max-width: 767px) { ... col-xs-3... } { //<=767的设备 } 手机@media (min-width: 768px) { ... col-sm-3... } { //>=768的设备 } 平板@media (min-width: 992px) { ... col-md-3...} { //&g...原创 2018-08-02 10:46:06 · 2123 阅读 · 0 评论 -
ie兼容的处理的学习总结
ie页面渲染样式错乱问题总结经验分享X-UA-Compatible是神马? X-UA-Compatible是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页,在html的<head>标签中使用。可以在微软官方文档获取更多介绍。为什么要用X-UA-Compatible? 在IE8刚推出的时候,很多网页由于重构的问题,无法适应较高级的浏览器,所以使用...原创 2018-08-06 11:28:19 · 253 阅读 · 0 评论 -
去掉ie图片的蓝色边框
加个 img{border:0px}就能解决原创 2018-08-06 11:16:49 · 893 阅读 · 0 评论 -
display属性的Flex布局的学习
1flex布局的基本概念采用Flex布局的元素,称为Flex容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为Flex项目(flex item),简称"项目"。容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的开始位置(与边框的交叉点)叫做main start,结束位置叫做main end;交叉轴的开始位置叫...翻译 2018-08-10 10:06:43 · 696 阅读 · 0 评论 -
JS页面刷新的方法总结
window.location.reload(),window.history.go(0)和document.execCommand(''Refresh''),这三个方法是最快速的。其他的都有明显的浏览器滚动条的出现。Javascript刷新页面的几种方法: 1 history.go(0)除非有<%..%>等需在服务端解释才能生成的页面代码,否则直接读取缓存中的数据不刷新2 locat...转载 2018-07-06 11:17:13 · 577 阅读 · 0 评论 -
jQuery或js 改变浏览器窗口大小的时候 让页面自动刷新
改变浏览器窗口大小的时候 让页面自动刷新$(window).resize(function(){ alert("窗体大小改变了!"); location.reload() //这里你可以写你的刷新代码!});//监听窗口大小$(window).resize(function () { //当浏览器大小变化时 alert($(window).height()...原创 2018-07-06 11:14:20 · 15941 阅读 · 0 评论 -
js 判断移动设备、pc端、android、iPhone、是否为微信、微博、qq空间
var browser = {versions: function () {var u = navigator.userAgent, app = navigator.appVersion;return { //移动终端浏览器版本信息trident: u.indexOf('Trident') > -1, //IE内核presto: u.indexOf('Presto') &g...转载 2018-05-11 12:09:46 · 1384 阅读 · 0 评论 -
为什么发送ajax请求页面也会刷新呢?
button 标签请添加 type='button' 属性,因为浏览器默认会认为 button 的属性是submit.type=‘submit’时会发生提交表单的默认行为。type='button' class="send_msg" onclick="setData()">send请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button",而其他浏原创 2017-08-11 09:56:09 · 4841 阅读 · 0 评论 -
iOS/Android 浏览器(h5)及微信中唤起本地APP
在移动互联网,链接是比较重要的传播媒质,但很多时候我们又希望用户能够回到APP中,这就要求APP可以通过浏览器或在微信中被方便地唤起。这是一个既直观又很好的用户体验,但在实现过程中会遇到各种问题:如何解决未安装APP时的做好引导页 如何在微信中唤醒APP 在iOS9中如何处理universal link被用户误关的情况 如何解决Android各种机型、各种第三方浏览器导致的兼容问题等 在A转载 2017-07-25 14:24:11 · 1010 阅读 · 0 评论 -
关于打印机打印网页出现字迹显示不全的问题心得
打印机打印wps等办公文件显示是正常的,当打印网页相关内容出现字迹显示不全,解决方案:把html设置为黑体就OK原创 2017-07-07 14:27:41 · 10216 阅读 · 0 评论