前端 项目react
系统化学习前端之JavaScript（BOM）
前言 DOM 提供了 JavaScript 操作页面的 API，BOM 提供了 JavaScript 操作浏览器的 API。 BOM BOM 浏览器对象模型，BOM 的核心只有一个 window 对象。window 对象在 JavaScript 执行时作为其全局作用域使用，同时也保存着浏览器各种信息 ......
百度2020校招Web前端工程师笔试卷（第三批）（大题21~23）
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> body, ul, li,select { margin: 0; padding: 0; box-sizing: border-box; } ul,li {list-style: ......
前端-工厂模式
工厂模式大体分为三类： 简单工厂模式、 工厂方法模式、抽象工厂模式。三者之间的关系，也是渐进式的，抽象化的范围也是越来越高。 **简单工厂模式：**根据不同条件去生成不同对象（当数据量多时，简单工厂模式显而易见的的不适用） **工厂方法模式：**归类对象，对同一类型的对象进行归整（作用与同一类产品） ......
项目启动报错 找不到SpringCloud Config 配置中心
项目启动报错 找不到SpringCloud Config 配置中心 项目启动报错： Caused by: org.springframework.web.client.ResourceAccessException: I/O error on GET request for "http://loca ......
优化 vue 使用 webpack 打包，出现的缓存问题 及 项目部署问题
https://blog.csdn.net/qq_39264561/article/details/124844878 ` const path = require("path"); const webpack = require("webpack"); const timeStamp = new ......
前端 input 手机上传图片的坑-安卓手机微信环境input标签如何实现多照片上传
转:前端 input 手机上传图片的坑 input[type=file]标签 本地文件、拍照、录像 上传的兼容性问题 问题描述： 微信内置浏览器打开公司网页，去实现多张片上传，ios是没有问题，但是安卓，只能上传一张； <input type="file" accept="image/*" mult ......
易基因：肠道菌群：早产儿出生后不同时间点肠道微生物定植的动态变化｜项目文章
易基因微生物组学测序分析成果见刊《Front Microbiol》 2023年02月17日，中国农业科学院深圳农业基因组研究所Adnan Khan、云南省第一人民医院米弘瑛为共同第一作者，中山大学附属第六医院郝虎/李思涛、南方医科大学附属佛山市妇幼保健院戴怡蘅为论文共同通讯作者在《Front Mic ......
永磁同步电机矢量控制C代码，全部从项目中总结得到，采用的S-function模式仿真
永磁同步电机矢量控制C代码，全部从项目中总结得到，采用的S-function模式仿真，与实际项目运行基本一致，可以直接复制代码移植到工程实践项目中去。 YID:12399621082451403 ......
phpstudy 搭建的项目： GROUP BY clause; this is incompatible with sql mode=only-full_group_by
问题如图： 方法一：直接修改数据库配置首先，打开数据库，输入 select @@global.sql_mode; 这个时候，就会返回得到以下的信息：（不同电脑返回的信息可能不同） ONLY_FULL_GROUP_BY,STRICT_TRANS_TABLES,NO_ENGINE_SUBSTITUTIO ......
React Hook 中 useState 异步回调获取不到最新值及解决方案
预先了解 setState 的两种传参方式 1、直接传入新值 setState(options); 列如： const [state, setState] = useState(0); setState(state + 1); 2、传入回调函数 setState(callBack); 例如： con ......
【实战】SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat 简单通讯聊天软件是基于SpringBoot+MybatisPlus+uniapp+uview+stomp等更多优秀组件及前沿技术开发，注释丰富，代码简洁，开箱即用，兼容H5+小程序+APP,及其适合入门学习 ......
前端下载文件时无法获取到header['Content-Disposition']
我们在做文件下载的功能时，往往需要后端将文件名称返回给前端，前端获取文件名称并从浏览器上下载文件。 一般情况下，后台会将文件名称加在请求的响应头的Content-Disposition中，前端只需要去获取该字段即可。 但是由于浏览器的限制，前端只能在network中看到Content-Disposi ......
jenkins部署项目
jenkins部署项目 配置代码仓库 构建 Exec command 切换到工作目录 自增version cd /opt/salesea/jars/api-service/ sed -i 's/version=\([0-9]\+\.[0-9]\+\.[0-9]\+\)/echo "version=$ ......
开源: golang+vue的论坛 和 node+react的IM系统
最近基于开源做了两个自己系统 都是UI非常好看的 我将两个系统的数据互通了 附带了一些产品思考 只需要一个邮箱就可以登录 无密码 无手机号 尽量简化流程 第一个论坛 站点 https://bulita.cn 现在主要是聚合招聘信息 目标是尽可能降低招聘和求职的门槛 以上海和远程工作为主 开源地址 h ......
前端vscode常用插件
运行html文件(open in browser) 运行快捷键： Alt+B px转rem(px2rem) 将括号变色，便于观察(Bracket Pair Colorizer) 改变对齐线颜色(Guides) ......
前端常见的十种布局
作为一个开发小白，也是第一次编写博客文章，若有错误请各位大牛大佬指正，轻喷！！！ 我在学校接触最多的就是前端，然后最近在学习新的前端知识，发现前端布局常见的有很多种，不同的应用场景有不同的布局方式，下面就来简单介绍一下吧。 静态布局 浮动布局 定位布局 栅格布局 table布局 弹性（flex）布局 ......
react useMemoParamsFn
import {useCallback, useRef} from 'react'; import {shallowEqual} from "../utils/shallow-equals"; function useMemoParamsFn(fn: any) { const preParamsRe ......
解决 前端 设置滚动条的宽度后 滚动条消失的问题（解决ie浏览器样式无效的问题）
.op { flex: 1; width: 90%; flex-direction: column; overflow: auto; height: 90%; padding-right: 5px; } .op::-webkit-scrollbar{ width: 5px; } .op::-webk ......
大型typescript项目优化webpack编译速度
Person: A large typescript project takes a long time to start every time, using the default configuration of webpack5, is there any optimization solut ......
前端小程序生成二维码及分享功能
一、需求描述 小程序个人中心生成二维码，用户点击生成二维码功能即可生成二维码，生成的二维码可分享。用户通过扫码或者分享的链接可进入到小程序首页某个产品的详情页 js文件 data: { shareInfo:{}, productUuid:'' }, onLoad: function (options ......
前端设计模式——访问者模式
访问者模式（Visitor Pattern）是一种行为型设计模式，用于将操作与其所操作的对象分离开来。该模式的核心思想是将操作封装在一个访问者对象中，而不是分散在各个对象中。通过将操作与对象分离开来，访问者模式可以在不修改对象结构的情况下，添加新的操作。 在前端开发中，访问者模式通常用于处理DOM树 ......
eclipse中创建structs2项目步骤
1.新建一个空白web项目 创建时要勾选创建xml文件选项 项目结构如下所示： 2.添加Structs2类库 在Apache官方网站下载相应版本的Sruts2，网址:http://struts.apache.org/,下载好后解压。 此处使用一些老版本的包，如下图 以下包拷贝到WebContent文 ......
前端传递Base64字符串，后端转流存入OSS
工具类 public static BufferedInputStream base64Convert(String base64) { // 解码 base64 = base64.split(",")[1]; try { byte[] buffer = Base64.getMimeDecoder( ......
前端性能精进（六）——网络
网络也是前端性能优化的重要一环，网页上的资源都要经过网络来传输。 优化网络性能除了缓存和压缩之外，还有就是协议和 CDN。 HTTP 协议已经历了多个版本，每个版本的出现其实就是为了解决已知的性能问题。 目前市面上，有许多成熟的商业 CDN 服务，采用这些服务的网页，在性能提升上也很可观。 一、缓存 ......
REACT 学习路线
以下是一个一天快速学习 Next.js 的学习路径，包含了一些具体的资源路径： 学习 React：Next.js 是基于 React 的，因此需要先熟悉 React 的基础知识。可以参考 React 官方文档进行学习，地址为：https://reactjs.org/docs/getting-star ......
scala的json项目
有下面的scala代码 package jobs import org.json4s._ import org.json4s.jackson.JsonMethods._ object Test { def main(args: Array[String]): Unit = { case class ......
用java实现书城项目（简单增删改查2）
书城项目 登录 dao 接口：UserDao Users login(String username,String password); 实现：UserDaoImpl QueryRunner queryrunner = new QueryRunner(); Connection connection ......
关于idea项目 运行时报错非法字符的解决办法
关于idea项目 运行时报错非法字符的问题: 造成原因: 某天因为手欠强制转换了idea的全局编码(多次强制转换文件的编码格式), 疯狂开启百度模式尝试了几种方法之后依然未解决。 解决方式 ： 最笨的办法 也是目前个人觉得最有效的办法。 1: 我们将报错的文件复制出来 用notepad++ (sub ......
分享一个修改了xml文件再也不用重启的项目mybatis-xmlrealod
自我18年使用 Mybaits 以来，开发环境中如果修改了 xml 文件后，只有重启项目才能生效，如果小项目重启还好，但是对于一个重启需要十几分钟的大型项目来说，这就非常耗时了。开发人员因为修改了xml 文件少量内容，比如添加一个逗号、查询增加一个字段或者修改一个 bug 等，就需要重启整个项目，这... ......