自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(101)
  • 资源 (2)
  • 收藏
  • 关注

原创 前端如何实现高度的自动过渡

/不加content.offsetHeight,默认是直接渲染height + 'px',不会出现从0->height的动画。//有回流,但是没有绘制,所以不会闪一下,界面看不出变化,但是拿到了高度。//读取几何属性会造成强制回流,从而触发渲染。主要是利用了浏览器的渲染机制。

2024-03-05 14:42:43 432

原创 umi + monorepo实践

主要是umi项目的monorepo实践

2024-01-11 15:17:53 706

原创 关于Axios发送Get请求无法添加Content-Type

就是说如果是一个对象,axios会将Content-Type设为false,意图让浏览器自动设置;如果data未定义则会将Content-Type设置为null;只能说axios封装了太多东西,官网又很简略。

2023-12-26 18:07:08 1059

原创 浏览器监听网络状态

这可以用于基于用户的连接状态来选择高清晰度内容或低清晰度内容。对象,例如用户设备的当前带宽或连接是否按流量计费。只读属性返回一个包含有关系统网络连接信息的。返回true表示在线。

2023-12-15 09:31:03 124

原创 TypeScript报错收录

这个问题是因为你的选择器(Selector)返回的是整个状态树,而不是状态树中的某个特定部分。这会导致每当状态树中的任何部分发生变化时,都会触发组件的重渲染,这通常是不必要的,甚至可能是性能问题。解决这个问题的方法是修改你的选择器,让它只返回你需要的数据,而不是整个状态。如果你的选择器不需要访问状态树中的所有数据,那么就没有必要返回整个状态。在这种情况下,你的选择器只返回用户名字,而不是整个用户对象或整个状态树。总的来说,你应该尽量避免让选择器返回整个状态树,而是让它返回你需要的数据。

2023-11-30 18:06:53 416

原创 快速搭建UmiJS4.0项目及常见问题解决方案

选择项目类型选择创建工具选择源启用 Prettier(可选)启用Dva可选配置。

2023-11-08 16:28:26 888

原创 React如何命令式调用自定义的Antd-Modal组件

以前多数情况下,都是在父函数式组件中作为组件去调用,每次都需要定义visible状态并传入。

2023-10-10 14:36:17 644

原创 iOS端z-index属性配置不生效

同样的z-index,iOS上不生效,没有按照指定的层级展示。

2023-08-16 14:17:36 609

原创 ChatGPT收录

多磨助手 (domore.run)Steamship免费chatGPT - Ant Design Pro免费AI聊天室 (xyys.one)

2023-08-14 08:48:05 4169

原创 windows使用相关-如何开机不需要输入账户密码就能自启动程序

1、首先打开Windows10系统后,右键点击桌面左下角的开始按钮,在弹出的菜单中点击“运行”菜单项。4、在打开的用户账户窗口中,去掉“要使用本计算机,用户必须输入用户名和密码”前的勾选,然后点击应用按钮。5、在弹出窗口中输入自动登录的用户名与密码,最后点击确定保存退出。6、重新启动电脑后,下次开机就不用输入登录密码即可实现自动登录了。2、这时就可以打开Windows10系统的运行窗口了。重装了下电脑,找了半天相关资料,现在记录下来。3、然后在弹出窗口中输入。命令,点击确定按钮。

2023-07-24 20:16:07 1996

原创 React + TypeScript 实践

当我们需要一个 id 函数,函数的参数可以是任何值,返回值就是将参数原样返回,并且其只能接受一个参数,在 js 时代我们会很轻易地甩出一行。某些场景下我们在引入第三方的库时会发现想要使用的组件并没有导出我们需要的组件参数类型或者返回值类型,这时候我们可以通过。下面这个组件的 name 属性都是指定了传参格式,如果想不指定,而是想通过传入参数的类型去推导实际类型,这就要用到泛型。由于其可以接受任意值,也就是说我们的函数的入参和返回值都应该可以是任意类型,如果不使用泛型,我们只能重复的进行定义。

2023-07-07 09:30:06 1961

原创 IOS系统中微信、浏览器、手机端输入框input无法输入

