- 博客(223)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 前端需要掌握的 mysql 基础知识
代表查询 star 表 所有字段，你可以写, start.id, star.title…查询 star 表所有字段，其中有 title，product.title 也把 title 查询出来，这样重名子， 只会显示后者。c. 关联 user 表 && product 表 查询， 这里最多建议关联三个表，不然影响查询性能。
2024-03-23 11:03:33
358
原创 react可视化编辑器 第五章 升级版 拖拽、缩放、转圈、移动
本章花费俩天时间完成代码例子， 单独抽离代码 封装好一个 ResizeControl 组件， 拿来即用。本章代码结构： 主入口Test.tsx , 组件：ResizeControl.tsx。这句是关键代码， 不然获取的dom节点有问题，导致多个红色div操作时候会重叠。
2024-03-19 15:36:34
1134
原创 react可视化编辑器 第一章 拖拽
代码测试 ，会有一些偏差，原因是 鼠标拖拽的位置的不是红色div的左上角顶点， 这样的就不会发生偏移， 但是实际情况无法保证每次都是拖拽顶点， 那需要在开始拖拽的计算的鼠标相对于红色div的偏移值。ondragenter - 当被拖动的元素进入放置目标时触发。ondragleave - 当被拖动的元素离开放置目标时触发。ondragover - 当被拖动的元素超过放置目标时触发。ondrop - 当被拖动的元素放在放置目标上时触发。现在需求的 红色拖拽到蓝色中， 这里的方法是定位。
2024-03-16 20:17:03
1121
原创 node express 批量压缩图片
场景： 我是10万张图片（只压缩 png, jpg, jpeg）分批次压缩， 因为压缩要内存限制，不能一次性压缩那么多。
2023-12-04 09:19:13
162
原创 ts 联合react 实现ajax的封装，refreshtoken的功能
【代码】ts 联合react 实现ajax的封装，refreshtoken的功能。
2023-11-20 15:39:56
1118
原创 react hook ts 实现 列表的滚动分页加载，多参数混合混合搜索
这个搜索页面的，有多个参数，有的参数改变是立刻fetch一下接口，有的参数改变是要点击按钮才能fetch一下，这样导致你在useEffect无法统一检测搜索参数变化。InfiniteScroll 的组件见： https://blog.csdn.net/Zhooson/article/details/134396945。然而，React会保证在同一次事件处理函数中的所有状态更新都在同一次渲染中完成。解释： 1. 当前的hook执行都是异步，会不会存在先执行完先渲染？但是它们的状态更新会在同一次渲染中完成。
2023-11-14 13:58:37
753
原创 MySQL储存表情问题
MySQL在5.5.3版本之后增加了这个utf8mb4的编码，mb4就是most bytes 4的意思，专门用来兼容四字节的unicode。其实，utf8mb4是utf8的超集，理论上原来使用utf8，然后将字符集修改为utf8mb4，也不会对已有的utf8编码读取产生任何问题。
2023-03-03 14:08:32
68
原创 vue3+vite+vue-router实现动态读取文件夹名称和addRoute
获取文件夹名称及其component 动态加载到 router上。背景： 随着项目越来越大，项目路由会越来越多，导致我们每次需要到。方案：借助vite的新增。添加路由，非常的繁琐。
2022-12-09 15:55:22
3140
原创 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
636
原创 react hook useEffect 执行调用俩次，如何解决？
只需要去掉React.StrictMode标签就行了。网上查相关资料说是执行多次的行为是想提醒开发者，注意清除副作用，提前暴露问题等等。产生原因：1. react18的版本的问题。2. 借助 useRef。
2022-11-08 10:42:21
1614
原创 低版本浏览器出现：`SyntaxError: Unexpected token ‘...‘. Expected a property name.`
现象：SyntaxError: Unexpected token ‘…’. Expected a property name.原因：浏览器不支持 es6 扩展运算符。
2022-08-10 14:19:51
2195
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
530
原创 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
3152
原创 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
2565
原创 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
303
原创 413 Request Entity Too Large 解决方案
场景： 上传大文件遇413错误> 这边是nginx做的转发，nginx 默认的接受参数大小是 1M，但是我们上传文件大小是已经大于1M，故抛出413的错误代码解决方案找到nginx.conf的对应上传文件配置项client_max_body_size 5m;...
2021-09-14 11:14:03
1604
1
原创 微信小程序生成海报页面
当前页面：生成后的海报页面总的解决思路：计算出 rpx的换算比例引入特殊字体画图1. 计算出 rpx的换算比例 // 获取系统信息 getSystemInfo() { return new Promise((resolve, reject) => { wx.getSystemInfo({ success: (f) => { // console.log(24, f); rpx = f.wind
2021-09-13 14:38:34
2126
4
原创 好“哇塞”全栈博客系统，看看是怎么实现的吧？
只说重点，不说废话和解释，自己去看代码， 不贴大量的图片的，下面的demo链接都可以看。1. 开发环境介绍node 10.24.02. 体验demo前端博客：demo (支持移动端访问).admin系统： 游客模式访问. 账号：test 密码：0000微信小程序搜索：10个肉包子3. 功能文章分类登录 注册验证码（手机／邮箱）ip限流评论回复（敏感词校验）4. 技术栈PC博客： vue全家桶PC后台管理系统：react全家桶+antd小程序端： mpvue.
2021-09-09 10:50:22
230
原创 关于vscode报错gopls requires a module at the root of your workspace
settings.json设置里面添加如下“gopls”: {“experimentalWorkspaceModule”: true}
2021-08-13 14:21:37
354
原创 一招完美解决vscode安装go插件失败问题
问题： 因为代理的问题，vscode安装插件总是失败方案：使用go mod 代理来安装https://goproxy.io是一个国内的代理go env -w GO111MODULE=ongo env -w GOPROXY=https://goproxy.io,direct重启 vscode ，点击 install后面发现全部是 SUCCEEDED ， 大功告成。...
2021-08-04 16:57:49
419
原创 h5打开小程序
效果图小程序需要开启云开发功能project.config.json 需要添加 “cloudfunctionRoot”: “cloudfunctions/”,创建文件夹具体代码见：https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/staticstorage/jump-miniprogram.html粘贴复制代码后，一定要安装 node_modules上传云开发代码（鼠标右击）小程序云开发配
2021-07-28 14:47:56
539
原创 哎 来兼容 wx.getUserProfile
// 获取用户的昵称和头像export async function getUserProfileFunction() { return new Promise(async (resolve, reject) => { let { nickName = '' } = wx.getStorageSync('airRabbit-userinfo-new') || {}; let { userInfo } = wx.getStorageSync('airRabbit-userinfo'
2021-05-26 19:49:39
188
原创 javascript语言中的队列和栈
1. 栈> 概念：一个后进先出的数据结构示意图事例const stack = []stack.push(1)stack.push(2)const a = stack.pop()const b = stack.pop()应用场景需要后进先出的场景十进制转二进制，判断字符串的括号是否有效，函数调用堆栈等...
2021-05-26 19:21:15
156
linux命令这么打包上传
2016-11-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人