本文为joshua317原创文章,转载请注明：转载自joshua317博客 https://www.joshua317.com/article/52
进程和线程是操作系统的基本概念，许多人会有所了解，但不能较为清晰的分辨。 这里我们需要了解下面几个点。
学术上说，进程是一个具有一定独立功能的程序在一个数据集上的一次动态执行的过程，是操作系统进行资源分配和调度的一个独立单位，是应用程序运行的载体。我们这里将进程比喻为工厂的车间，它代表CPU所能处理的单个任务。任一时刻，CPU总是运行一个进程，其他进程处于非运行状态。
该文讲述了浏览器进程、线程、渲染线程、JS引擎线程、GUI渲染线程、事件触发线程、异步http请求线程之间的关系。描述了浏览器多进程架构的好处。同时介绍了JavaScript单线程机制的由来，以及其设计的目的。同时描述了浏览器中各个线程的交互关系。
文章推荐：http://blog.csdn.net/creasher/article/details/51353416
https://www.cnblogs.com/poloyy/category/1680176.html
把公共的 页头 、页脚、导航栏、边框 放到最顶层，比方说设置层级为 999，其他每个独立页则放在下面，然后切换页面的时候更新独立页的层级以达到效果图的效果（当然不能超过最顶层）。
本文是深入浅出 ahooks 源码系列文章的第七篇，这个系列的目标主要有以下几点：
specs 可选。一个逗号分隔的项目列表。支持以下值： channelmode=yes|no|1|0 是否要在影院模式显示 window。默认是没有的。仅限IE浏览器 directories=yes|no|1|0 是否添加目录按钮。默认是肯定的。仅限IE浏览器 fullscreen=yes|no|1|0 浏览器是否显示全屏模式。默认是没有的。在全屏模式下的 window，还必须在影院模式。仅限IE浏览器 height=pixels 窗口的高度。最小.值为100 left=pixels 该窗口的左侧位置 location=yes|no|1|0 是否显示地址字段.默认值是yes menubar=yes|no|1|0 是否显示菜单栏.默认值是yes resizable=yes|no|1|0 是否可调整窗口大小.默认值是yes scrollbars=yes|no|1|0 是否显示滚动条.默认值是yes status=yes|no|1|0 是否要添加一个状态栏.默认值是yes titlebar=yes|no|1|0 是否显示标题栏.被忽略，除非调用HTML应用程序或一个值得信赖的对话框.默认值是yes toolbar=yes|no|1|0 是否显示浏览器工具栏.默认值是yes top=pixels 窗口顶部的位置.仅限IE浏览器 width=pixels 窗口的宽度.最小.值为100 replace Optional.Specifies规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目，还是替换浏览历史中的当前条目。支持下面的值：
在实际的多人音视频通讯场景中，1 对 1 通讯只是诸多场景的一种。而在教育或者会议的场景中，更多是 1 对多或者是多对多通讯。综合目前多方通信方案来看，基本都是以下三种架构方案：Mesh 架构、MCU 架构、SFU 架构。 一、Mesh 架构 如上图所示：5 个浏览器，两两建立 p2p 连接，每个浏览器与其它 4 个建立连接，总共需要 10 个连接，整个传输形成一个网格拓扑结构。如果每条连接占用 1m 带宽，则每个端上行需要 4m，下行带宽也要 4m，总共带宽消耗 20m。他们通过 STUN 服务进行穿
浏览器中，涉及的异步API有：Promise, setTomeOut,setImmediate
5 月 9 日，Cloudflare 在其官方博客宣布，将与 Node.js 和 Deno 开源项目的核心贡献者合作，成立一个新的社区组，命名为 WinterCG（Web-interoperable Runtimes Community Group），该项目汇集了三个最大的 JavaScript 环境，为开发人员提供了灵活性和选择，同时创建边缘计算的未来标准。通过一套通用标准，允许在 Node.js、Deno 和 Cloudflare 无服务器环境中编写可移植的应用程序，同时不再需要重写代码，实现“编写一次，随处运行”的承诺。
veloren 是一款开源的, 使用 Rust开发的多人三维像素游戏, 启发于 Cube World, Minecraft 和 Dwarf Fortress. 目前该游戏已经发布了 0.7 版本,虽然仍然在快速的开发当中,但是已经可以进行试玩.
如果浏览器窗口的宽度为 768px 或更小时，把 <body> 元素的背景颜色更改为“浅蓝色”：
项目中使用到了websocket，用户在浏览器窗口切换或者浏览器最下话后，websocket的状态有可能断开，且没有重试机制，所以想通过用户回到当前页面的时候，系统能够自动刷新，重新连接socket
我们在使用电脑的时候，都不能避免的要用到浏览器，那么你知道哪些浏览器比较好用吗？今天给大家整理了五款比较好用的浏览器，总有适合你。
@media 规则在媒体查询中用于为不同的媒体类型/设备应用不同的样式。
1. 项目中，从一个页面进入到另一个页面，然后在这个页面做一些修改后返回到第一个页面，这个时候第一个页面没有刷新只类似tab切换，所以用户的修改未生效。使用html的浏览器事件 visibilitychange
定义和用法 open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。 语法 window.open(URL,name,specs,replace) 参数 说明 URL 可选。打开指定的页面的URL。如果没有指定URL，打开一个新的空白窗口 name 可选。指定target属性或窗口的名称。支持以下值：_blank - URL加载到一个新的窗口。这是默认_parent - URL加载到父框架_self - URL替换当前页面_top - URL替换任何可加载的框架集name - 窗口名称 spec
真正意义上的inline-block水平呈现的元素间，换行显示或空格分隔的情况下会有间距，很简单的个例子：
在网上搜了一下，结论非常笼统，讲IE从不讲版本，因此自己做了测试并上传结论。以下结论皆是在标准模式下测试通过的，没有测试quirk模式。
据统计，有80%的最终用户响应时间是花在前端程序上，而其大部分时间则花在各种页面元素，如图像、样式表、脚本和Flash等的下载上，减少页面元素将会减少HTTP请求次数，这是快速显示页面的关键所在。 CSS Sprites方法可以组合页面中的图片到单个文件中，并使用CSS的background-image和background-position属性来现实所需的部分图片。 Inline images使用data:URL scheme在页面中内嵌图片，这将增大HTML文件的大小，组合inline images到用户的（缓存）样式表既能较少HTTP请求，又能避免加大HTML文件大小。 Combined files通过组合多个脚本文件到单一文件来减少HTTP请求次数，样式表也可采用类似方法处理，这个方法虽然简单，但没有得到大规模的使用。当页面之间脚本和样式表变化很大时，该方式将遇到很大的挑战，但如果做到的话，将能加快响应时间。
前段时间有个需求，系统有即时消息的功能，要求在收到消息后能有一个比较明显的提示，即使是在浏览器最小化的时候也能看到提醒。
一个px能显示的物理像素点的个数，称为物理像素比或屏幕像素比，1CSS像素=1物理像素
JavaScript语言的一大特点就是单线程，也就是说，同一时间只能做一件事，前面的任务没做完，后面的任务只能等着。
------------------------------------盒子模型常用的八个属性--------------------------------- Js盒子模型 Js盒子模型指的是通过js提供的一系列的属性和方法，获取页面中元素的样式信息值 client系列(当前元素的私有属性) clientWidth/clientHeight:内容的宽度/高度+左右/上下填充，（和内容溢出没有关系） clientLeft:左边框的宽度(borderLeftWidth) clientTop:上
翻译后发现貌似已经有人翻译过，但是翻译的水平就有点。。。。。那篇文章中不仅忽略了知识点，并且出现了明显的语义和语法错误，有一定的误导作用，所以请务必重新阅读老高的翻译。文章中容易出错的地方老高已经注释（在文章中以【】标出）。
戳蓝字“IMWeb前端社区”关注我们哦！ 关于作者 张鑫旭，09年华中科技大学毕业，现上海，就职于阅文集团，专注web前端偏前领域，钓鱼爱好者。 （左右滑动查看代码） 1现象描述 真正意义上的inline-block水平呈现的元素间，换行显示或空格分隔的情况下会有间距，很简单的个例子： 间距就来了~~ <input /> <input type="submit" /> 我们使用CSS更改非inline-block水平元素为inline-block水平，也会有该问题： .space a { dis
所谓浏览器操作是指webdriver 通过协议和接口发现DOM中的元素，并实现控制浏览器的行为，例如打开浏览器、控制浏览器大小、浏览器刷新及浏览器前进、后退等，接下来介绍浏览器的这些基本操作。
实际开发过程中，我们会经常遇到，首次进入页面进行相应提示，然后指定时间后自动消失或者前端时钟展示等需求。
用截图工具（截图工具测得的像素等于物理像素）测得CSS中的1px 的等于物理像素1px的 那么他们的比值就是1：1
是计算机坐标系统中的一个点，这个点代表一个可以由程序使用的虚拟像素(比如说CSS像素)。一个CSS像素对应多少个设备像素是根据当前的缩放比例
视口(Viewport)是移动Web开发中一个非常重要的概念，最早是由苹果公司在推出iPhone手机时发明的，其目的是为了让iPhone的小屏幕尽可能完整显示整个网页。通过设置视口，不管网页原始的分辨率尺寸有多大，都能将其缩小显示在手机浏览器上，这样保证网页在手机上看起来更像在桌面浏览器中的样子。
前端爱好者的知识盛宴 嗨 这里是IMWEB 一个想为更多的前端人 享知识 助发展 觅福利 有情怀有情调的公众号 欢迎关注转发 让更多的前端技友一起学习发展~ 正文 < meta > 元素 概要 标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 —— W3School 必要属性 可选属性 SEO优化 参考文档 （https://msdn.microsoft.com/zh-cn/li
Page Visibility API 用来检测页面当前是否可见，以及打开网页的时间等
Selenium是一个用于Web应用程序测试的工具，本文使用的是Selenium 2。Selenium就是一套类库，不依赖于任何测试框架，除了必要的浏览器驱动，不需要启动其他进程或安装其他程序，也不必像 Selenium 1那样需要先启动服务。
ps:动画不连贯，因为浏览器渲染有一个最小时间间隔（这块之前搜藏了） 涉及如下部分：
进程是CPU分配资源的最小单位，分配独立内存，进程之间可通信，但是必须通过内核，使用IPC接口来做，代价比较大 线程是CPU调度的最小单位，同一个进程下面可以有多个线程。
1.什么是视口？ 在客户端，视口指的是浏览器的可视区域； 而在移动端，它涉及3个视口：Layout Viewport（布局视口），Visual Viewport（视觉视口），Ideal Viewport（理想视口）。指的就是Layout Viewport, “视区”所指为浏览器内部的可视区域大小，即window.innerWidth/window.innerHeight大小，不包含任务栏标题栏以及底部工具栏的浏览器区域大小。
所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。
https://serious-lose.notion.site/Web-Visibilitychange-496d9051bda741e19fc0890913b3565e
该文章讲述了HTML出现错位的问题，以及如何解决这些问题。主要从四个方面进行了分析，包括缺失标签、CSS设置问题、HTML和CSS编码不统一以及浏览器解析问题。同时，文章提出了相应的解决方法，以帮助用户更好地解决HTML错位问题。"
什么是WebRTC？ 众所周知，浏览器本身不支持相互之间直接建立信道进行通信，都是通过服务器进行中转。比如现在有两个客户端，甲和乙，他们俩想要通信，首先需要甲和服务器、乙和服务器之间建立信道。甲给乙发送消息时，甲先将消息发送到服务器上，服务器对甲的消息进行中转，发送到乙处，反过来也是一样。这样甲与乙之间的一次消息要通过两段信道，通信的效率同时受制于这两段信道的带宽。同时这样的信道并不适合数据流的传输，如何建立浏览器之间的点对点传输，一直困扰着开发者。WebRTC应运而生 WebRTC是一个开源项目，旨在
例如：<meta name="viewport" content="width=device-width, initial-scale=1.0"> , 该标签的作用是告诉浏览器，
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
