javascript
-
XSS & SQL注入
XSS和SQL注入是常见的Web攻击方式。本文将从攻击原理、攻击步骤、预防措施等方面详细讲解XSS和SQL注入的攻击流程。 XSS攻击 攻击原理 XSS（Cross-Site Scripting），中文名为跨站脚本攻击。攻击者通过在Web页面中注入恶意脚本，使得用户在访问该页面时误执行恶意脚本，从而导致攻击者可以获取用户的敏感信息或者控制用户的操作。 攻击步…
-
Next.js项目实战踩坑指南(笔记)
Next.js项目实战踩坑指南(笔记) 介绍 Next.js是一个React框架，它能够帮助开发者快速构建React应用，并集成了很多有用的特性和插件，例如服务器端渲染、静态文件生成等等。在使用Next.js进行开发时，可能会遇到一些问题和坑，这篇文章主要是讲解在实际开发中可能遇到的一些问题，并提供解决方案。 坑1: 如何在Next.js中使用自定义路由 默…
-
微信小程序 如何保持登录状态
关于如何保持微信小程序登录状态，一般有两种方法： 1. 使用微信原生的登录态 我们可以调用登录 API 获取微信官方提供的登录态码（即 login code），然后将该码发送给自己的服务器进行验证和登录。服务器完成登录后，会返回一个 session key，该 key 应该在每次请求需要登录态的接口时携带，并在客户端进行本地存储，以便下次使用。 具体实现流程…
-
Firefox返回时Iframe的显示Bug的解决方法
问题描述： 在使用Firefox浏览器返回上一页时，页面中的Iframe可能不显示内容。这是由于Firefox浏览器的缓存机制，导致Iframe的内容没有被正确加载。这种问题在其他浏览器中并不常见。 解决方案： 解决这个问题的方法是在每次Iframe加载时，强制浏览器重新获取Iframe的内容。这可以通过向Iframe的URL添加随机参数来实现。当URL中的…
-
Webpack devServer中的 proxy 实现跨域的解决
下面是关于Webpack devServer中的proxy实现跨域的详细攻略。 什么是跨域 跨域是指在浏览器中运行的脚本（通常指JavaScript脚本）试图访问一个不同源（协议、域名、端口号不同）的页面所产生的限制。由于同源策略的限制，JavaScript通常只能访问与包含它的页面位于同一域名下的资源。 解决跨域的方法 通常情况下，跨域的解决方法可以归纳为…
-
深入理解react-router 路由的实现原理
下面是深入理解react-router路由的实现原理的攻略。 1. 路由的概念 路由是指通过URL来定位到特定的页面并展示给用户的过程。在前端 SPA（单页应用）中，我们通常使用第三方库来实现路由功能，其中react-router是使用较为广泛的一种。 2. react-router的实现原理 首先，我们需要了解react-router的实现原理是基于his…
-
webpack-dev-server搭建本地服务器的实现
下面给大家讲讲如何使用webpack-dev-server搭建本地开发服务器并实现实时重载，具体步骤如下： 安装webpack-dev-server 首先，在项目中安装webpack-dev-server，可以使用npm安装，命令为： npm install webpack-dev-server –save-dev 配置webpack-dev-server…
-
web基于浏览器的本地存储方法应用
Web基于浏览器的本地存储方法应用可以用于在客户端本地存储数据。他可以减少对服务器的高频率请求，提高用户体验度并缩短加载时间。以下是关于它的一些详细讲解： 什么是本地存储？ 本地存储是通过JavaScript在客户端的浏览器存储数据。本地存储有两种不同的方法来存储数据：localStorage和sessionStorage。localStorage和sess…
-
uniapp使用navigateBack方法返回上级页面并刷新的简单示例
下面我将详细讲解“uniapp使用navigateBack方法返回上级页面并刷新的简单示例”的完整攻略。 1. navigateBack方法是什么？ navigateBack是uniapp中的导航API之一，用来返回上一页。当你在一个页面中进行跳转到另外一个页面时，可以使用navigateTo方法来进行跳转，然后在跳转后的页面中通过navigateBack方…
-
使用JavaScript制作一个简单的计数器的方法
制作一个简单的计数器，可以使用 JavaScript 来完成。 首先，在 HTML 文件中添加一个按钮和一个用于显示计数的元素，代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <…
