松哥原创的 Spring Boot 视频教程已经杀青，感兴趣的小伙伴戳这里-->Spring Boot+Vue+微人事视频教程
单页应用程序（也称为基于浏览器的应用程序）在从网页加载 JavaScript 和 HTML 源代码后完全在浏览器中运行。由于浏览器可以使用整个源代码，因此它们无法维护客户端机密的机密性，因此这些应用程序不使用机密。因为他们不能使用客户端密码，所以最好的选择是使用 PKCE 扩展来保护重定向中的授权代码。这类似于也不能使用客户端密码的移动应用程序的解决方案。
今天决定要将《sql注入攻击与防御》这本书吃完。今天开了个头，看了一些，然后还是继续看大佬们写的挖洞经验。有看不懂的地方，简单搜索下概念，先了解着，随着知识的积累，到了一定时间段，都会吃透的。这就是我的学习方法，其实不好，但是奈何脑子转的慢，也是没办法。心有不甘，但是我还是相信我会变得很厉害，也想配的上大佬的称号，哈哈哈。
通常情况，在 HTML 文档即将被卸载时，unload 事件将会调用。理论上，它可用来在用户离开页面时运行一些代码，或者作为会话回调结束时运行代码。
检测开发者工具的话，整合了各种较新的方法，经测试是支持 Chrome （包括单独窗口打开的情况）和 Firefox （在单独窗口打开时，只有打开控制台时才能检测到），其他浏览器还没有测试，不过估计 chromium 内核的浏览器也都是支持的
本文博主给大家分享线上多域名实战，当线上主域名不可用的情况下，启用备用域名完成网站高可用保障。
XSS 攻击指的是跨站脚本攻击，是一种代码注入攻击。攻击者通过在网站注入恶意脚本，使之在用户的浏览器上运行，从而盗取用户的信息如 cookie 等。
FROM 表示的是这个 dockerfile 构建镜像的基础镜像是什么，有点像代码里面类的继承那样的关系，基础镜像所拥有的功能在新构建出来的镜像中也是存在的，一般用作于基础镜像都是最干净的没有经过任何三方修改过的，比如我用的就是最基础的 centos，这里有必要说明一下，因为我用的镜像加速源是阿里云的，所以我 pull 下来的 centos 是自带阿里云的 yum 源的镜像，如果你用的不是阿里云的镜像加速源，pull 下来的镜像 yum 源也不一样，到时 yum 安装软件的时候可能会遇到很多问题（你懂得）。
超文本传输协议，HTTP是基于B/S架构进行通信的，而HTTP的服务器端实现程序有httpd、nginx等，其客户端的实现程序主要是Web浏览器，例如Firefox、InternetExplorer、Google chrome、Safari、Opera等
要点： XSS是跨站脚本攻击、向目标网站插入恶意代码、大量用户访问网站时运行恶意脚本获取信息
H5 是 HTML 5 的缩写，也代表新浏览器技术和标准，例如一些先进浏览所支持的一些 HTML 5 标准 APIs
我们经常会遇到一个问题，网站打开速度特别慢，当我们遇到此种问题时该从哪些地方去排查？
Node.js是一个JavaScript平台，可以提供动态的响应式内容。JavaScript通常是一种客户端浏览器语言，如HTML或CSS。但是，Node.js是一个服务器端的JavaScript平台，可与PHP相媲美。Node.js通常可以与NGINX或Apache等其他流行的服务器应用程序一起使用。在本指南中，NGINX配置为处理前端静态文件请求，Node.js配置为处理后端文件请求。
原文地址：http://blog.codinglabs.org/articles/how-web-analytics-data-collection-system-work.html 网站数据统计分析工具是网站站长和运营人员经常使用的一种工具，比较常用的有谷歌分析、百度统计和腾讯分析等等。所有这些统计分析工具的第一步都是网站访问数据的收集。目前主流的数据收集方式基本都是基于javascript的。本文将简要分析这种数据收集的原理，并一步一步实际搭建一个实际的数据收集系统。
我有一个项目用了 Vue.js 来构建单页应用程序。随着上线日期的临近，性能优化的工作变得越来越重要。在本文中，我收集了有关在加载时间和渲染性能方面提高 Vue.js 应用性能的所有知识。
前两天在学习负载均衡，然后就看到了nginx，当前做反向代理，负载均衡 nginx用的确实比较大。
前端是庞杂的，包括 HTML、 CSS、 Javascript、Image 、Video等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么 ?
由于我是宝塔用户，所以不需要读取编译信息。直接在 软件商店→Nginx→编译安装→添加自定义模块
vant官网地址 https://vant-contrib.gitee.io/vant/#/zh-CN/
笔者把自己总结的文档分为几遍，合集在 https://g.xgss.net/nginx/
Quokka.js 是一个用于 JavaScript 和 TypeScript 的实时运行代码平台。这意味着它会实时运行你输入后的代码，并在编辑器中显示各种执行结果，建议亲自尝试一下。
Nginx (Engine X)是一个轻量级的高性能的HTTP和反向代理web服务器，同时也提供了电子邮件IMAP/POP3/SMTP服务，在BSD-like协议下发行，其特点是占有内存少，并发能力强，事实上nginx的并发能力在同类型的网页服务器中表现较好。
我建站没几个钱，买 1M 服务器，又贪图速度，想加载快点。之前是静动分离， BBR，CDN，webp自适应 。
XSS攻击是Cross-Site Scripting的缩写，直白来说，就是页面被注入了恶意的代码——用户输入的内容跳出文本的限制，成了可执行的代码。
Ghost是一个轻量级（~7.5MB）的开源博客平台，非常易于使用。Ghost是完全可定制的。互联网上有很多可供Ghost使用的免费或付费的主题。
XSS（Cross Site Scripting）攻击全称跨站脚本攻击，为了不与层叠样式表CSS(Cascading Style Sheets)混淆，故将跨站脚本攻击缩写为XSS。
实际上，所有重要的程序（特别是 JavaScript 程序）都需要通过这样或那样的方法来管理这段时间间隙，这时可能是在等待用户输入、从数据库或文件系统中请求数据、通过网络发送数据并等待响应，或者是在以固定时间间隔执行重复任务（比如动画）。
我们可以把互联网比作一张大网，而爬虫（即网络爬虫）便是在网上爬行的蜘蛛。把网的节点比作一个个网页，爬虫爬到这就相当于访问了该页面，获取了其信息。可以把节点间的连线比作网页与网页之间的链接关系，这样蜘蛛通过一个节点后，可以顺着节点连线继续爬行到达下一个节点，即通过一个网页继续获取后续的网页，这样整个网的节点便可以被蜘蛛全部爬行到，网站的数据就可以被抓取下来了。
去官网https://nginx.org/下载对应的nginx包，推荐使用稳定版本，本文下载的nginx-1.18.0.tar.gz
用户直接与之交互的网站部分称为前端。它也称为应用程序的“客户端”。它包括用户直接体验的所有内容：文本颜色和样式、图像、图形和表格、按钮、颜色和导航菜单。HTML，CSS和Javascript是用于前端开发的语言。打开网站、Web 应用程序或移动应用程序时在浏览器屏幕上看到的所有内容的结构、设计、行为和内容由前端开发人员实现。响应能力和性能是前端的两个主要目标。开发人员必须确保网站是响应式的，即它在所有尺寸的设备上正确显示，无论屏幕大小如何，网站的任何部分都不应表现异常。
HTML5中 标签定义视频，比如电影片段或其他视频流。也就是说video是用来播放视频的，而且是HTML5中的新标签。所以对老浏览器是不支持的，来看看支持。
2015年9月，nginx宣布支持类JavaScript语言。这意味着开发者可以更轻松、自由的控制全球最优秀的HTTP及反向代理服务器，并在此之上可以衍生出更多有用、好玩的创意。Nginx也更开发的走向了动态配置化的下一个阶段。大家可以点击查看 官方介绍链接。
本文介绍了Nginx新增的JavaScript模块nginScript，它可以实现更灵活、可扩展的Web平台。nginScript通过在Nginx配置中使用JS语法，可以让开发者用JS编写规则，从而让Nginx的配置更加灵活。同时，nginScript也支持在运行时动态加载配置，这使得它能够更好地适应用户需求的变化。虽然nginScript目前还处于早期阶段，但是它的出现为Nginx的发展带来了新的可能性，值得开发者们关注和研究。
新上线的webgame需要做一个官网，做好了并上线了（切割、程序、后台，后台使用是java版本的jeecms），但仅仅是自己家的官网做好了，现在上面的想法是需要把这个官网也整理成一个本地能运行的网站给其它游戏的联合运营商以便减少他们工作量（需要全部静态化，所有绝对地址必须改成相对的，图片也必须请求本地指定目录）。最初只是说把当时切割好的静态页面给他们，后来觉得不是很好的一种方案，希望一些不会变的页面，如：游戏的攻略、玩家、常用活动、排行、热门道具等，将这些页面也弄成一个静态的，这样联合运营商就不再需要进行编辑。当准备开始做的时候面临的问题：
Ajax：标准读音 [ˈeɪˌdʒæks] ，中文音译：阿贾克斯。这个术语源自描述从基于 Web 的应用到基于数据的应用。Ajax 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。使用 JavaScript 向服务器提出请求并处理响应而不阻塞用户核心对象 XMLHttpRequest。通过这个对象，JavaScript 可在不重载页面的情况与 Web 服务器交换数据，即在不需要刷新页面的情况下，就可以产生局部刷新的效果。Ajax 在浏览器与 Web 服务器之间使用异步数据传输(HTTP 请求)，这样就可使网页从服务器请求少量的信息，而不是整个页面。
Tampermonkey 是一款免费的浏览器扩展和最为流行的用户脚本管理器，虽然有些受支持的浏览器拥有原生的用户脚本支持，但 Tampermonkey 将在您的用户脚本管理方面提供更多的便利。 它提供了诸如便捷脚本安装、自动更新检查、标签中的脚本运行状况速览、内置的编辑器等众多功能， 同时Tampermonkey还有可能正常运行原本并不兼容的脚本。
在搭建网站的时候，往往会加载很多的图片，如果都从 Tomcat 服务器来获取静态资源，这样会增加服务器的负载，使得服务器运行 速度非常慢，这时可以使用 Nginx 服务器来加载这些静态资源，这样就可以实现负载均衡，为 Tomcat 服务器减压了。这篇文章，我们将一起去使用 Nginx 去搭建静态资源 web 服务器。
JavaScript可以分为三个部分：ECMAScript标准、DOM、BOM。如图：
10 个 Node.js 最佳实践：来自 Node 专家的启示，由客座作者 Azat Mardan 撰写。SitePoint 特邀嘉宾文章旨在为您带来来自网络社区的著名作家和演讲者的高质量优质内容。
Multipass是一个轻量虚拟机管理器，是由 Ubuntu 运营公司 Canonical 所推出的开源项目。运行环境支持 Linux、Windows、macOS。在不同的操作系统上，使用的是不同的虚拟化技术。在 Linux 上使用的是 KVM、Window 上使用 Hyper-V、macOS 中使用 HyperKit 以最小开销运行VM，支持在笔记本模拟小型云。
在深入研究客户端之前，让我们先了解一下支持这些用户弹窗所需的服务器端的工作。用户弹窗的内容将由新路由返回，它是现有个人主页路由的简化版本。视图函数如下：
下面我们开始步入正题，为了让大家能够更好地理解和掌握 Web Workers，在正式介绍 Web Workers 之前，我们先来介绍一些与 Web Workers 相关的基础知识。
Nginx开启Gzip压缩功能， 可以使网站的css、js 、xml、html 文件在传输时进行压缩，提高访问速度, 进而优化Nginx性能! Web网站上的图片，视频等其它多媒体文件以及大文件，因为压缩效果不好，所以对于图片没有必要支压缩，如果想要优化，可以图片的生命周期设置长一点，让客户端来缓存。 开启Gzip功能后，Nginx服务器会根据配置的策略对发送的内容, 如css、js、xml、html等静态资源进行压缩, 使得这些内容大小减少，在用户接收到返回内容之前对其进行处理，以压缩后的数据展现给客户。这样不仅可以节约大量的出口带宽，提高传输效率，还能提升用户快的感知体验, 一举两得; 尽管会消耗一定的cpu资源，但是为了给用户更好的体验还是值得的。
使用服务器端的Python渲染日期和时间来展示到用户的浏览器并非一个好主意。考虑如下的例子， 我在2017年9月28日下午4点06分写这篇文章。我身处的时区是PDT(UTC-7)，在Python解释器中运行如下：
如果初学Javascript，对于JQuery可能会跟我一样完全不清楚，所以适当的普及一下JQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。JQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。
最佳Node实践之实用十式：受我们的客邀作者，Node大师Azat Mardan的启发。 SitePoint 的客座发帖旨在带给大家web社区里杰出的作者和宣讲者的优秀内容。
从应用软件的角度来看，Dockerfile、Docker镜像与Docker容器分别代表软件的三个不同阶段，
现在用户上网大多使用移动设备或者笔记本电脑。对这两者来说，电池寿命都很重要。在这篇文章里，我们将讨论影响电池寿命的因素，以及作为一个web开发者，我们如何让网页耗电更少，以便用户有更多时间来关注我们的内容。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
