自用笔记：本文属于自用笔记，不做详解，仅供参考。在此记录自己已理解并开始遵循的前端代码规范。What How Why
01 — 什么是RPO攻击？ RPO（Relative Path Overwrite）相对路径覆盖，是一种新型攻击技术，最早由GarethHeyes在其发表的文章中提出。主要是利用浏览器的一些特性和部
在做一些新的项目时考虑使用 Vite、Vuejs、Less、TypeScript 这些依赖库的构建项目基础，在编写组件时使用 TSX 来获得更好的类型体验，其中在 Less 模块的使用遇到了一个很好解决但初次遇到感觉又无从下手的坑，看我是怎么陷进去的~
1.CSS有几种引入方式? link 和@import 有什么区别? 第一种：在head部分加入<link rel="stylesheet" type="text/css" href=""/>引入外部
Visual Studio Code （ VS Code ）是一个知名且评价很高的代码编辑器，具有大量功能和扩展以增强开发体验。使用 VS Code 的主要好处之一是它的灵活性，允许开发人员根据他们的特定需求对其进行自定义。
过滤，顾名思义，就是将提交上来的数据中的敏感词汇直接过滤掉。例如对"<script>"、""、""等标签进行过滤，有的是直接删除这类标签中的内容，有的是过滤掉之类标签中的on事件或是'javascript'等字符串，让他们达不到预期的DOM效果。
工欲善其事必先利其器，软件工程师每天打交道最多的可能就是编辑器了。入行几年来，先后折腾过的编辑器有 EditPlus、UltraEdit、Visual Studio、EClipse、WebStorm、Vim、SublimeText、Atom、VSCode。 每每上手新的编辑器，我都会根据自己的开发习惯把它调较到理想状态，加上熟悉编辑器各种特性，这个过程通常需要几周的时间。接下来，我就从外观配置、风格检查、编码效率、功能增强等 4 方面来侃侃怎么配置 VSCode 来提高工作幸福感。 外观配置 外观是最先考
这是「进击的Coder」的第 634 篇技术分享 作者：崔庆才 前面的文章我们介绍过 ReCaptcha 的模拟点击破解教程，但除了 ReCaptcha，还有另外和 ReCapacha 验证流程很相似的验证码，叫做 HCaptcha。 ReCaptcha 是谷歌家的，因为某些原因，咱们国内是无法使用 ReCaptcha 的，所以有时候 HCaptcha 也成了一些国际性网站的比较好的选择。 那今天我们就来了解下 HCaptcha 和它的模拟点击破解流程。 HCaptcha 我们首先看看 HCaptcha
TodoApp中使用了ES6的“...”语法，由于webpack无法识别，只能借助 babel 的 transform-object-rest-spread 插件完成语法降级转换；
XSS防护方法主要包括特殊字符转义和HTTPOnly。HTTPOnly上面已经介绍过，这里来介绍一下特殊字符转义。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cn" > <head> <title>未知大小图片在已知大小容器水平/垂直居中</title> <mce:style
当收集浏览器端每个用户核心性能指标时，可通过 web-vitals 收集并通过 sendBeacon 上报到打点系统。
css ie6,ie7,ie8 兼容性写法,CSS hack写法 margin-bottom:40px; /*ff的属性*/ margin-bottom:140px\9; /* IE6/7/8的属性 */ color:red\0; /* IE8支持 */ *margin-bottom:450px; /*IE6/7的属性*/ +margin-bottom:450px; _color:#ff0000; /* 只ie6支持 */ #1 {
刚开始搞爬虫的时候听到有人说爬虫是一场攻坚战，听的时候也没感觉到特别，但是经过了一段时间的练习之后，深以为然，每个网站不一样，每次爬取都是重新开始，所以，爬之前谁都不敢说会有什么结果。
WecTeam 前端周刊，我们为你推荐每周最有看点的技术文章。 一起来看看本周推荐吧~ 可以点击底部左下角的 "阅读原文" 查看往期周刊合集！ 2022年Web平台的新动态 本文着眼于隐私和安全性、强大功能、UI 设计、性能和核心指标以及一些新的 CSS 和 JavaScript 等方面的新功能。来看看 2022 年 Web 平台有哪些新动态吧！ 推荐人：陈钟杰 🔗 识别二维码查看原文 https://mp.weixin.qq.com/s/p_fWjeBryJhenoOYgtye5g 动态表单——
如上面的代码目录所示，字体文件和样式都放在了/src/assets/fonts/目录下。点我直接下载相关文件
仿佛奇怪的问题总是喜欢找上那些初学者。当我在学习制作网页的时候，经常遇到一些很特别的问题。例如：刚刚添加的样式不起作用、jQuery 的代码老是不起作用等等，这些问题往往是不关注细节导致的。而今天我要谈的这个细节，就是关于网页中代码的顺序。没错，代码也是有顺序的，顺序不对有可能会出现一些意外的情况。
2.内存和硬盘： 内存：计算机硬件组成部分之一，它是一个容器，用来存储数据；处理数据速度快， 存储数据量小；断电死机数据会丢失，短暂性存储数据 硬盘：计算机硬件组成部分之一，它是一个容器，用来存储数据；处理数据速度慢， 存储数据量大，断电死机数据不会丢失，数据的持久存储 3.字节和字符 字节：计算机的存储数据的单位，底层唯一能够识别并且运算的数据 字符：人类将字节封装为另一种能直接识别的数据单位，底层还是字节 4.如何区分字节文件和字符文件 如果使用文本编辑器打开能看得懂(不会乱码)那它就是一个字符文件， 反之，它是一个字节文件 提问：常见的字节文件和字符文件有哪些？(枚举出一些) 字节文件：图片文件(.jpg、.png...)、视频文件(.avi、.mp4、.rmb...)、音频文件(.mp3...) 字符文件：.txt、.py、.java、.js、.html、.css、.php... 思考：.doc结尾的文件是字节还是字符文件？ 是字节文件，因为.doc结尾的文件中既可以包含字符内容，也可以包含图片、颜色设置...操作 思考：计算机数据层面，一切皆字节，对不对？ 对的；因为计算机底层唯一能够识别和运算的都是字节数据... 5.字符编码(字符集) ascii码表：U.S.A设计出来的，范围非常小；不包含很多国家的文字，英文字符占用内存1个字节 utf-8码表：现今比较通用的一张编码表，包含了世界上所有的文字内容，范围：0~65535之间， 1个汉字占用内存3个字节，1个英文字符占用内存1个字节 gbk码表：gbk属于gb2312的扩充版，兼容了gb2312中的所有字符，加入更多的一些汉字内容, 1个汉字占用内存2个字节，1个英文字符占用内存1个字节， 在我们中国环境下，大多数情况默认的都是gbk作为编码 6.编码和解码： 编码：让数据从看的懂到看不懂，就是编码 解码：让数据从看不懂到看得懂，就是解码 【注意】 编码和解码如果不一致会怎么样？ 1).会出现乱码现象 2).会报错 不管是上述的1还是2都是不理想的结果，我们都需要避免 字符串的两个函数引入： encode(encoding,errors)：对字符串数据进行编码操作，得到一个bytes类型的数据 decode(encoding,errors)：对字符串数据进行解码操作，得到一个str类型的数据 演示eccode()和decode()函数的使用：
如今已然是大数据时代，数据正在驱动着业务开发，驱动着运营手段，有了数据的支撑可以对用户进行用户画像，个性化定制，数据可以指明方案设计和决策优化方向，所以互联网产品的开发都是离不开对数据的收集和分析，数据收集的一种是方式是通过上报API进行自身平台用户交互情况的捕获，还有一种手段是通过开发爬虫程序，爬取竞品平台的数据，后面就重点说下爬虫的应用场景和实践中会遇到的问题和反反爬虫的一些套路与技巧。
如项目代码目录展示的那样，除了常见的app.js作为入口文件，我们将用到的 3 张图片放在/src/assets/img/目录下，并在样式文件base.css中引用这些图片。
文章里介绍了几个大的网站，在反爬虫过程中，采取的各式各样的策略，无不体现出前端工程师的奇葩脑洞。
很多免费的资源只能看但是不提供下载，今天我们以小说为例教你如何把互联网上只能看不能下载的东西给下载下来
在webpack的处理下，为了使引用的图片被打包编译（以把src的图片文件编译到dist中或者对src的文件进行base64编码），应使用如下引用方式：
RPO (Relative Path Overwrite) 相对路径覆盖，最早由 Gareth Heyes 在其发表的文章中提出。主要是利用浏览器的一些特性和部分服务端的配置差异导致的漏洞，通过一些技巧，我们可以通过引入相对路径来引入其他资源文件，以达到我们的目的。
``` ├─ /weijinsuo/ ··················· 项目所在目录 └─┬─ /css/ ······················· 我们自己的CSS文件 ├─ /font/ ······················ 使用到的字体文件 ├─ /img/ ······················· 使用到的图片文件 ├─ /js/ ························ 自己写的JS脚步 ├─ /lib/ ······················· 从第三方下载回来的库【只用不改】 ├─ /favicon.ico ················ 站点图标 └─ /index.html ················· 入口文件
从这段 css 可以看出，class="num"的标签，指定了字体库地址，猜测大概率是使用了所谓的字体加密。为了验证猜想，我们需要看下研究这个字体文件
在Python爬虫开发的面试过程中，对requests、BeautifulSoup与Scrapy这三个核心库的理解和应用能力是面试官重点考察的内容。本篇文章将深入浅出地解析这三个工具，探讨面试中常见的问题、易错点及应对策略，并通过代码示例进一步加深理解。
实现Webpack的打包最基本的就是配置好入口、出口，npm install webpack后在根目录创建webpack.config.js,代码如下：
请注意，本文编写于 2126 天前，最后修改于 174 天前，其中某些信息可能已经过时。
今天，就简单跟大家分享一下，之前我在 Twitter 和 GitHub 上看到的几个比较有意思的前端开发技巧，希望能给你耳目一新的感觉。
根据httparchive.org的页面重量报告，CSS在平均70个请求和2MB的网页上占7个HTTP请求和70Kb的代码。这并不是网站性能糟糕的最坏原因（我正看着你呢，JavaScript），但CSS面临着特定的挑战：
正文内容：通过上面的简单介绍，想必大家也会觉得：其实前端真正对SEO比较有影响作用的还是HTML。
网页解析完成的是从下载回来的html文件中提取所需数据的方法，一般会用到的方法有:
昨天上级领导给安排一个任务，去写一个查询被执行人信息的插件，该插件的主要作用是可以查询某些公司，或者某些人是否上过失信黑名单，或者因为违法被法院强制执行过某些措施。
这里要切记，人力成本也是资源，而且比机器更重要。因为，根据摩尔定律，机器越来越便宜。而根据IT行业的发展趋势，程序员工资越来越贵。因此，通常服务器反爬就是让爬虫工程师加班才是王道，机器成本并不是特别值钱。
光流预测一直都是计算机视觉中的经典问题，同时又是解决很多其他问题的基础而备受关注，例如，运动估计、运动分割和行为识别。随着深度神经网络技术在计算机视觉领域中引发的技术变革，基于深度神经网络的光流预测算法应运而生。本文中，SIGAI将以FlowNet到FlowNet2.0的演变，来和大家一起领略基于CNN（卷积神经网络）的光流算法的诞生与发展。
作为 Web 开发人员，CSS 是我们开展项目时必不可少的语言之一。我知道现在有很多框架可以让编写 CSS 代码比以往任何时候都容易得多。
官网 (opens new window)http://beautifulsoup.readthedocs.io/zh_CN/latest/
浏览器制造商 Apple、Google、Microsoft 和 Mozilla ，以及软件公司 Bocoup 和 Igalia 正在合力制定一项名为 Interop 2022 的 Web 兼容性规范，以使 Web 技术和代码在不同的设备和浏览器中有统一的渲染效果（利好前端开发）。
pycharm pro Mac版编程软件的智能代码编辑器为Python、JavaScript、CoffeeScript、类型记录、CSS、流行模板语言等提供了一流的支持。利用语言识别的代码完成、错误检测和即时代码修复！节省时间，而PyCharm负责处理例程。专注于更大的事情，并采用以键盘为中心的方法来充分利用这款软件的许多生产力特性。
安全测试假设问题产生是由于黑客行为，有极高的针对性；常规测试相关的只有脏数据，属于用户不小心造成的。
官网http://beautifulsoup.readthedocs.io/zh_CN/latest/
所以，学习webpack可以帮助开发者更好的进行基于javascript语言的开发工作。
可能不同团队都有各自的规范，又或者很多人在写 CSS 的时候还是想到什么就写什么，不存在太多的约束。 我觉得 CSS 代码规范还是有存在的必要的，尤其是在团队配合，多人协作下，规范就显得尤为重要。 本文的所列是实践当中得出的一套比较不错的 CSS 书写规范，并不希望大家完全采用，而是希望可以结合自己的团队需要，发展出一套适合自己的 CSS 代码规范。 也希望可以有更多的建议，共同的完善。本规范也可以在我的 Github 上看到，欢迎留言或者提 PR。 我觉得不同的规范都有各自的长处与缺陷，对待所谓的规范最
大家好，我是小小明，今天我要给大家分享一个用python实现的仿Linux的tree命令。
随着人工智能的进步，开发行业已经发展到了新的水平。 目前，人工智能工具在开发者中很受欢迎，因为它正在迅速重塑开发行业。
回到上一篇我讲的不变前端中，我在文章中明显的指出了，前端的变化会有一个分界线，在这个分界线之前，前端有一个最大的困境，就是：
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
