H5
璃月之天涯
调试的错误就是编程给你最好的东西,因为在每个错误上面都标志着前进的一步
展开
-
盒模型的兼容性(padding、border等)
最近开发碰到一个样式的兼容性问题。仔细察看了一下,发现是盒模型的兼容性问题,本地chroom和搭建的测试环境浏览器内核应该是不同的。众所周知,ie和标准盒模型是有着区别的,那么怎么改变盒模型的显示效果?答案是css3的box-sizing:其可以取三个值:1、值content-box这是由 CSS2.1 规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。类似于标准盒模型2、border-box为元素设定的宽度和高度决定了元素的边框盒。就是说,为元素指定的原创 2022-01-11 11:50:03 · 244 阅读 · 0 评论 -
js中const,var,let区别
今天第一次遇到const定义的变量,查阅了相关资料整理了这篇文章。主要内容是:js中三种定义变量的方式const, var, let的区别。1.const定义的变量不可以修改,而且必须初始化。1 const b = 2;//正确2 // const b;//错误,必须初始化 3 console.log('函数外const定义b:' + b);//有输出值4 // b = 5;5 // ...原创 2019-09-17 10:20:56 · 76 阅读 · 0 评论 -
压缩和还原压缩的JS代码
压缩JS代码:packer – 最好用的 javascript 压缩工具地址:http://dean.edwards.name/packer/http://kan.willin.org/?page_id=1288恢复JSMIN等工具压缩的JS代码:Javascript Beautifier能够将jsmin压缩后的js文件内容重新恢复成可读性很好的js文件。网页版:http://jsb...原创 2019-09-16 16:27:45 · 837 阅读 · 0 评论 -
https网页加载http资源导致的页面报错及解决方案
https是当下的网站的主流趋势,甚至像苹果这样的大公司,则完全要求用户必须使用https地址。然而对于以前http链接来说,我们往往就存在一个兼容性问题,因为你不可能一下就全部切换过去,应该在很长一段时间内,https与http将共存。https与http共存的场景有如:1. app已经发布出去,其调用接口的地址为http的,那么这是必须兼容的。2. app中嵌入了h5页面,而这页面在以...转载 2019-09-16 16:25:01 · 4174 阅读 · 0 评论 -
浏览器的同源策略及跨域解决方案
解决跨域讲解与解决办法参考链接转载 2019-09-16 16:21:52 · 132 阅读 · 0 评论 -
禁止安卓识别email
<meta content="email=no" name="format-detection" />原创 2019-09-16 15:51:03 · 212 阅读 · 0 评论 -
移动端---前端在安卓与ios上遇到的坑(二)之调取摄像头与相册上传并压缩图片
最近一直在写移动端项目,遇到不少适配安卓与ios及其他的问题,现在进行一个回顾先是要如何判断安卓与iosvar u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端var isiOS = !!u.match(/\(i[^;]+...原创 2019-09-16 15:47:30 · 528 阅读 · 0 评论 -
ios、安卓前端H5、Pc兼容性大全(一)之input
input框聚焦,ios出现outline或者阴影,安卓显示正常 input:focus{outline:none}input:{-webkit-appearance: none;} input 的placeholder属性会使文本位置偏上 line-height: (和input框的高度一样高)---pc端解决方法line-height:normal ---...原创 2019-09-16 15:04:18 · 350 阅读 · 0 评论 -
移动端input弹出带有搜索按钮的键盘与获取点击搜索按钮触发的事件
1、如何在用户点击input时弹出带有搜索按钮的键盘,其实很简单,加上type="search"即可。<inputid="keyword"placeholder="输入关键字搜索"type="search"/>2、然后获取搜索按钮的点击事件:$("#keyword").on('keypress',function(e){ ...原创 2017-04-27 17:42:20 · 3683 阅读 · 0 评论 -
如何防止iOS网页中的数字被识别为电话号码
safari总会把长串数字识别为电话号码,文字变成蓝色,点击还会弹出菜单添加到通讯录。解决方法:safari有个私有meta属性可以解决这个问题:<meta name="format-detection" content="telephone=no" />/*下面这一行有的地方说的需要,有的地方好像没提,我也没测,只测试了添加上一行代码,奏效*/<meta h...原创 2017-04-21 16:27:09 · 2066 阅读 · 0 评论 -
微信内置浏览器浏览H5页面弹出的键盘遮盖文本框的解决办法
最近在做微信的H5项目,发现点击输入框时键盘盖住文本框,找到一段代码解决了这个问题。iOS和android手机都已亲测,需要的可以直接拷贝到代码中使用。js代码如下:$(function () { //微信内置浏览器浏览H5页面弹出的键盘遮盖文本框的解决办法 window.addEventListener("resize", function () {...原创 2019-09-16 11:43:04 · 1130 阅读 · 0 评论