断点 前端tips web
前端设计模式——访问者模式
访问者模式（Visitor Pattern）是一种行为型设计模式，用于将操作与其所操作的对象分离开来。该模式的核心思想是将操作封装在一个访问者对象中，而不是分散在各个对象中。通过将操作与对象分离开来，访问者模式可以在不修改对象结构的情况下，添加新的操作。 在前端开发中，访问者模式通常用于处理DOM树 ......
【web】http请求中的 OPTIONS 详解 & 跨域
1. 导读 有过跨域请求的同学们应该发现过一个http请求有时会请求2次的时候，今天就给大家说说这个http请求的OPTIONS 方法是如何产生以及作用是啥。 2. 解释 互联网上的各个节点之间本来都是连通的，但是有些节点，比如我们的个人电脑连接另外一些节点（比如服务器）的时候，总是通过浏览器。这样 ......
前端传递Base64字符串，后端转流存入OSS
工具类 public static BufferedInputStream base64Convert(String base64) { // 解码 base64 = base64.split(",")[1]; try { byte[] buffer = Base64.getMimeDecoder( ......
前端性能精进（六）——网络
网络也是前端性能优化的重要一环，网页上的资源都要经过网络来传输。 优化网络性能除了缓存和压缩之外，还有就是协议和 CDN。 HTTP 协议已经历了多个版本，每个版本的出现其实就是为了解决已知的性能问题。 目前市面上，有许多成熟的商业 CDN 服务，采用这些服务的网页，在性能提升上也很可观。 一、缓存 ......
7款前端性能分析工具，全都是神器
7款前端性能分析工具，全都是神器 测试开发技术 关注 7 人赞同了该文章 我们在使用网站过程中，经常会遇到慢的问题，为了找到原因，一般需要借助工具进行检测，通过工具，可以检测出前端站点加载资源的相关详细情况。今天，就给大家介绍几款前端性能测试分析工具，结合性能测试工具，实现通过量化的方式测试网站中 ......
前端设计模式——路由模式
路由模式（Router Pattern）：将页面的不同状态映射到不同的URL路径上，使得用户可以直接通过URL来访问页面的不同状态。 路由模式通常用于实现单页面应用（SPA）的页面导航和状态管理。具体来说，路由模式通过解析URL路径来确定应该显示哪个页面，并使用历史记录API来管理页面状态。 一般来 ......
3.26web和android端地铁查询开发学习总结
web端的思想在前面已经写了，Android端的思想跟web端差不多少，其中不一样的就是连接MySQL数据库，其要求的jar包是5版本左右的，而且还涉及到线程的问题，在连接MySQL的时候要另外启动一个线程进行连接，主要思想上没啥改变，就是每次每种查询要加一个button并且对应Onclick事件， ......
vue3 + vite 调试时断点位置错误
vite-plugin-vue-setup-extend（版本0.4.0） 插件的问题，删掉就好了。 该插件用于解决script setup语法糖下，不方便直接指定name名称的问题。 在 vite/plugins/index.js 文件中 注释 export default function cr ......
3.26全部完成android和web端的地铁查询系统
web端的思想在前面已经写了，Android端的思想 跟web端差不多少，其中不一样的就是连接MySQL 数据库，其要求的jar包是5版本左右的，而且还涉及 到线程的问题，在连接MySQL的时候要另外启动一个 线程进行连接，主要思想上没啥改变，就是每次每种 查询要加一个button并且对应Oncli ......
百度2020校招Web前端工程师笔试卷（第二批）（20~23）
21. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> .checkgroup .item{ height: 42px; line-height: 42px; padding: 0 10px; margin: 10px 0; ......
《渗透测试》WEB攻防-通用漏洞&SQL注入&MYSQL跨库&ACCESS偏移 2022 Day24
1 前置知识： -SQL注入漏洞产生原理分析 攻击者利用服务器中的web应用程序将带有恶意的SQL语句作为Web表单中的参数提交 到服务器，服务器所接受的程序又将带有恶意的SQL语句作为SQL语句中的一个参数执行， 这样根据程序返回的结果攻击者可获得想知道的数据 -SQL注入漏洞危害利用分析 漏洞产 ......
iOS使用NSURLSession进行下载（包括后台下载，断点下载）
https://www.jianshu.com/p/1211cf99dfc3 从iOS7以来，苹果推出NSURLSession后，iOS现在可以实现真正的后台下载，这对我们iOSer来说是一个福音。 一个 NSURLSession对象可以协调一个或多个 NSURLSessionTask对象，并根据N ......
前端设计模式——计算属性模式
计算属性模式（Computed Property Pattern）：在JavaScript中，可以使用Object.defineProperty()方法来实现计算属性模式，通过get和set方法来计算属性值。 计算属性模式用于将对象的某些属性值与其他属性值相关联。该模式常用于Vue.js等框架中。 ......
什么是前端开发领域中的 time to first byte 指标
在前端开发领域中，time to first byte（TTFB）指标是指浏览器发出请求后，服务器第一次返回数据所花费的时间，即从请求发送到收到第一个字节的时间。这个时间包括了浏览器发出请求到服务器接收到请求、处理请求并返回响应的时间。 TTFB 是一个重要的性能指标，因为它直接影响到用户的体验。较 ......
前端获取视频缩略图方式
代码示例： /** * 获取缩略图 * @param url 视频地址 * @param currentTime 缩略图取第几秒的图片 * @param width 截取的图片宽 * @param height 截取的图片高 * @returns {Promise<unknown>} */ expo ......
前端常用的终端命令
终端主要的目的是可以让我们在文件系统中进行四处浏览和打开/运行某些东西，只是在 windows 上我们之前都是用 GUI 界面进行操作的，现在是在终端中使用 shell 命令进行操作而已。 ......
跟着chatgpt学web安全
跟着chatgpt学web ctf中web学习路线 HTTP协议：首先需要了解HTTP协议的基本知识，包括请求和响应的结构，HTTP方法和状态码等。 Web开发基础知识：熟悉常见的Web开发技术和框架，如HTML、CSS、JavaScript、PHP、Python等，以及常见的数据库技术。 Web应 ......
什么是 Web 应用程序的 synthetic monitor
Web 应用程序的 synthetic monitor 是一种监测工具，用于模拟用户与 Web 应用程序交互的过程，并监测系统的响应时间和性能表现。该工具使用自动化脚本来模拟用户行为，例如页面导航、表单提交、搜索查询等，并监测应用程序在每个步骤中的响应时间、页面加载时间、交互功能的可用性等指标。通过 ......
什么是 Web 应用里加载 google font 带来的 FOIT 和 FOUT 问题？
在 Web 应用中，当你使用 Google Fonts 或其他字体资源时，可以通过添加 &display=swap 参数来实现 FOIT（Flash of Invisible Text）和 FOUT（Flash of Unstyled Text）的优化。 当 Web 应用在加载 Google 字体时 ......
关于 Web 应用的 Above-the-Fold Loading 加载机制
Above-the-Fold Loading 是一种网页加载技术，可以让网页的上半部分尽快地显示在屏幕上，让用户能够更快地看到网页的内容，提高用户体验。具体来说，Above-the-Fold Loading 会优先加载页面上部分所需的 HTML、CSS、JS等资源，而不是等到所有资源都加载完毕后再一 ......
关于 Web 应用的内联 css 和 scss 文件里的 var 关键字用法
为什么网站性能调优准则里都强调要 Use inline fonts and CSS instead of loading them asynchronously？ 网站性能优化的一个重要目标是尽可能地缩短页面加载时间，使用户可以更快地访问您的网站。加载字体和CSS样式表是构建页面的重要组成部分，但是 ......
前端用户图像传递给后端数据库
在业务中，我们将图片上传到服务器之后，需要将图片保存地址返回给前端和保存在数据库中，那么怎么获得这个地址呢？ 图片上传到哪里了？？？ 上传到什么服务器？？？ 前端上传 后端获取URL地址，保存数据库 数据库查询，返回URL地址前端，显示 ......
前端安全性
1.XSS（Cross-site Scripting 跨站脚本）攻击 方式：通过获取用户的Cookie、SessionId等敏感信息，影响网站及用户数据信息安全 XSS攻击要素： 1）攻击者提交恶意代码 2）浏览器执行恶意代码 防御方式： 1.增加攻击难度，降低攻击后果 2.增加验证码功能，防止冒充 ......
Web 开发技术栈
Web 开发技术栈 Web 是什么？ 简单地说，网络是一个遍布全球的网络，它连接大量设备并允许它们相互通信 Internet 上的网站托管在称为服务器的设备上，当与 Internet 上的网页交互时，实际上是在与托管该网站的服务器交换数据 访问网页所使用的设备在网络上下文中称为客户端 简而言之，We ......
IDEA2022中部署Tomcat Web项目
使用工具： IDEA2022 Tomcat9.0.4 1.下载Tomcat: 官网：https://tomcat.apache.org/ 找到需要的版本下载即可，下载完成解压即可用： Tomcat目录介绍： 1.1.Tomcat启动、关闭。卸载： 启动：双击bin\startup.bat 关闭：直接 ......
百度2020校招Web前端工程师笔试卷（第一批）大题部分(21~23)
非大题在本地pdf中有详解 #21.异或 题解 #include <iostream> using namespace std; long long change(long long x){ if(x % 4 == 0){ return x; }else if(x % 4 == 1){ return ......
《渗透测试》WEB攻防-Python考点&CTF与CMS-SSTI模版注入&PYC反编译 2022 Day23
1 1 PY反编译-PYC编译文件反编译源码 1.1 pyc文件是py文件编译后生成的字节码文件(byte code)，pyc文件经过python解释器最终会生成机器码运行。因此pyc文件是可以跨平台部署的，类似Java的.class文件，一般py文件改变后，都会重新生成pyc文件。 真题附件：ht ......
友塔游戏23春招前端笔试复盘
笔试共计三道编程题，时间共计两小时，其中后面两道需要自己处理输入输出，平时习惯不用处理，突然上手才发现自己在这方面很弱，也惊觉自己在C语言方面也已经十分生疏，还需多多练习。 1.给出后序排列的算术式，计算结果， 如9,5,3，-，-，15，*，10，- 最后返回结果为5 思路：从左到右遍历给定的序列 ......
前端设计模式——委托模式
委托模式（Delegation pattern）：将一个对象的某个方法委托给另一个对象来执行，它可以帮助我们将对象之间的关系更加灵活地组织起来，从而提高代码的可维护性和复用性。 在委托模式中，一个对象（称为委托对象）将一些特定的任务委托给另一个对象（称为代理对象）来执行。代理对象通常具有和委托对象相 ......