- 博客(42)
- 收藏
- 关注
RSS订阅原创 react17安装braft-editor依赖冲突问题
项目中react 版本是17.0.2，在安装富文本编辑器braft-editor的时候报错依赖冲突，解决方式在安装依赖的时候后边加 --forcenpm install braft-editor --save --force
2022-05-23 10:51:18
1002
5
原创 点击antd select 下拉框时 Unable to preventDefault inside passive event listener invocation.
最近在写一个项目，用到了antd的下拉框，点击的时候发现控制台报这个做错：Unable to preventDefault inside passive event listener invocation，各种查资料，汇总了几种解决方法，只有第三种起作用，可能是和我的项目有关：1.在addEventListener增加第三个参数{ passive: false }，在报错的组件里并没有用到这个2.设置全局样式: touch-action:none ，也不起作用3.去掉插件 default-pas
2022-01-17 16:32:52
1535
6
转载 react(17.0.12) 项目中使用国际化
首先感谢这位博主的贡献(原文链接：https://segmentfault.com/a/1190000019576048)，解决了我的问题，问题解决后想自己记录下链接中阐述了3种方式，我用的是react-intl-universal方式，直接步入正题1.第一步安装yarn add react-intl-universal2.在项目入口文件中引入并进行初始化import intl from 'react-intl-universal';// 这是本地话的多语言文件，在App.js同
2021-10-22 14:37:15
214
原创 在 echarts k线图和柱状图中增加小提示图标
1.先来看下最终的实现结果 ：像上边的这两张图一样，分别给k线图和柱状图中的每个x轴增加对应的小图标，则需要给series 中的数据增加markpoint,，如下：markPoint: { symbol: "path://m 0,0 h 48 v 20 h -30 l -6,10 l -6,-10 h -6 z", symbolSize: function(val) { return [that.textSize(va
2021-04-01 15:57:56
1696
原创 vue 项目更换路径遇到的坑～
1.项目更换路径后，运行npm run dev 后报错：Module build failed: Error: No PostCSS Config found in;2. 解决方法：需要在项目根目录下新建一个文件postcss.config.js ,在里面添加以下代码：module.exports = {plugins: {'autoprefixer': {browsers: 'last 5 version'}}}...
2021-03-31 14:35:53
753
原创 css3 设置div的四个边角
1.样式#barChart { border: 1px solid #152041; box-shadow: 0px 0px 9px 0px rgba(82, 255, 226, 0.23) inset; background: linear-gradient(to left, #5d72ad, #5d72ad) left top no-repeat, linear-gradient(to bottom, #5d72ad, #5d72ad) left top no-repeat,
2021-03-31 14:32:14
1138
1
原创 vue 中使用动态粒子背景图(vue-particles)
1.安装：npm install vue-particles --save-dev2. 在main.js中引入import VueParticles from 'vue-particles'Vue.use(VueParticles)3.使用 <div id="app"> <vue-particles color="#646775" :particleOpacity="0.7" :particlesNumber="90
2021-03-31 14:27:50
766
原创 vue 中使用swiper
1.安装：npm install swiper --save-dev2. 引入(不同的版本，css和js的路径不太一样，5.x以前的版本是在/dist下)import Swiper from "swiper";import "swiper/js/swiper.min.js";import "swiper/css/swiper.min.css";3.实例化swiper 对象 var that = this; const swiper = new Swi..
2021-03-31 13:59:10
492
原创 windows.resize监听事件导致浏览器cpu占用高
1.场景：最近在实现一个监控系统的dashboard页面，这个页面上有很多的echarts图表，当浏览器窗口大小变化时，页面的所有数据要重新计算宽高值，于是使用了window.addEventListener("resize") 来解决这个问题。2. 结果：在使用过程中，发现当浏览器窗口多次改变大小之后，页面卡顿的很厉害，查看浏览器的cpu占用率也很高，迟迟降不下来。郁闷中～，因为在之前的项目中也使用过监听事件，但没有发现过这个问题，就很自信～，罪过呀3.排查了很长时间，各种百度，无意中看到wind
2021-03-31 11:27:02
2446
原创 vue 结合css3 实现无缝滚动
1.场景：在一个dashboard 页面中，要增加一块top数据，这些top数据要求无缝滚动，并且其中的每行数据都可以点击并跳转到对应路由，选中的行数据要添加对应的样式2.实现：经过一系列的踩坑，使用过vue的无缝滚动插件：vue-seamless-scroll ，起步是好的，一切都很顺利，但是在后来动态样式的时候出现了问题，由于vue-seamless-scroll的实现逻辑是自己复制一份dom,再贴合到原来的dom中，当点击复制dom中的数据时，无法为选中的数据动态样式或样式刷新延迟；so ~
2021-03-31 10:23:28
778
原创 linux cron执行java程序 踩坑记录
linux 下通过配置cron定时任务执行shell脚本时，如果遇到任务不执行的问题，可以从以下几个方面排查：1.shell 脚本里是否重新加载了需要的环境变量，在脚本的开头要加入 source /etc/profile2.shell脚本中如果有 java -jar的语句，其中 java要换成环境变量里的路径：/data/hanshow/java/jdk1.8.0_171/bin/java -jar $WORK_DIR/log-modify.jar3.cron 任务配置时，要先进入到shell脚
2021-02-26 16:35:47
190
原创 spring security 登录成功后通过Principal 获取名返回空
如上图，前端登录后获取用户信息，principal 返回空值，经历种种排查发现，前端请求后端，请求头没有加 bearer按上图配置问题解决，记录一下下...
2019-08-22 20:36:46
9902
1
转载 npm run build 报错~~~
1.运行命令 npm run build 报如下错误：解决方法，是在webpack.base.conf.js下添加配置：{test:/\.vue$/,loader:'vue-loader',options:{autoprefixer:false,loaders:{...
2019-08-19 12:48:28
587
原创 npm install 安装报错~~
每一次挑战新的东西，都相当于一次历劫~~vue 搭建新项目后，在项目的目录下运行 npm run dev 报错，如下：在百度大神的一路指引下，说是要先把项目下的 node_modules 文件夹删除，然后运行 npm install,一次不行就多次。but ~~~我已经运行了 n次还是失败，尝试运行了 cnpm install ~~~~ 尽然可以了，安装成功后运行 ...
2019-08-16 14:54:04
238
原创 spring cloud consul 服务消费踩到的小坑坑~~
使用版本： sping boot :2.1.7.RELEASE ; spring cloud :Greenwich.SR2如上图所示，在模拟consul服务负载均衡的代码中，有 /services 和 /discover 两个方法，当从浏览器访问这两个方法的时候，页面返回404错误，原因是这个类所在的包与启动类不在一个包内，需要修改类所在的位置，与启动类相同包下或者在启动类...
2019-08-08 14:41:53
804
原创 spring cloud eureka服务发现和注册踩过的大坑坑~~
使用spring boot2.1.6.RELEASE1.使用https://start.spring.io/自动生成gradle项目后，从eclipse中导入gradle项目，一直处于卡顿状态，原因是gradle在自动下载醒目需要的jar包，速度会很慢，需要修改项目所依赖的仓库地址，如下红框标记。2.服务注册（eureka）①如果是gradle项目，在build.gradle配...
2019-08-07 14:37:36
493
转载 Spring cloud
1.Spring Cloud 简介Spring Cloud 是基于Spring Boot 实现的云应用开发工具,它为基于JVM的云应用开发中涉及的配置管理，服务发现，微代理，全局所，分布式会话和集群管理提供了一种简单的开发方式。Spring Cloud 包含了多个子项目（针对分布式系统中涉及的多个不同的开源产品），如：Spring cloud config,Spring cloud net...
2019-08-05 15:24:09
437
原创 mysql 索引
1.mysql索引的分列方式：①单列索引：一个索引只包含单个列，一个表可以有多个单列索引②组合索引：一个索引包含多个列2.索引的创建需要确保索引是引用在sql查询语句上3.增加索引的优点：①可以大大提高查询效率②可以提高Mysql的检索速度4.增加索引的缺点：①增加索引会降低更新表的速度，如执行insert,update，不仅要保存数据，还要保存索引文件②索引会...
2019-07-26 16:34:11
2760
原创 gradle --持续更新
gradle:项目构建工具，优势有以下几点： ①配置相关依赖代码量少，不会像maven一样xml多 ②打包编译测试发布都有，而且使用起来方便 ③利用自定义的任务可以完成自己想要的功能...
2019-07-24 17:07:01
71
原创 Oauth2 --持续更新
Oauth2 :是开放授权的一个标准，旨在让用户允许第三方应用去访问某服务器中的特定的私有资源，而不可以提供用户在某服务器的账号密码给到第三方应用。流程：第三方应用像授权服务器发起授权请求---》授权服务器收到请求后，引导用户授权并返回授权码给到第三方应用--》第三方应用拿到授权码后再次向授权服务器发起访问令牌请求--》授权服务器拿到第三方应用的身份id和授权码，验证通过后，返回访问令牌...
2019-07-24 17:06:12
164
原创 serializable接口（序列化）
①序列化就是将对象转为字节序列的过程 ②反序列化是将字节序列转化为目标对象的过程 ③seriallization 序列化 ： 将对象转化为便于传输的格式， 常见的序列化格式：二进制格式，字节数组，json字符串，xml字符串。 ④实现这个Serializable 接口的时候，一定要给这个 serialVersionUID 赋值，值为1L...
2019-07-24 17:04:46
252
原创 Spring Data Jpa --持续更新
Spring Data Jpa ，一个ORM框架（ORM就是对象关系映射，关系型数据库和对象之前的一一映射），优势主要有以下几点： ①可以根据实体类自动生成数据表，数据表字段 ②只需要继承一个接口（org.springframework.data.jpa.repository.JpaRepository<T, ID>），就可以实现一个对象的crud等操作。 ③可...
2019-07-24 17:03:18
78
原创 Spring Security --持续更新
1.Spring Security 安全框架，优势有以下几点： ①相比shiro,功能更加强大，与spring的集成更好，可直接与spring boot适配 ②支持Oauth,OpenID（如果是shiro，需要自己实现代码） ③细粒度权限控制 ④框架足够健壮，足以支持所有的需求。...
2019-07-24 17:02:07
87
转载 spring boot 知识点
1.spring boot 概念 ： 它是spring开源组织下的子项目，是spring组件一站式解决方案，主要是简化了使用spring的难度，减少繁重的配置，增加各种启动容器，开发者可以快速上手。2.Spring boot 框架,优势有以下几点： ①大量的自动配置，简化开发 ②快速独立的创建运行的spring项目以及主流框架集成 ③使用嵌入式的se...
2019-07-24 16:51:19
91
原创 eclipse启动tomact成功，浏览器无法访问的问题
eclipse中的项目部署到tomact，启动tomact成功，但是无法通过浏览器访问，解决如下：1.查看tomact中项目是否部署到了tomact下的webapps中。如图所示按照以上方法解决，如果还是无法访问》》》，请移步下一步：2.新建一个eclipse的工作空间，将eclipse的工作空间指向新建的那个，重新导入项目，重新部署tomact,然后启动，搞定！！！
2018-01-26 10:26:17
1596
原创 mariaDB
1.安装服务 mysqld.exe --install MariaDB2.启动服务 net start MariaDB3.停止服务 net stop MariaDB4.启动服务时遇到“系统错误1067”，在MariaDB解压后路径/data目录下找到“主机名.err ”，即可找到原因。5.删除服务 mysqld.exe --remove MariaDB6.查询所有用户
2018-01-11 17:36:00
145
原创 Discuz搭建论坛报错：advice_mysqli_connect
注意：.php版本在5.3以上，如果在安装过程中出现如下图所示问题：打开php目录下的php.ini文件，将参数extension=mysqli和extension=pdo_mysql前面的注释去掉，然后重启iis服务。
2017-12-13 18:31:59
7806
1
原创 linux
为同步一线客户部署环境，搭建centos6.5及相关环境，安装jdk1.8+,tomact8.5+,mysql5.7+,shopweb.云监控，esl-working.安装过程中使用到的linux命令记录如下：一：基本命令1.在Linux系统中查看ip地址：ifconfig 注意：是if不是ip2.普通用户切换为超级用户：su 3.重启系统：reboot4.新建一个目
2017-10-24 09:46:51
228
原创 关于一个项目中全局配置文件读取的注意事项
1.一个项目中，会包含很多的配置文件，关于配置文件中数据的读取，应该注意以下几点：（1）对于配置文件中的数据，应该在系统启动的时候将文件中的数据加载到一个数据存储器中， 那么，在日后使用到这些数据时，就不需要每次都读取原始的配置文件，只需要从数据存储器中读取即可。（2）在shopweb中，如果要读取，并且在系统界面中要频繁的使用配置文件中的数据时，具体操作步骤如下：
2017-08-21 16:33:49
627
原创 mysql数据库关联查询
记录mysql数据库的部分关联查询语句。1.mysql数据库中最常用的关联查询有内连接和外链接，内连接仅选两张表中互相匹配的记录，而外连接可以根据表选出其他不匹配的记录，包括左连接left join on和右连接right join on例如下列语句为两张表相关联的查询：(1)为内连接，(2)为外连接中的左连接：(1)SELECT g.*,gep.goods_id from hs_
2017-08-09 14:25:52
693
原创 unix时间戳转换问题
1.java中将unix时间戳转换为固定的日期格式，单位精确到毫秒 public static String timeStamp(String timestampString, String formatTimestamp) { if (TextUtils.isEmpty(formatTimestamp)) formatTimestamp = "yyy
2017-08-08 17:16:24
210
原创 maven
1.maven 是开发者在开发项目时用来管理jar包的工具。2.maven的相关知识（1）maven的本地资源库，一般默认在本地计算机的.m2文件中。（2）在一个项目中，maven会先检查项目中的pom文件，以确定哪些文件是需要依赖下载的。首先会从本地的.m2文件下的资源库中下载，如果没有找到没到，会到中央资源库中国寻找，然后进行下载，maven的中央资源库地址为 http://rep
2017-08-03 15:23:15
143
原创 java8 & lambda表达式
lambda 表达式是作为java 8 发布的核心特性，所以，在使用该特性之前，应该多练习流API表达式和lambda例子。先来介绍一下lambda表达式，通过下面的例子理解起来更容易：使用lambda表达式替换匿名类，而实现Runnable接口是匿名类的最好示例。1.它本质上是一个匿名方法。在java 8 之前，如： newThread(newRunna
2017-07-28 11:37:29
171
原创 angular js 中异步加载
对于angular js中异步加载后台的时，要在访问主页面时让其执行异步加载的代码，如以下代码，异步加载后的数据要在子页面中使用，就要放在加载子页面之前执行该段代码 $http({method: 'POST',url: 'getBusinessFields'//params : param}).success(function(response) {
2017-07-18 14:42:25
823
原创 angular js 大小写转换
angular js 大小写转换。如：itemName 转换为item_namefiel为传递过来的数组$scope.toLower = function(field) {if(angular.isArray(field)){angular.forEach(field, function(value){var newValue = '';for(var i=0;i
2017-07-18 14:15:16
1770
原创 angular js 对于数组的操作
以下列数据为例，该数据为最终数据库要存放的json数据，那么，前台angular js 怎么传递对应的数据 ?conditions：{"condition":[{"key":"supplier_name","cenfix":"=","val":"12","suffix":"and","keyMap":"supplierName"}],"type":"GOODS"}1.数据中的conditi
2017-07-18 10:06:06
1850
原创 mysql数据库更新操作
以shopweb为例，数据库使用mysql,在更新时，无需根据数据的id查询出对应的数据，然后再进行更新，直接进行update数据即可，因为update本身的逻辑就是先查询再跟新。
2017-07-18 10:04:10
416
原创 Java_JSONObject
1.往json字符串中添加数据JSONObject jo=(JSONObject) JSONObject.parse(globalPolicy.getParams());jo.put("founder", username);说明：globalPolicy.getParams()是原有的数据，这里如果要追加数据，不需要new一个新的对象，直接将新的数据put进去就可以。
2017-06-19 18:17:18
146
转载 java中读取json字符串的单个key值
实例：String str={"name":"aaa","age":"22"}JSONObject jsonObject=JSONObject.parseObject(str); System.out.println(jsonObject.get("name"));
2017-06-02 15:05:24
559
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人