- 博客(175)
- 收藏
- 关注
RSS订阅原创 js改变页面上输入框的值
这些框架通常不会监听 DOM 元素的直接变更，而是有自己的状态管理系统。如果你直接更改 DOM，框架的状态不会更新，因此它将在下一次状态同步时覆盖你的变更。如果你怀疑这个输入框是由React或类似的框架管理的，你可以尝试模拟更像用户的行为。一些前端框架或自定义JavaScript代码可能会阻止非用户交互的值变更，以避免潜在的XSS攻击或不当操作。可能有其他事件监听器（如 keyup, keydown, focus, blur 等）对值变更有影响。方案一（大众方案包含vue和原生js的输入框）
2024-03-19 22:36:42
304
1
原创 Linux下清除挖矿病毒
登录用户系统，显示系统被爆破了33万次了，结果用户的服务器密码改的很简单，极大可能是被爆破成功了。执行top命令，显示 kswapd0 的CPU占用异常。记下该进程ID 5081。这些都是和病毒后台下载运行有关的，按 insert 键，进入编辑模式，全部清空。执行查找命令 find / -name kswapd0。再按":“后，出现提示符”:" ,输入wq 然后回车保存。查看服务器的任务计划 crontab -e。杀掉进行 kill -9 5081。用 rm -rf 命令逐条删除。
2024-03-07 17:30:14
670
原创 vite + react 基本项目搭建
在上面我们已经集成好了我们代码校验工具，但是需要每次手动的去执行命令才会格式化我们的代码。如果有人没有格式化就提交了远程仓库中，那这个规范就没什么用。要做到这件事情，就需要利用husky在代码提交之前触发git hook(git在客户端的钩子)，然后执行。团队开发项目的时候，需要统一包管理器工具,因为不同包管理器工具下载同一个依赖,可能版本不一样,导致项目出现bug问题,因此包管理器工具需要统一管理！如果存在index.css，建议删除该文件以及文件引入。来自动的格式化我们的代码。文件，添加下面的内容。
2023-09-24 13:11:17
589
原创 React从零开始搭建项目
const {override , fixBabelImports } = require('customize-cra') module . exports = override(// 针对antd实现按需打包：根据import进行打包（使用babel-plugin-import） fixBabelImports('import' , {libraryName : 'antd' , libraryDirectory : 'es' , style : 'css' // 自动打包相关的样式 }))
2022-09-03 16:39:12
391
原创 mysql多表查询
合并具有同一列的两个以上的表的行，结果集中除了包含一个表与另一个表匹配的行之外， 还查询到了左表或右表中不匹配的行。合并具有同一列的两个以上的表的行，结果集中不包含一个表与另一个表不匹配的行。......
2022-08-03 11:22:11
525
原创 类相关的知识
总结:1.类中的构造器不是必须写的，要对实例进行一些初始化的操作，如添加指定属性时才写。2.如果A类继承了B类，且A类中写了构造器，那么A类构造器中的super是必须要调用的，并且写在第一行调用。3.类中所定义的方法，都是放在了类的原型对象上，供实例去使用...
2022-06-16 22:18:05
89
原创 webpack 简介
webpack 是一种前端资源构建工具，一个静态模块打包器(module bundler)。在 webpack 看来, 前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理。它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源(bundle)。入口(Entry)指示 webpack 以哪个文件为入口起点开始打包，分析构建内部依赖图。输出(Output)指示 webpack 打包后的资源 bundles 输出到哪里去，以及如何命名。Loader 让 webpack 能
2022-06-03 13:10:08
263
原创 css深度学习
css选择器：交集选择器:<style> /* 作用:选中同时复合多个条件的元素 语法:选择器1选择器2选择器3选择器n{} 注意点:交集选择器中如果有元素选择器，必须使用元素选择器开头 */ div.test { color: red; } .a.b.c { color: #bfa; }</style><body> <div class="te
2022-05-28 18:59:41
169
原创 Web开发模式与身份认证
目前主流的Web开发模式有两种，分别是:① 基于服务端渲染的传统Web开发模式② 基于前后端分离的新型 Web开发模式1.服务端渲染的Web开发模式服务端渲染的概念:服务器发送给客户端的HTML页面，是在服务器通过字符串的拼接，动态生成的。因此，客户端不需要使用Ajax这样的技术额外请求页面的数据。服务端渲染的优缺点优点:① 前端耗时少。因为服务器端负责动态生成HTML内容，浏览器只需要直接渲染页面即可。尤其是移动端，更省电。② 有利于SEO。因为服务器端响应的是完整的HTML页面内容，所以
2022-05-18 18:26:48
327
2
原创 使用nodeJS操作MySQL数据库
步骤：① 安装操作MySQL数据库的第三方模块(mysql)② 通过 mysql模块连接到MySQL 数据库③ 通过mysql模块执行SQL语句1、安装mysql模块npm install mysql2、配置mysql模块// 导入MySQL模块const mysql = require('mysql')// 建立与MySQL数据库的连接const db = mysql.createPool({ host: '127.0.0.1', // 数据库的IP地址 user:
2022-05-18 14:28:54
2083
3
原创 SQL简单了解
1、什么是SQL？SQL(英文全称: Structured Query Language)是结构化查询语言，专门用来访问和处理数据库的编程语言。能够让我们以编程的形式，操作数据库里面的数据。三个关键点:① SQL是一门数据库编程语言② 使用SQL语言编写出来的代码，叫做SQL语句③ SQL语言只能在关系型数据库中使用（例如MySQL、Oracle、SQL Server)。非关系型数据库（例如Mongodb)不支持SQL语言2、SQL能做什么？从数据库中查询数据向数据库中插入新的数据更新数据
2022-05-12 17:21:05
3744
原创 JSONP简单了解
JSONP的概念与特点概念:浏览器端通过<script>标签的src属性，请求服务器上的数据，同时，服务器返回一个函数的调用。这种请求数据的方式叫做JSONP。特点:① JSONP不属于真正的Ajax请求，因为它没有使用XMLHttpRequest这个对象。② JSONP仅支持GET请求，不支持POST、PUT、DELETE等请求。创建JSONP接口的注意事项如果项目中已经配置了CORS跨域资源共享，为了防止冲突，必须在配置CORS中间件之前声明JSONP的接口。否则JSONP接口
2022-05-11 10:49:05
210
原创 CORS 跨域资源共享
使用cors解决跨域const express = require('express')// 下载cors中间件 npm i cors// 导入cors中间件const cors = require('cors')const app = express()// 使用cors中间件 -- 在路由之前配置app.use(cors())app.use(express.json())app.use(express.urlencoded({ extended: false }))app.get('
2022-05-10 22:19:56
287
原创 使用Express写一个简单的POST和GET接口
const express = require('express')const app = express()app.use(express.json())app.use(express.urlencoded({ extended: false }))app.get('/', (req, res) => { // 通过查询字符串获取到客户端发送来的数据 const query = req.query // 调用res.send()方法，把数据响应给客户端 res
2022-05-10 21:11:49
256
原创 中间件知识扩展
中间件的分类① 应用级别的中间件② 路由级别的中间件③ 错误级别的中间件④ Express内置的中间件⑤ 第三方的中间件应用级别的中间件通过 app.use()或app.get()或app.post()，绑定到app实力上的中间件，叫做应用级别的中间件(上篇说的全局和局部)路由级别的中间件绑定到express.Router()实例上的中间件，叫做路由级别的中间件错误级别的中间件错误级别的中间件的作用：专门用来捕获项目中发生的异常错误，从而防止项目异常崩溃的问题。格式：处理函数中必须有
2022-05-10 20:10:38
254
1
原创 Express中间件
Express中间件的调用流程当一个请求到达Express的处理器后，可以连续调用多个中间件，对请求进行预处理Express中间件的格式Express的中间件，本质上就是一个function处理函数，格式如下：const mw = function(req, res, next) { // next() 函数的作用: 它是中间件连续调用的桥梁，它表示把流转关系转交给下一个中间件或路由 next()}全局生效的中间件客户端发起的任何请求，到达服务器后，都会触发的中间件，叫做全局的中间件。通
2022-05-10 18:33:39
348
原创 Express路由
1、路由的概念在Express中，路由是指客户端请求与服务器处理函数之间的映射关系。Express的路由由三部分组成，分别是请求的类型、请求的URL地址、处理函数// method代表 post get put deldeteapp.method(path, function(){})//示例：app.get('/', function(req, res) => { res.send('helloword')})路由的匹配过程在匹配时，会按照陆游的先后顺序进行匹配，当请求类型和
2022-05-10 16:13:12
334
原创 express的使用
express官网使用express创建基本的web服务器// 1、导入expressconst express = require('express')// 2、创建web服务器const app = express()// 3、调用app.listen(端口号, 成功的回调)app.listen(8085, () => { console.log('服务器运行起来了')})...
2022-05-06 13:10:04
205
原创 http模块
1. 创建最基本的服务器步骤①导入http模块②创建web服务器实例③为服务器绑定request事件，监听客户端的请求④启动服务器// 1、导入http模块const http = require('http')// 2、创建web服务器实例const server = http.createServer()// 3、为服务器绑定request事件，监听客户端的请求server.on('request', function(req, res) { console.log('有人在
2022-05-05 17:36:02
372
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人