window.sessionStorage和window.localStorage接口用于脚本在浏览器保存数据。
一、什么是BOM？ BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。 二、Windows对象 Window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。例如：window.document.write()可以简写成：document.write()。 所有浏览器都支持 window 对象。它表示浏览器窗口。 所有
JS可以监听浏览器页面的关闭，主要使用了window对象的onbeforeunload方法
Service Worker 以其 异步安装 和 持续运行 两个特点，决定了针对它的更新操作必须非常谨慎小心。因为它具有拦截并处理网络请求的能力，因此必须做到网页(主要是发出去的请求)和 Service Worker 版本一致才行，否则就会导致新版本的 Service Worker 处理旧版本的网页，或者一个网页先后由两个版本的 Service Worker 控制引发种种问题。
Alfred是一款Mac系统必装软件，他提供快速启动App、全文查找文件、workflow自动化流程等功能。本文介绍如何使用Alfred Workflow+Apple Script实现快速启动开发环境。 问题 & 设想 先梳理下，我在日常启动前端的工作环境时，需要手动操作的步骤： 打开Webstorm并选择开发项目（10秒） 打开iterm命令行工具，并cd到项目下（5秒） 打开whistle代理（5秒） 打开chrome浏览器工作必须的插件，比如代理插件、react、vue调试插件（20秒） 打开c
相信看完这张图后大家对一次请求也有了大致的了解了，当前其中还有很多细节小编没有画出来，然后我们来看看部分过程的细节
JavaScript中有三种弹出框，alert()，confirm(), prompt()。
原文 / https://developer.akamai.com/blog/2018/06/25/experiments-with-browser-preconnects/
html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？
HTML 1、Doctype作用？标准模式与兼容模式各有什么区别? （1）、<!DOCTYPE>声明位于位于HTML文档中的第一行，处于<html> 标签之前。告知浏览器的解析器用什么文档标准解析这
Service Workers 本质上是一种能在浏览器后台运行的独立线程，它能够在网页关闭后持续运行，能够拦截网络请求并根据网络是否可用来采取适当的动作、更新来自服务器的的资源，从而实现拦截和加工网络请求、消息推送、静默更新、事件同步等一系列功能，是 PWA 应用的核心技术之一。
确保用户在不同地区能用最快的速度打开网站，其中某个域名崩溃用户也能通过其他域名访问网站。
---- 相关知识点 web标准、 web语义化、 浏览器内核、 兼容性、 html5... 题目&答案 Doctype作用？严格模式与混杂模式如何区分？它们有何意义（1）<!DOCTYPE>声明位于HTML文档中的第一行，处于<html>标签之前，用于告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。 （2）标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止站点
当你打开浏览器的网络标签时，你会看到大量的活动。资源正在下载，信息正在提交，事件正在记录，等等。
最近子凡准备自己通过商标局官网来注册提交一下商标申请，毕竟人穷想要省点钱，所以就想着省去代理商中间商赚差价，但是其中就遇到一个问题，当申请通过后，也安装好本地证书驱动，输入 PIN 登录的时候网页上面就会提示：error：Failed to execute ‘send’ on ‘XMLHttpRequest’: Failed to load ‘http://127.0.0.1:18080/’
大文档 https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity
从7.4.5版本开始，宝塔安装后首页强制绑定手机号码，虽然没有关闭按钮，但其实只是一个弹窗，并且只在首页提示（不排除之后官方改成其他页面也弹窗），不想绑定的用户可以直接修改面板首页文件即可关闭！
Firebug是Firefox下一款知名的插件,目前稳定版本是2.X,alpha版本是3.X(装了.完全看不懂–适用于FF44+,也就是测试版本); 功能主要用于调试网页中的错误,修改代码及实时查看效果;
简单来说，Electron就是可以让你用Javascript、HTML、CSS来编写运行于Windows、macOS、Linux系统之上的桌面应用的库。本文的目的是通过使用Electron开发一个完整但简单的小应用：记事本，来体验一下这个神器的开发过程。本文犹如Hello World一样的存在，是个入门级笔记，但如果你之前从未接触过Electron，而又对它有兴趣，某想信这会是一篇值得一看的入门教程。 PS：这篇文章是基于Windows的开发过程，未对macOS、Linux作测试。
如果大家对 Python 爬虫有所了解的话，想必你应该听说过 Selenium 这个库，这实际上是一个自动化测试工具，现在已经被广泛用于网络爬虫中来应对 JavaScript 渲染的页面的抓取。
温馨提示：视频请点此观看 // 视频原文： 为了更好的掌握用户的需求，我们经常需要统计： 1、统计用户在站点的停留时长 2、收集页面链接的点击数量等 3、统计用户的鼠标行为 但经常会遇到以下问题： 1、统计点击，但点到链接后就页面跳转了； 2、统计的时候发送的数据丢了； 3、统计js还没运行，用户已经关页面了； 4、... 上述的那些问题如果归类的话，可以归为二类： (1)、js统计脚本未加载； (2)、页面关闭或跳转时，数据未成功发送； 第一种问题的解决还比较简单，就是直接把js注入到网页头， 让它先
注意：driver.close() ，当前关闭的是主窗口，只有完成页面切换才可以关闭当前新的页面
Typecho插件版：Typecho插件版之给博客加上能陪聊的Live2d版伊斯特瓦尔
1. 尝试调用播放，捕获异常，弹出提示窗口，用户点击后再播。（别想了，js模拟点击是没有用的）
在前几期的成果中，我们做出来的页面只有一些“静态”的内容，只能给用户大眼瞪小眼的看，那么别人家的网页上那些飞来飞去的，若隐若现的东西都是咋搞的呢？
关于巡检，之前发过一篇《浅谈质量保障手段之巡检技术》，介绍了使用Python的eyeD3库进行MP3属性信息获取并做音频损坏的判断，可以理解为从服务端层面出发提出的解决方
在2019年初，微软正式选择了Chromium作为默认浏览器，并放弃edge的发展。并在19年4月8日，Edge正式放出了基于Chromium开发的Edge Dev浏览器，并提供了兼容Chrome Ext的配套插件管理。再加上国内的大小国产浏览器大多都是基于Chromium开发的，Chrome的插件体系越来越影响着广大的人群。
一键关闭宝塔面板强制登陆方法，先安装宝塔，如果登陆啥事都没有最好，如果提示必须要登陆宝塔账户，那么，在terminal里执行。
主题设置基于Inspire，任何关于本主题的建议和问题反馈请在本篇文章留言讨论，我会统一收集，如果我们想法相符 + 有能力实现 + 不影响主题美观的情况下，新功能会被加入到下一个版本中。
http: 超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。
代码组织： 目录结构： . ├── components //组成应用的各个组件 │ ├── Routers.android.js //每个组件若实现不一样，分为android的实现和ios的实现。 │ ├── Routers.ios.js │ ├── common //公共组件 │ ├── issues //议题页面 │ ├── navigation //导航组件，android用侧边栏，ios准备用tab │ └── project
用户在访问单页面网站时，如果生产环境已经发布了新的版本（有功能上的变化），由于单页面中路由特性或浏览器缓存的原因，并不会重新加载前端资源，此时用户浏览器所并非加载是最新的代码，从而可能遇到一些 bug。
参考： http://www.w3cschool.cc/js/js-window.html
在近期的一个移动端项目中，有一个页面需要有弹框提示，并且这个弹框通过关闭按钮关闭。页面当中使用了 iScroll 来实现页面局部滚动，在 iScroll 的配置当中把 tap 和 click 事件都开启了。 代码如下：
DOCTYPE 是 html5 标准网页声明，且必须声明在 HTML 文档的第一行。用来告知浏览器的解析器用什么文档标准来解析该文档，不同的渲染模式会影响到浏览器对于 CSS 代码甚至 JavaScript 的解析。
到目前为止，我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法，并没有和浏览器有任何交互。
对许多前端工程师来说，如果他们足够在意的话，IE6是经常折磨他们的痛。在当前环境下，昔日的浏览器王者IE6正日渐黄昏，微软也将在2014年彻底不支持IE6，还上线了个一个页面IE6 Countdown，鼓励全球用户与IE6彻底说拜拜。许多WordPress主题已经默认不支持IE6了（比如我本站目前使用的主题），对于IE6访客，我们可以友善地提醒他们升级浏览器（毕竟IE6访客还是挺多的，不信看看下文数据）。下面就介绍免插件仅代码实现IE6浏览器升级提示的方法（代码）。 统计数据：Jeff的阳台相关访客
Background sync是Google新推出的Web API，可延迟用户行为，直到用户网络连接稳定。这样有助于保证用户想要发送的数据就是实际发送的数据。 目前存在的问题 网络是消磨用户时间最多的途径，时间浪费在网络上等待网页加载，网页呈现等一些加载数据方面。 但是有很多时候，并不希望浪费时间，更期望达成是以下的体验：1. 拿出手机；2. 实现用户目标；3. 放回手机；4. 享受人生 然而，流畅的用户体验往往都会受糟糕的网络而影响，常常会为用户呈现空白屏幕或停滞不动的进度条，用户最多能容忍10秒。尽管“
前端HTML5十大新特性总结: <!DOCTYPE html> 这是什么玩意儿？为什么要写上去?不写上去会怎么样？很少人去注意到，反正就照写就可以了。 HTML5不是SGML的子集，从最开始的声明方式
同样的问题，可以拿来招聘P5也可以是P7，只是深度不同。所以我重新整理了一遍整个流程，本文较长，建议先收藏。
推荐一个网站给想要了解或者学习人工智能知识的读者，这个网站里内容讲解通俗易懂且风趣幽默，对我帮助很大。我想与大家分享这个宝藏网站，请点击下方链接查看。 https://www.captainbed.cn/f1
JS总体包括ECMAScript，DOM，BOM三个部分，但是能够和浏览器进行交互的只有DOM和BOM，那么到底什么是DOM和BOM呢
https协议需要到CA（Certificate Authority，证书颁发机构）申请证书，一般免费证书较少，因而需要一定费用。
这本书并没有讲太多的深层次的技术，讲的都是一些原理与思路，非常适合想要从宏观上了解前端的读者。本笔记按照里面的章节记录一些书中有意思的部分。
3.在input表单控件中，value和placeholder的区别是什么？ 答： placeholder: 表示在输入框中显示的提示信息，用户点击之后，提示信息就会消失。 value: 叫做默认值，当用户想要在输入框中输入信息的时候，必须先手动的删除value的值 。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
云直播
对象存储
