vr浏览器主题的文章列表，还有vr浏览器的技术要点_第17页

浏览器事件模型

我想你很可能听说过事件驱动,但是事件驱动到底是什么？为什么说浏览器是事件驱动的呢？为什么Nodejs 也是事件驱动的？两者是一回事么？实际上不管是浏览器还是Nodejs 都是事件驱动的，都有自己的事件模型。在这里，我们只讲解浏览器端的事件模型，如果对Nodejs事件模型感兴趣的，请期待我的Nodej...

代码星球 ·2020-12-25

详解浏览器储存

随着对前端的了解越来越深入，了解到了很多种浏览器的存储方案，如Cookie、LocalStorage等，哪这些存储方案有何异同，分别的适用场景又是什么呢。 Cookie的来源Cookie被创造出来的本意并不是本地储存，而是为了辨别用户身份。众所周知，Http协议是无状态的，也就是说你每一次发送给服务器的请求对...

代码星球 ·2020-12-24

无编译/无服务器，实现浏览器的 CommonJS 模块化

平时经常会逛Github，除了一些star极高的大项目外，还会在Github上发现很多有意思的小项目。项目或是想法很有趣，或是有不错的技术点，读起来都让人有所收获。所以准备汇总成一个「漫游Github」系列，不定期分享与解读在Github上偶遇的有趣项目。本系列重在原理性讲解，而不会深扣源码细节。好了下面进入正题。本期...

代码星球 ·2020-12-24

h5开发在ios浏览器遇到的坑

1.click事件；要在css中加上cursor: pointer;ios的点击才有效 2.margin-bottom问题；在ios上，最后一个元素加margin-bottom无效。 3.时间转化问题由时间转时间戳时newDate('2019-07-311:22:32').getTime(...

代码星球 ·2020-12-24

IE9及以下浏览器升级提示

在使用react的项目中一般都有兼容性问题，特别是使用了组件库比如element-react或者ant-design等等，在ie下多少都会有点小问题，比如样式不正确，或者组件功能失效，甚至白屏等问题。一般情况下，白屏的问题在index.html中引入这两个js就能解决<!--兼容ie9-ie10--&...

代码星球 ·2020-12-24

浏览器是如何将标签转成 DOM ？

进入主话题之前，先罗列一下浏览器的主要构成：用户界面－包括地址栏、后退/前进按钮、书签目录等，也就是你所看到的除了用来显示你所请求页面的主窗口之外的其他部分浏览器引擎－用来查询及操作渲染引擎的接口渲染引擎－用来显示请求的内容，例如，如果请求内容为html，它负责解析html及css，并将解析后的结果显示出来网络－用来完...

代码星球 ·2020-12-24

用JavaScript让你的浏览器说话

最近在开发一个个人项目时，我冒出了一个尝试让浏览器说话的想法。不知道该怎么做，于是，我在网上寻找了一下答案，在MDN上，我找到了答案。让我们来看看如何通过JavaScript让浏览器说话。让我们来创建一个基础函数，这个函数的参数为我们想说的话或者词，最后让我们的浏览器说出来。我们将利用在大多数现代浏览器上都...

代码星球 ·2020-12-24

从浏览器输入 URL 到页面展示过程

对于面试常问的从浏览器输入 URL 到页面渲染过程发生了什么？，我想大家都或多或少能说出一二。但是，其实这个问题很有深度，而你是否回答的有深度，在很大程度上会影响到面试官对你的印象。并且，网上各种资料都是带浅尝辄止地讲解这个过程，经常会出现今天看到这个版本，明天看到另一个版本地情况。所以，现在我们就...

代码星球 ·2020-12-24

浏览器工作原理学习笔记

单进程问题不稳定，插件崩溃浏览器就崩溃不流畅，脚本执行会让页面卡顿，内存泄漏也会导致浏览器变慢不安全，恶意插件和恶意脚本容易获取系统权限作恶多进程优点进程隔离，插件或者页面崩溃不会导致其他页面崩溃页面隔离，即使 js 阻塞了渲染进程，影响到的也只是当前的渲染页面，而并不会影响浏览器和其他页面，其他页...

代码星球 ·2020-12-24

浏览器事件之事件流

介绍事件流描述的是从页面中接收事件的顺序。但是IE和Netscape却提出了两个完全相反的事件流，分别是事件冒泡流和事件捕获流。事件冒泡IE的事件流称为事件冒泡，从最具体的元素开始，然后逐渐向上传播到文档节点。如下图：我们以下面代码展示事件冒泡：<!DOCTYPEhtml><html>...

代码星球 ·2020-12-24

主流浏览器对ES6的支持情况

现在使用的js语法，基本是ES5的规范，15年出的ES6的规范增加了很多其他语法，要看浏览器的支持情况，如果浏览器不支持那么就会报错ES6块级作用域关键字let,常量const,对象字面量的属性赋值简写,赋值解构,函数参数-默认值、参数打包、数组展开（Default、Rest、Spread）,箭头函数 Arr...

代码星球 ·2020-12-24

用JavaScript检测当前浏览器是无头浏览器

无头浏览器是指可以在图形界面情况下运行的浏览器。我可以通过编程来控制无头浏览器自动执行各种任务，比如做测试，给网页截屏等。 “无头”这个词来源于最初的“无头计算机(Headlesscomputer)”。维基百科关于的“无头计算机”词条：无头系统（headlesssystem）是指已配置为无须显示器（即“头”）...

代码星球 ·2020-12-24

使用JavaScript检测空闲的浏览器选项卡，可以做些什么？

在某些情况下，当用户与我们的最终产品或应用程序进行交互时，我们发现自己会执行许多密集的，占用大量CPU的任务。启动轮询器，建立WebSocket连接，甚至加载视频或图片等媒体，都有可能成为性能障碍，尤其是当这些任务在不需要的情况下消耗资源的时候。在用户没有主动与界面交互的同时，从不必要的工作负载或网络请求中释放主线程是...

代码星球 ·2020-12-24

移动端检测微信浏览器返回，关闭，进入后台操作

背景：最近做一个倒计时记录学习时长项目，需要在用户点击浏览器的返回按钮或者直接关闭浏览器，或者直接退出微信或者进入后台时记录下当前页面的进度，下次进去从上次退出的地方开始倒计时。一开始想的很简单直接监测浏览器的返回事件window.onbeforeunload，在安卓和pc上可以监测到，但是iOS上监测不到广州vi设计...

代码星球 ·2020-12-24

使用谷歌浏览器取色器取色

首先需要调到开发者模式，然后再点击图下的标识。接着变成图标，点击就可以出现取色器。...

代码星球 ·2020-12-23