,阻止了用户的选择内容行为,会导致一些“内容可编辑”标签无法正常使用,比如input、textarea。该属性是用来禁止用户进行复制选择的,这是webkit内核浏览器下的一个bug,具体可以参考这篇文章:(APP内嵌H5、浏览器,在弹窗中的input框无法输入,最多只能输入一个字,并且无光标。是将不同的选择器组合在一起的方法,它选择所有能被列表中的任意一个选择器选中的节点。属性的元素(不论这个属性的值是什么)。按照给定的属性,选择所有匹配的元素。会同时匹配 <span>

2023-07-05 15:04:14 948

原创 使用overflow实现多行文本的溢出部分处理

只有在 display 属性设置成 -webkit-box 或者 -webkit-inline-box 并且 box-orient 属性设置成 vertical时才有效果。/* 2.text-overflow 属性并不会强制“溢出”事件的发生,因此为了能让文本能够溢出容器,需要在元素上添加几个额外的属性:overflow 和 white-space。/* 2. 大部分情况下,也需要设置 overflow 属性为 hidden,否则,里面的内容不会被裁减,并且在内容显示为指定行数后还会显示省略号。

2023-07-04 09:03:42 332

原创 移动端iOS返回上一路由页面部分白屏,滑动后恢复正常

移动端iOS页面在使用router.back()或者其他方式返回到上一页的时候,页面渲染上半部分白屏,滑动一下后恢复正常。主要的场景是A页面超出屏幕高度,滑动到底部,进入B页面后,再次返回A页面,这时候出现部分白屏。

2023-06-29 13:43:26 1022

原创 aHooks简单总结

在某些场景中,我们需要使用 useCallback 来记住一个函数,但是在第二个参数 deps 变化时,会重新生成函数,导致函数地址变化。使用 useMemoizedFn,可以省略第二个参数 deps,同时保证函数地址永远不会变化。从star数量和下载量来看都是react-use占优,以后可以考虑使用react-use。适用于对时间精度要求不高的情况,要求高的话还是需要结合服务器时间来判断。适用于一些异步操作的场景,比如对请求的后续操作,要判断当前页面是否还在。源码就不讲了,比较绕,关键在于。

2023-03-24 13:59:30 1023

原创 响应式Web设计笔记

参考:[图灵程序设计丛书].响应式Web设计:HTML5和CSS3实战.第2版

2023-01-19 11:04:22 1458

原创 React在ESLint下的报错收录(react-hooks/exhaustive-deps)

ESlint配置文件umi项目下配置:{ "extends": "eslint-config-umi", "rules": {// "react-hooks/exhaustive-deps": 0 注释这行即开启校验 }}1.warning React Hook useEffect has a missing dependency: ‘XXX’. Either include it or remove the dependency array问题代码块:const dis

2021-12-22 15:23:34 3675

原创 如何阻止input的focus事件

首先要明确Input标签各种事件的执行顺序,对于点击事件,是按照mousedown -> mouseup -> click这个顺序走的,那么focus事件在哪一步处理的?直接上代码:<input onFocus={focusHandler} onClick={clickHandler} onMouseDown={mouseDownHandler} onMouseUp={mouseUpHandler}/>handlers:const focusHandler

2021-12-09 10:01:06 4550

原创 React实现自定义日历

实现效果特殊需求只需要展示星期一到星期五依赖组件moment.js完整代码主要是注意initDate()方法中的逻辑import React, {useState, useEffect} from 'react';import {Icon} from 'antd-mobile';import styles from './index.less';import moment from 'moment';import {useSelector} from "dva";m

2021-11-02 15:18:27 890

原创 Tomcat默认无法接收特殊字符的问题

起因项目中扫码支付场景,二维码链接为https://wxp3.chinaums.com/ecology_dev/web-esp/henanPolicPayPenalty/index.html?ywlx=0401&bbh=1&hphm=%E8%B1%ABJJA260&xm=%E7%8E%8B%E6%B5%B7%E5%90%9B&cljg=41090000&sfmx=4109001928279312|1208|50|41090000|210329$410900192

2021-04-01 15:28:58 3823

原创 Couldn‘t open file /etc/pki/rpm-gpg/RPM-GPG-KEY-7

今天在CentOS7中使用yum命令的时候提示Couldn’t open file /etc/pki/rpm-gpg/RPM-GPG-KEY-7。GPG在Linux上的应用主要是实现官方发布的包的签名机制。GPG分为公钥及私钥。公钥:顾名思意,即可共享的密钥,主要用于验证私钥加密的数据及签名要发送给私钥方的数据。私钥:由本地保留的密钥,用于签名本地数据及验证用公钥签名的数据。实现原理(以Red Hat签名为例):1>RH在发布其官方的RPM包时(如本地RHEL光盘及FTP空间包),会提供一

2020-07-13 16:37:13 2376

原创 Java学习资料分享(201904)

写在前面,本人是从小白一步步学习过来的,在这过程中,收集了好多学习资料,涉及Java、Dubbo、SpringCloud和一些前端资料等,我会慢慢更新在这里,有需要的同学可以关注下文的公众号,我会慢慢整理在上面哦。数据结构与算法:郝斌数据结构,还有《[数据结构(C语言版)].严蔚敏_吴伟民.扫描版》:链接:https://pan.baidu.com/s/1yAyaMzl88vwd6...

2019-04-14 14:38:00 577

原创 FastDFS图片服务器

一、什么是FastDFS?FastDFS是用c语言编写的一款开源的分布式文件系统。FastDFS为互联网量身定制,充分考虑了冗余备份、负载均衡、线性扩容等机制,并注重高可用、高性能等指标,使用FastDFS很容易搭建一套高性能的文件服务器集群提供文件上传、下载等服务。二、FastDFS架构FastDFS架构包括 Tracker server(追踪服务器)和Storage ser...

2018-07-10 20:18:29 275

原创 Jsoup获取全国地区数据(省市县镇村)

参考自:Jsoup获取全国地区数据(省市县镇村)以下是我的代码: 需要优化的是最好采用批量导入,就是放入list里面一次性导入,一条条导入数据库的话会频繁获取数据库sqlsession,导入速度就很慢。/** * 全国省市县镇村数据爬取 * @version 1.0.0 */ public class JsoupTest extends BaseJunitTest{ ...

2018-06-19 22:08:57 1254

原创 Linux基本操作

Linux的目录结构home:家.用户的家 普通用户的家目录文件在home下 例如:一个用户tom 在home就会存在tom的目录root:超级管理员root的家etc:存放配置文件usr:存放共享的资源linux的命令查看帮助: man 命令 退出帮助目录: 输入q即可 按空格可翻页 切换目录:cd cd 目录 cd 目录/目录 cd .. :上一...

2018-06-16 21:01:59 212

原创 重拾Spring(九)Spring整合Junit、Web

一、整合Junit导入jar包 基本 :4+1 测试:spring-test…jar让Junit通知spring加载配置文件让spring容器自动进行注入修改测试类@RunWith(SpringJUnit4ClassRunner.class)@ContextConfiguration(locations="classpath:applicationContext.x...

2018-05-30 20:31:36 191

原创 重拾Spring(八)Spring事务管理

一、事务管理介绍1.1 导入jar包transaction –&amp;amp;amp;gt; tx 1.2 三个顶级接口PlatformTransactionManager 平台事务管理器,spring要管理事务,必须使用事务管理器 进行事务配置时,必须配置事务管理器。TransactionDefinition:事务详情(事务定义、事务属性),spring用于确定事务具体详情; ...

2018-05-30 20:21:35 353

原创 重拾Spring(七)JdbcTemplate

spring 提供用于操作JDBC工具类,类似:DBUtils。依赖 连接池DataSource (数据源)。一、环境搭建1.1 创建表create database ee19_spring_day02;use ee19_spring_day02;create table t_user( id int primary key auto_increment, u...

2018-05-28 20:33:13 172

原创 重拾Spring(六)AcpectJ

一、介绍AspectJ是一个基于Java语言的AOP框架Spring2.0以后新增了对AspectJ切点表达式支持@AspectJ 是AspectJ1.5新增功能,通过JDK5注解技术,允许直接在Bean类中定义切面新版本Spring框架,建议使用AspectJ方式来开发AOP主要用途:自定义开发二、切入点表达式【掌握】1. execution() 用于描述方法 【掌...

2018-05-27 09:42:11 499

原创 重拾Spring(五)AOP

一、AOP介绍1.1 什么是AOP在软件业,AOP为Aspect Oriented Programming的缩写,意为:面向切面编程,通过预编译方式和运行期动态代理实现程序功能的统一维护的一种技术。AOP是OOP(面向对象编程)的延续,是软件开发中的一个热点,也是Spring框架中的一个重要内容,是函数式编程的一种衍生范型。利用AOP可以对业务逻辑的各个部分进行隔离,从而使得业务逻辑...

2018-05-22 22:47:30 192

原创 重拾Spring(四)注解和xml混合使用

将所有的bean都配置xml中&lt;bean id="" class=""&gt;将所有的依赖都使用注解 @Autowired 默认不生效。为了生效,需要在xml配置: 总结:注解1: 注解2: 1. 一般情况两个注解不一起使用。 2. “注解1”扫描含有注解(@Component 等)类,注入注解自动生效。 “注解2”只在xml和注解(注...

2018-05-17 22:16:56 610

原创 重拾Spring(三)基于注解装配Bean

注解:就是一个类,使用@注解名称。开发中:使用注解 取代 xml配置文件。@Component取代&lt;bean class=”“&gt; @Component(“id”) 取代 &lt;bean id=”” class=”“&gt;web开发,提供3个@Component注解衍生注解(功能一样)取代&lt;bean class=”“&gt;@Repository :da...

2018-05-13 20:42:44 278

原创 重拾Spring(二)基于XML装配Bean

一、核心APIapi整体了解,之后不使用,在学习过程需要。BeanFactory :这是一个工厂,用于生成任意bean。 采取延迟加载,第一次getBean时才会初始化Bean。ApplicationContext:是BeanFactory的子接口,功能更强大。(国际化处理、事件传递、Bean自动装配、各种不同应用层的Context实现)。当配置文件被加载,就进行对象实例化。C...

2018-05-13 15:07:19 217

原创 Eclipse schema xml提示

步骤一:确定xsd文件位置 spring-framework-3.2.0.RELEASE\schema\beans 步骤二:复制路径 步骤三:搜索“xml catalog” 步骤四:添加约束提示

2018-05-12 19:59:06 746

原创 重拾Spring(一)Spring入门

struts:web层,比较简单(ValueStack值栈,拦截器); hibernate:dao层,知识点杂; spring:service层,重要,讲多少用多少。脑海中的架构: 一、spring框架概述1.1 什么是springSpring是一个开源框架,Spring是于2003 年兴起的一个轻量级的Java 开发框架,由Rod Johnson 在其著作Expert On...

2018-05-12 19:53:37 278

转载 使用c3p0连接池操作mysql数据库中文乱码解决办法

在c3p0-config.xml配置文件中加上?useUnicode=true&amp;characterEncoding=UTF8,前提是表单获取的参数已经经过utf-8编码,数据库也是utf-8。&lt;c3p0-config&gt; &lt;default-config&gt; &lt;property name="driverClass" &gt;com.mys...

2018-05-12 13:52:01 831

原创 重拾JDBC(十四)使用元数据封装JDBC框架

编写自己的JDBC框架 http://www.cnblogs.com/xdp-gacl/p/4006830.html一、元数据介绍元数据指的是”数据库”、”表”、”列”的定义信息。1.1、DataBaseMetaData元数据Connection.getDatabaseMetaData()获得代表DatabaseMetaData元数据的DatabaseMetaDa...

2018-05-12 13:51:29 193

原创 重拾JDBC(十五)Apache的DBUtils框架学习

Apache的DBUtils框架学习http://www.cnblogs.com/xdp-gacl/p/4007225.html一、commons-dbutils简介commons-dbutils 是 Apache 组织提供的一个开源 JDBC工具类库,它是对JDBC的简单封装,学习成本极低,并且使用dbutils能极大简化jdbc编码的工作量,同时也不会影响程序的性能。因此dbu...

2018-05-12 13:50:08 207

原创 重拾JDBC(十三)配置Tomcat数据源

配置Tomcat数据源 http://www.cnblogs.com/xdp-gacl/p/4002804.html在实际开发中,我们有时候还会使用服务器提供给我们的数据库连接池,比如我们希望Tomcat服务器在启动的时候可以帮我们创建一个数据库连接池,那么我们在应用程序中就不需要手动去创建数据库连接池,直接使用Tomcat服务器创建好的数据库连接池即可。要想让Tomcat服务器在启...

2018-05-12 13:49:44 776

原创 重拾JDBC(十二)数据库连接池

数据库连接池http://www.cnblogs.com/xdp-gacl/p/4002804.html一、应用程序直接获取数据库连接的缺点用户每次请求都需要向数据库获得链接,而数据库创建连接通常需要消耗相对较大的资源,创建时间也较长。假设网站一天10万访问量,数据库服务器就需要创建10万次连接,极大的浪费数据库的资源,并且极易造成数据库服务器内存溢出、拓机。如下图所示:...

2018-05-12 13:49:18 175

mysql版本的省市区镇乡五级联动数据库

分为五张表,province,city,area,street,village,原来是sqllite版本的,我转为mysql了

2018-06-26

sqlserver版本的省市区镇数据库

只有一张表,id,name,level,parent_id。 省级默认parent_id=0。

2018-06-26

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除