- 博客(231)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
原创 从500ms到15ms:百万级数据查询性能优化实战
在某服务日志数据量突破120万条后,核心接口响应时间从200ms激增至600ms。通过EXPLAIN分析发现,一个关键分页查询的`WHERE`条件涉及`year`、`month`、`cid`三个字段,在没有索引的情况下进行了全表扫描。本文将详解通过复合索引优化,最终将该查询性能提升50倍的完整过程。
2025-03-31 17:26:50
398
原创 本地快速部署DeepSeek-R1
官方建议:应该至少有 8 GB 可用 RAM 来运行 7 B 型号,16 GB 来运行 13 B 型号,32 GB 来运行 33 B 型号。Ollama 是一个开源的本地化大模型部署工具,旨在简化大型语言模型(LLM)的安装、运行和管理。模型架构,并提供与 OpenAI 兼容的 API 接口,适合开发者和企业快速搭建私有化 AI 服务。此项目是 open-webui 的简化版,注意需:node >= 16。根据自己电脑配置 , 我安装的7B模型。出现success 机代码成功。下载后点击一步步的安装。
2025-02-10 13:58:35
325
原创 如何让 a == 1 && a == 2 && a == 3 成立
是一个用来直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回这个对象的方法。在这个例子中,我们在全局对象。时返回 1,第二次访问时返回 2,第三次访问时返回 3。方法会移除数组的第一个元素并返回它,因此第一次访问。拦截器会返回一个函数,该函数返回。这个 getter 函数每次访问。在这个例子中,我们定义了一个对象。在这个例子中,我们将数组。在这个例子中,我们使用。
2024-09-20 09:50:59
392
原创 前端需要掌握的 mysql 基础知识
代表查询 star 表 所有字段,你可以写, start.id, star.title…查询 star 表所有字段,其中有 title,product.title 也把 title 查询出来,这样重名子, 只会显示后者。c. 关联 user 表 && product 表 查询, 这里最多建议关联三个表,不然影响查询性能。
2024-03-23 11:03:33
540
原创 react可视化编辑器 第五章 升级版 拖拽、缩放、转圈、移动
本章花费俩天时间完成代码例子, 单独抽离代码 封装好一个 ResizeControl 组件, 拿来即用。本章代码结构: 主入口Test.tsx , 组件:ResizeControl.tsx。这句是关键代码, 不然获取的dom节点有问题,导致多个红色div操作时候会重叠。
2024-03-19 15:36:34
1662
原创 react可视化编辑器 第一章 拖拽
代码测试 ,会有一些偏差,原因是 鼠标拖拽的位置的不是红色div的左上角顶点, 这样的就不会发生偏移, 但是实际情况无法保证每次都是拖拽顶点, 那需要在开始拖拽的计算的鼠标相对于红色div的偏移值。ondragenter - 当被拖动的元素进入放置目标时触发。ondragleave - 当被拖动的元素离开放置目标时触发。ondragover - 当被拖动的元素超过放置目标时触发。ondrop - 当被拖动的元素放在放置目标上时触发。现在需求的 红色拖拽到蓝色中, 这里的方法是定位。
2024-03-16 20:17:03
1490
原创 node express 批量压缩图片
场景: 我是10万张图片(只压缩 png, jpg, jpeg)分批次压缩, 因为压缩要内存限制,不能一次性压缩那么多。
2023-12-04 09:19:13
257
原创 ts 联合react 实现ajax的封装,refreshtoken的功能
【代码】ts 联合react 实现ajax的封装,refreshtoken的功能。
2023-11-20 15:39:56
1237
原创 react hook ts 实现 列表的滚动分页加载,多参数混合混合搜索
这个搜索页面的,有多个参数,有的参数改变是立刻fetch一下接口,有的参数改变是要点击按钮才能fetch一下,这样导致你在useEffect无法统一检测搜索参数变化。InfiniteScroll 的组件见: https://blog.youkuaiyun.com/Zhooson/article/details/134396945。然而,React会保证在同一次事件处理函数中的所有状态更新都在同一次渲染中完成。解释: 1. 当前的hook执行都是异步,会不会存在先执行完先渲染?但是它们的状态更新会在同一次渲染中完成。
2023-11-14 13:58:37
1049
原创 MySQL储存表情问题
MySQL在5.5.3版本之后增加了这个utf8mb4的编码,mb4就是most bytes 4的意思,专门用来兼容四字节的unicode。其实,utf8mb4是utf8的超集,理论上原来使用utf8,然后将字符集修改为utf8mb4,也不会对已有的utf8编码读取产生任何问题。
2023-03-03 14:08:32
121
原创 vue3+vite+vue-router实现动态读取文件夹名称和addRoute
获取文件夹名称及其component 动态加载到 router上。背景: 随着项目越来越大,项目路由会越来越多,导致我们每次需要到。方案:借助vite的新增。添加路由,非常的繁琐。
2022-12-09 15:55:22
4120
1
原创 React + Node 实现大文件分片上传、断点续传、秒传[多个文件]
效果图:QQ20221129-170230-HD上传文件(多文件)将文件转换成md5并进行切片, 参考文档 https://www.npmjs.com/search?q=spark-md5校验文件(请求后端查询文件是否存在或者存在片段,如果文件已存在, 就秒传)检查并上传切片通知服务器所有服务器分片已经上传完成nodeserver.jsGithub源码地址: https://github.com/liuxingzhijian1320/react-node-
2022-11-29 17:20:24
841
原创 react hook useEffect 执行调用俩次,如何解决?
只需要去掉React.StrictMode标签就行了。网上查相关资料说是执行多次的行为是想提醒开发者,注意清除副作用,提前暴露问题等等。产生原因:1. react18的版本的问题。2. 借助 useRef。
2022-11-08 10:42:21
1909
原创 低版本浏览器出现:`SyntaxError: Unexpected token ‘...‘. Expected a property name.`
现象:SyntaxError: Unexpected token ‘…’. Expected a property name.原因:浏览器不支持 es6 扩展运算符。
2022-08-10 14:19:51
2546
1
原创 react 配置setupProxy.js后网页打不开道指无法访问此网站
react环境:18.2.0proxy的环境: http-proxy-middleware: 2.0.6原因: http-proxy-middleware 的版本过高,导致react 不识别了老版本的写法是: const { proxy } = require(‘http-proxy-middleware’)解决方案:通过es6的方案更换一个名字...
2022-07-11 11:36:12
667
原创 vue新一代的状态管理器之pinia
Pinia简介Pinia 是 Vue 新一代的轻量级状态管理库,相当于Vuex,也是Vue核心团队推荐的状态管理库。同时支持 Vue2 和 Vue3,未来很有可能替代Vuex,比Vuex更容易上手。特性Pinia具有以下几点特性:直观,像定义components一样地定义 store完整的Typescript支持去除 mutations,只有 state,getters,actionsactions支持同步和异步Vue Devtools支持Pinia,提供更好的开发体验能够构建多个 s
2022-03-15 11:18:39
3848
原创 mongodb数据库定时任务自动备份
自行下载 yum install crontabs创建文件夹mkdir mb_datamkdir mb_data/crontab mkdir mb_data/mongodb mkdir mb_data/mongodb/mongodb_backup_listmkdir mb_data/mongodb/mongodb_backup_now编写脚本 mb_data/crontab/mongod_backup.sh#!/bin/shDUMP=/var/lib/mongo #mongod
2021-10-09 11:22:30
2688
原创 react hook 父组件调用子组件方法
父组件import React, { useEffect, useState, useRef, useImperativeHandle } from 'react';function Home(props) { const [isModalVisible, setIsModalVisible] = useState(false); const childRef = useRef(null); // 打开文件夹弹窗 const openCreateModal = (.
2021-09-26 09:10:26
370
linux命令这么打包上传
2016-11-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人