作为前端,每日与 URL 打交道是必不可少的。但是也许每天只是单纯的用,对其只是一知半解,随着工作的展开,我发现在日常抓包调试,接口调用,浏览器兼容等许多方面,不深入去理解URL与URL编码则会踩到很多坑。故写下此篇文章,详解一下 URL 。 URL 与 URI 很多人会混淆这两个名词。 URL:( ...
分类:
Web程序 时间:
2020-04-20 12:06:49
阅读次数:
77
1.兼容问题 + 浏览器兼容:iOS/安卓点击唤醒浏览器事件 + 界面兼容 2.点击事件click :https://www.cnblogs.com/xzybk/p/11906938.html (1)触摸事件:touchstart、touchmove和touchend + touchstart事件: ...
分类:
移动开发 时间:
2020-04-14 12:33:43
阅读次数:
95
IE浏览器自从IE9开始后,做了很大的改动,更符合了W3C标准(World Wide Web Consortium),这也是为啥IE8比其他问题要更多的原因了。其中IE11已更完善,像IE11中就内置了IE7 IE10的浏览器模式(按F12打开开发者工具可见),方便开发进行更低版本的调试。如下整理I ...
分类:
其他好文 时间:
2020-04-07 09:49:23
阅读次数:
278
1.页面从输入URL到页面加载显示完成,这个过程中都发生了什么?(流程说的越详细越好) 2.浏览器工作原理 3.浏览器解析过程: 4.介绍一下你对浏览器内核的理解? 5.常见的浏览器内核有哪些? 6.请描述一下 cookies,sessionStorage 和 localStorage 的区别? 7 ...
分类:
其他好文 时间:
2020-04-04 14:44:42
阅读次数:
90
AJAX主要作用是实现web与服务器之间数据的异步传输, JS的ajax 需要注意浏览器兼容问题, xhr = new XMLHttpRequest(); //w3c规范后 xhr = new ActiveXObject("Microsoft.XMLHTTP") //IE5之前 然后绑定一个监听函数 ...
分类:
Web程序 时间:
2020-03-27 12:25:56
阅读次数:
74
火狐浏览器中的css hack /**火狐浏览器兼容处理**/ /**火狐浏览器(所有)兼容处理**/ @-moz-document url-prefix() { 在这里输入兼容样式 } /**火狐浏览器2版本兼容处理**/ html>/**/body .selector, x:-moz-any-l ...
分类:
其他好文 时间:
2020-03-26 15:22:00
阅读次数:
234
常见的兼容性问题:1、不同浏览器的标签默认的外边距( margin )和内边距(padding)不同解决方案: css 里增加通配符 * { margin: 0; padding: 0; } 2、IE6双边距问题;在 IE6中设置了float , 同时又设置margin , 就会出现边距问题解决方案 ...
分类:
Web程序 时间:
2020-03-25 13:15:29
阅读次数:
90
本文参考原文-http://bjbsair.com/2020-03-22/tech-info/2149/写在前面移动开发时代,前端同学刚刚送别了让人头秃的IE浏览器,却发现憧憬已久的移动互联网时代并不是想象中那般美好。各种棘手的系统兼容问题和浏览器兼容问题怎么也让人高兴不起来。作为一名工作不足3年的前端程序员,始终相信好记性不如烂笔头。每次在项目开发过程中踩到的坑,都习惯性地记录了下来。昨日一瞥竟
分类:
其他好文 时间:
2020-03-24 13:11:05
阅读次数:
70
webrtc:web real-time communication,网页即时通信,是一个支持网页浏览器进行实时语音对话或视频对话(简单的说,就是在web浏览器里面引入实时通信,包括音视频通话等)的API(Native C++ API,web API)。谷歌开源,属于W3C推荐标准。支持跨平台(wi ...
分类:
Web程序 时间:
2020-03-24 13:01:57
阅读次数:
493
1、浏览器兼容ES6基础语法(包括箭头函数):在引入其它脚本之前引入browser.min.js,然后script的type属性改成text/babel; 2、使IE浏览器兼容ES6语法(Promise等语法):引入polyfill.min.js <script type="text/javascr ...
分类:
其他好文 时间:
2020-03-24 10:32:15
阅读次数:
284