window.location.assign('http://www.baidu.com');
正则用来定义一些字符串的规则，程序可以根据这些规则来判断一个字符串是否符合规则， 也可以将一个字符串中符合规则的内容提取出来。
项目遇需要网页加载自动打印网页后需要自动关闭该网页，但是百度了好久发现都是需要插件什么的
CSS选择器匹配的第一个元素,一个 HTMLElement对象。 如果没有匹配到，则返回null。
JavaScript在客户端和服务器的应用场景。 Draft and Typescript, Node.js 第一部分：JavaScript中的定时器 JavaScript中有2中定时器(timer)。 单次定时器：定时器在终止并运行指定程序代码后，定时器就结束了。 setTimeout(TimerCode,Timerdelay); 间隔定时器：每隔一段时间就执行，直到程序让它停止。 函数：clearInterval(timerID) clearInterval(timerID)函数清除setInterva
默认的HTTP连接（connection）通常都会在每次request完成后就关闭掉，这也就意味着server端会在发送了一个response之后就把TCP 连接（connection）close掉。为了能够让connection在多次请求中保持open，就引入了keep-alive connection，也就是长连接，也可以叫persistent connection（持续连接）。ps：以下统称长连接。 只要server端愿意配合，所有现代浏览器都可以使用长连接。你也可以直接使用HTTP/1.1,它的K
网页使用loading可以给用户带来更好的体验，避免网页渲染中长时间出现网页整体空白从而影响访客的体验，loading在部分大型APP也有在应用。
含义: 将HTML文档以树状结构直观地表现出来 作用： 直观地体现了标签与标签之间的关系
HTTP 的 Keep-Alive，是由应用层（用户态） 实现的，称为 HTTP 长连接； TCP 的 Keepalive，是由 TCP 层（内核态） 实现的，称为 TCP 保活机制；
DOM全称为 “Document Object Model”，文档对象模型，提供操作HTML文档的方法。（注：每个html文件在浏览器中都视为一篇文档,操作文档实际就是操作页面元素。）
keepalive已经不是什么新鲜的概念了，HTTP协议中有keep-alive的概念，TCP协议中也有keep-alive的概念。二者的作用是不同的。本文将详细的介绍http中的keep-alive，介绍tomcat在server端是如何对keep-alive进行处理，以及jdk对http协议中keep-alive的支持。同时会详细介绍tcp中的keepalive机制以及应用层的心跳。
KeepAlive 已经不是什么新鲜的概念了，HTTP 协议中有 KeepAlive 的概念，TCP 协议中也有 KeepAlive 的概念。二者的作用是不同的。本文将详细的介绍 HTTP 中的 KeepAlive，介绍 Tomcat 在 Server 端是如何对 KeepAlive 进行处理，以及 JDK 对 HTTP 协议中 KeepAlive 的支持。同时会详细介绍 TCP 中的 KeepAlive 机制以及应用层的心跳。
DOM Window 代表窗体 DOM History 历史记录 DOM Location 浏览器导航 重点：window、history、location ，最重要的是window对象 1.window对象 Window 对象表示浏览器中打开的窗口，如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象 window.frames 返回窗口中所有命名的框架 parent是父窗口（如果窗口是顶级窗口，
浏览器为我们提供了JavaScript运行的环境，同时也给我们提供了很多的对象，我们从这一篇开始逐个讲解浏览器上的内置对象的属性和方法。常见的浏览器内置对象有：Window 、Location 、Navigator 、History 、Screen…… 本篇文章，我们就从最大的对象Window开始讲起，在本文的最后还附带讲述其它几个对象的文章链接
高性能网站架构方案（二）——优化网站响应时间 （原创内容，转载请注明来源，谢谢） 一、概述 优化网站响应时间是保证网站受用户关注的要点，主要方案有： 1、减少HTTP请求 当需要加载图片、css、js等内容时，尽量减少加载的次数。可以合并加载，另外当改动量很少时，尽量将内容进行缓存。 图片的缓存可以设定更新时间，定时去服务器查看是否有需要更新的内容。通常可以定时在1周甚至更久的时间。 CSS、JS的缓存，通常可以通过文件名的方式来判断是否需要重新加载。当网页确定需要加载某些js和c
Fusionapp小文档.jpg 最近又重构了下博客的套壳app，还是用的FusionApp制作的，为了避免忘记特此写一些基础文档。 基础控件ID
在php、jsp、asp后端总揽一切的时代，网站统计基本是后台的事情——其实web开发，也没有前端这个职位，网站设计（现在的UI）不仅要前途还要用dreamwave等工具生成html给后台套模板。web2.0后，除了数据库带宽瓶颈，基本就在前端了。
数字货币因其技术去中性化和经济价值等属性，逐渐成为大众关注的焦点，同时通过恶意挖矿获取数字货币是黑灰色产业获取收益的重要途径。本文简析通过蜜罐获取的XMR恶意挖矿事件：攻击者通过爆破SSH获取系统权限，配置root用户免密登录,并下载及执行XMR 挖矿程序，及XMR 网页挖矿程序。XMR挖矿程序耗肉鸡CPU/GPU资源，网页挖矿程序耗访问肉鸡服务器JS 网页的客户端资源 。
[HTML入门与进阶以及HTML5] [CSS] [JS-上] [JS-下] [jQuery] [Node.js + Gulp 知识点汇总] [MongoDB + Express 入门及案例代码] [Vue项目开发-仿蘑菇街电商APP]
Service Workers 本质上是一种能在浏览器后台运行的独立线程，它能够在网页关闭后持续运行，能够拦截网络请求并根据网络是否可用来采取适当的动作、更新来自服务器的的资源，从而实现拦截和加工网络请求、消息推送、静默更新、事件同步等一系列功能，是 PWA 应用的核心技术之一。
现在用户上网大多使用移动设备或者笔记本电脑。对这两者来说，电池寿命都很重要。在这篇文章里，我们将讨论影响电池寿命的因素，以及作为一个web开发者，我们如何让网页耗电更少，以便用户有更多时间来关注我们的内容。
两周前，我介绍了 Page Visibility API。有了它，就可以监听各种情况的网页卸载。
Android、iOS 和最新的 Windows 系统可以随时自主地停止后台进程，及时释放系统资源。也就是说，网页可能随时被系统丢弃掉。Page Visibility API 只在网页对用户不可见时触发，至于网页会不会被系统丢弃掉，它就无能为力了。
来自：简书 作者：jack_lo 原文：www.jianshu.com/p/4c93f5bd9861 loading随处可见，比如一个app经常会有下拉刷新，上拉加载的功能，在刷新和加载的过程中为了让用户感知到 load 的过程，我们会使用一些过渡动画来表达。最常见的比如“转圈圈”，“省略号”等等。 网页loading有很多用处，比如页面的加载进度，数据的加载过程等等，数据的加载loading很好做，只需要在加载数据之前（before ajax）显示loading效果，在数据返回之后（ajax co
夜间模式开关按钮：用来手动切换夜间模式的，会存储cookie。 自动夜间模式：当cookie为空时，浏览器时间大于22点小于6点时会自动进入夜间模式，并存储cookie。 后端配合：php判断是否有cookie，有的话直接输出夜间css，避免切换页面时网页闪烁。
原文：https://blog.bitsrc.io/page-lifecycle-api-a-browser-api-every-frontend-developer-should-know-b1c74948bd74
前言——几日前，我那上初中的妹妹突然发VX问我说她想复制网上搜到的一些朋友圈文案拿去发朋友圈，但是问题是复制不了！
Author：Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力，都不会被生活辜负 不忘初心，方得始终 这几天找工作 遇到一件让我非常尴尬的问题 赶场似的用了三天学了vue和小程序开发 然后赶出两个实战项目 很多api都还不熟练 导致面试时问的问题 完全答不上来 而且好多不常用的原生js的方法都忘记了 问的时候一问三不知 还因为紧张导致底气不足 一慌就乱答一气 哎 凄凉啊...... <!DOCTYPE html> <html lang='en'>
面试经典题——URL加载 一、涉及基本知识点： 1. 计算机网络 五层因特尔协议栈： 应用层（dns、http）：DNS解析成IP并完成http请求发送； 传输层（tcp、udp）：三次握手四次挥手模式建立tcp连接； 网络层（IP、ARP）：IP寻址； 数据链路层（PPP）：将请求数据封装成帧； 物理层：利用物理介质传输比特流（传输的时候通过双绞线、电磁波等） OIS七层框架:多了两层即，会话层（处理两个通信系统中交换信息的表示方式）和表示层（管理不同用户和进程之间的对话）。 get和post的
最近正值秋招，面试了很多前端同学，感悟颇多，后面我也会在公众号为大家分享下我作为面试官的一些心得，以及对于我经常会问的一些问题的讲解。
HTML 1、Doctype作用？标准模式与兼容模式各有什么区别? （1）、<!DOCTYPE>声明位于位于HTML文档中的第一行，处于<html> 标签之前。告知浏览器的解析器用什么文档标准解析这
BOM是browser object model的缩写，简称浏览器对象模型 Window对象的分类 Window对象中的属性对象Document文档对象 wondow.onload事件:当页面加载完成做一些事情 //当文档加载完毕之后,再执行操作 window.onload=function(){ TODO }; Document文档对象 Document对象集合 links 链接对象 anchors 锚对象 forms 表单对象 images 图片对象 //返回当前文档的超链接集合
Event Loop 是 JavaScript 的基础概念，面试必问，平时也经常谈到，但是有没有想过为什么会有 Event Loop，它为什么会这样设计的呢？
cookie 前言 网络早期最大的问题之一是如何管理状态。简而言之，服务器无法知道两个请求是否来自同一个浏览器。当时最简单的方法是在请求时，在页面中插入一些参数，并在下一个请求中传回参数。 这需要使用包含参数的隐藏的表单，或者作为URL参数的一部分传递。这两个解决方案都手动操作，容易出错。cookie出现来解决这个问题。 作用 cookie是纯文本，没有可执行代码。存储数据，当用户访问了某个网站（网页）的时候，我们就可以通过cookie来向访问者电脑上存储数据，或者某些网站为了辨别用户身份、进行sessio
根据相关数据显示，谷歌的Chrome浏览器目前已达近七成的市场占有率，成为浏览器的“霸主”。大家选择Chrome，除了是因为性能的优越以及强大的兼容性之外，Chrome充足的扩展插件，可以让我们的浏览器成为一个“百宝箱”。而谷歌浏览器插件更是一种用于定制浏览器体验的小程序，通过插件，我们可以根据个人的需求定制浏览器的行为。Chrome插件是一个用Web技术开发的软件，可以说只要掌握了”前端三兄弟“（html、js、css），相当于会了Chrome插件开发的一大半。
前言 进入公司6个月后被安排到该项目中，据说该项目规模很大，而拆分到公司的就只是二十来个页面，而我就负责其中的3个页面和其他页面的脚本代码，后来负责项目的性能优化工作。至于业务逻辑方面确实没什么可说的，就是CRUD。由一个很好沟通的前辈和我们6个新人一起来搞。这里有两项内容很值得总结，它们都让我技术上增进不少。 目录 1.页面控件数庞大，页面加载极慢，一步
② 此时用到animate动画函数，将js文件引入（注意，因为index.js 依赖 animate.js 所以，animate.js 要写到 index.js 上面）
浏览器的渲染进程的线程总共有五种： （1）GUI渲染线程 负责渲染浏览器页面，解析HTML、CSS，构建DOM树、构建CSSOM树、构建渲染树和绘制页面；当界面需要重绘或由于某种操作引发回流时，该线程就会执行。
现在安防设备普遍使用rtsp拉取视频流，要在网页播放rtsp视频流不可以直接实现，html不支持rtsp视频流， 所以需要进行转换成html5可以解析的帧数据然后在浏览器进行播放。传输数据流的长连接，网上很多都是node.js开发的http转websocket，借鉴采用java + netty 进行了这一步的转换。这个地方一定要搞清楚http和WS的区别，为啥要转WS。本文的核心就是http转ws+ js页面帧展示.
URL（Uniform Resource Locator），统一资源定位符，用于定位互联网上资源，俗称网址。
近期由于工作原因，需要一些数据来辅助业务决策，又无法通过外部合作获取，所以使用到了爬虫抓取相关的数据后，进行分析统计。在这个过程中，也看到很多同学爬虫相关的文章，对基础知识和所用到的技术分析得很到位
前段时间，我将精力专注在Web性能领域；在这个领域下有个重要的课题是如何让网页更丝滑（流畅）。
很多文章在介绍线程以及线程之间的关系，都存在着脱节的现象。还有的文章过于广大，涉及到了内核，本文希望以通俗易懂的话去描述晦涩的词语，可能会和实际有一丢丢的出入，但是更易理解。
做的项目中需要将后端提供的数据展示在前端页面，一开始我是用JS的setInterval()方法，设置一个时间，每过时间发起一次ajax请求。虽然也能凑活着实现，但总感觉数据不是实时刷新的，而且还占用资源，所以学习WebSocke，并总结了一下，以下是本人总结的前后端WebSocke相关代码：
节流阀目的：当上一个函数动画内容执行完毕，再去执行下一个函数动画，让事件无法连续触发。
学术上说，进程是一个具有一定独立功能的程序在一个数据集上的一次动态执行的过程，是操作系统进行资源分配和调度的一个独立单位，是应用程序运行的载体。我们这里将进程比喻为工厂的车间，它代表CPU所能处理的单个任务。任一时刻，CPU总是运行一个进程，其他进程处于非运行状态。
为了加快网站的解析速度，可以把动态页面和静态页面由不同的服务器来解析，加快解析速度。降低原来单个服务器的压力。 在动静分离的tomcat的时候比较明显，因为tomcat解析静态很慢，其实这些原理的话都很好理解，简单来说，使用正则表达式匹配过滤，然后交给不同的服务器。 静态页面一般直接由Nginx来处理，动态页面则是通过反向代理，代理到后端的Tomcat，然后在做负载均衡，是选择本地静态页面，还是后端Tomcat，这由负载均衡配置决定。 动静分离是在负载均衡后做的，例如静态wbe有多台，动态web有多台，先动静分离，然后在各自集群里做负载均衡、权重等。
相信看了前面的文章，大家对于预加载脚本已经非常了解了，对于之前篇章中已经测试并解释清楚的部分，不会再次详细解释
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
