- 博客(30)
- 收藏
- 关注
RSS订阅
原创 解决react antd design pro 二级图标不显示问题（v4版本）
解决react antd design pro 二级图标不显示问题（v4版本）1、问题描述在项目路由配置中，对各个子路由配置icon属性，但是项目实际运行中并不能显示{ path: '/system', name: 'system', icon: 'icon-xitong', routes: [ { path: '/system/user', name: 'user',
2021-03-04 11:45:50
4267
2
原创 vue项目通过sh脚本实现docker nginx自动化部署方式
前端项目使用的是vue 3.0 + node，部署在docker nginx 中，并发布到docker hub1 环境准备1.1 注册 docker hub账号https://hub.docker.com/1.2 安装 docker 容器（参考教程）https://www.runoob.com/docker/docker-dockerfile.html1.3 准备 nginx 容器docker pull nginx1.4 查看容器docker images2 创建Dockerf
2020-10-12 13:39:12
879
原创 vue项目通过sh脚本实现docker tomcat 自动化部署
前端项目使用的是vue 3.0 + node，部署在docker tomcat 中，并发布到docker hub1 环境准备1.1 注册 docker hub账号https://hub.docker.com/1.2 安装 docker 容器（参考教程）https://www.runoob.com/docker/docker-dockerfile.html1.3 准备 tomcat 容器docker pull tomcat1.4 查看tomcat容器以上为准备环境，请确保正常运行2
2020-10-12 12:16:28
996
2
原创 Vue项目在页面添加水印及在某一个页面去除水印功能
废话不多说项目需求（1）系统内页面出现水印；（2）登录页面没有水印【备注：退出登录时，登录页面不会显示水印**】创建水印创建watermark.js文件# 创建水印功能网上一大把，随便搜一下'use strict'const watermark = {}const setWatermark = (str) => { const id = '7.432756475.6...
2020-03-19 10:33:50
3510
1
原创 Ubuntu 安装@vue/cli错误分析及解决
问题描述通过官方指令npm install -g @vue/cli安装vue脚手架提示：No command ‘vue’ found, did you mean:Command ‘vpe’ from package ‘texlive-latex-extra’ (universe)vue: command not found如下图所示：解决方案（1）尝试了网上很多关于建立软连接的...
2020-03-03 14:48:35
1808
原创 Vue.js 2.5 + cube-ui 重构饿了么 App（知识总结--完善中）
mixin 的用法作用： 混合机制–mixins，用来更高效的实现组件内容的复用mixin与组件引用的区别单纯组件引用：组件在引用之后相当于在父组件内开辟了一块单独的空间，来根据父组件props过来的值进行相应的操作，单本质上两者还是泾渭分明，相对独立。模式：父组件 + 子组件 >>> 父组件 + 子组件mixin引用： 在引入组件之后，则是将组件内部的内容如dat...
2020-02-19 12:12:16
704
1
原创 CERT-JAVA Atomicity、 Visibility and Atomicity
CERT-JAVA Visibility and Atomicity
2022-08-29 19:46:29
193
原创 java-线程池基础版
目录并发队列线程池简介为什么需要线程池线程池原理线程池的分类一、并发队列基本概念并发队列是一个基于链接节点的无界线程安全队列，它采用先进先出的规则对节点进行排序，当我们添加一个元素的时候，它会添加到队列的尾部，当我们获取一个元素时，它会返回队列头部的元素。分类并发队列分为阻塞队列和非阻塞队列，下面举例示意：现有一个长度为10的队列，有11个元素需要放进去阻塞队列和非阻塞队列区别（1）入队时非阻塞队列：当向队列中放入10个元素，此时队列已满，再放入第11个元素数据就会丢失
2022-03-04 08:41:20
86
原创 java - 线程池
new Thread 弊端每次new Thread新建对象，性能差；线程缺乏统一管理，可能无限制的新建线程，相互竞争，有可能占用过多系统资源导致死机或者 OOM；缺少更多功能，如更多执行、定期执行、线程中断。线程池的好处重用存在的线程，减少对象创建、消亡的开销，性能差；可有效性控制最大并发线程数，提高系统资源利用率，同事可以避免过多资源竞争，避免阻塞；提供定时执行、定期执行、单线程、并发数控制等功能；线程池 — ThreadPoolExecutorcorePoolSize: 核心
2022-03-01 19:47:44
293
原创 java线程安全--同步容器
第一类 ArrayList -> Vector, Stack第二类 HashMap -> HashTable(key、value 不能为null)第三类 （List、Set、Map）—>Collections.syhchronizedXXX
2022-02-18 18:12:05
163
原创 安全共享对象策略
线程限制一个被线程限制的对象，由线程独占，并且只能被占用它的线程修改共享只读一个共享只读对象，在没有额外同步的情况下，可以被多个线程并发访问，但是任何线程都不能修改它线程安全对象一个线程安全的对象或容器，在内部通过同步机制来保证线程安全，所以其他线程无需额外的同步就可以通过公共接口随意访问它被守护对象被守护对象只能通过获取待定的锁来访问...
2022-02-18 12:34:58
3572
原创 线程知识梳理-part01
Java 内存模型1 同步八种操作lock（锁定）作用于主内存的变量，把一个变量标识为一个线程独占状态；unlock（解锁）作用于主内存的变量，把一个处于锁定状态的变量释放出来，释放后的变量才可以被其他线程使用read（读取）作用于主内存的变量，把一个变量值从主内存传输到线程的工作内存中，以便随后的load动作使用。load （载入）作用与工作内存的变量，它把read操作从主内存中得到的变量值放入工作内存的变量副本中。use（使用）作用于工作内存的变量，把工作内存中的一个变量值传递给执
2022-02-09 08:35:19
170
原创 【无标题】
一、进程模型(一)多道程序设计从系统允许多个程序同时进入CPU那一天开始，我们才有了进程，这个对CPU资源的抽象。我们把这种多个程序同时运行在CPU的情况叫做多道程序。其优点不必赘述，举个例子，单一程序设计时，好比公交车上每次只能坐一个人，多道以后，就能坐多个人，有上有下。也是基于这样的设计思路，才有现在的各种貌似高端的技术。多道，跟中断，DMA，SPOOLer一并，被称为计算机操作系统发展史上里程碑一样的创造。(二)进程定义在某个数据集合上，具有独立功能的程序运行过程，叫做进程。英文里有许多叫法(
2022-02-07 10:58:46
200
原创 React的this.props.history.push() 报错解决方案
【问题】在使用React 库实现路由跳转时，出现了 cannot read property ‘push’ of undefined【场景】左侧管理系统的菜单栏与右侧内容区域的联动。可以延伸到多种应用场景。【解决方案】1 使用withRouter1.1 项目安装 react-router-domcnpm install react-router-dom --save-dev1.2 引入高阶组件withRouter在使用的组件中引用高阶组件 withRouterimport React fr
2020-11-03 13:05:29
3660
原创 Ubuntu16 04 安装nodejs
使用apt-get安装1 更新ubuntu软件源sudo apt-get updatenode -vnpm -v2 安装nodejs, 不过这样装的版本太旧，利用 n 升级版本sudo apt-get install nodejssudo apt install nodejs-legacysudo apt install npm3 全局切换npm的包镜像源，方便快速下载sudo npm config set registry https://registry.npm.taobao.o
2020-08-17 10:27:17
372
原创 项目运行时一直发http://localhost:8080/sockjs-node/info?t=1462183700002请求
项目运行时一直发http://localhost:8080/sockjs-node/info?t=1462183700002请求【方案1】【方案2】【方案3】server是webpack创建的，运行在localhost:8080，部署到服务器后运行就报错网上的解决方案【方案1】这个问题：如果是在开发环境，应该是开发的时候网络环境变更导致，比如你切换无线网络，导致开发服务器的IP地址换了，这样开发服务器会不知道如何确定访问源。开发环境中关闭npm dev server，然后重新npm run se
2020-08-14 16:41:36
2217
原创 使用nodemailer出现的502 Invalid paramenters错误
最近在研究nodemailer，期间遇见了很多坑，记录下来，和大家一起成长。Error: Mail command failed: 502 Invalid paramenters邮件环境准备（1）QQ邮箱授权码（2） .js 文件配置import nodeMailer from 'nodemailer'const transporter = nodeMailer.createTran...
2020-03-27 10:11:51
3106
8
转载 使用padding代替高度实现背景图片高度按比例自适应
高度百分比将高度设置成百分比时，其高度是基于父元素来定的，设置成50%，就是将该元素高度设置成 父元素的高度值 x 50%。但是将高度设置成百分比时，往往是不生效的！高度依然为0，这是为啥? 道理很简单，那就是父元素的高度也为0。所以这就需要讲到浏览器对宽度及高度是如何计算的。浏览器在计算有效宽度时会考虑浏览器窗口的宽度，如果没有设置绝对宽度，就会自动将页面内容横向平铺填满整个窗口。然而...
2020-02-10 10:38:27
279
原创 element-ui 三级tree 会把节点下所有子节点全部勾选
请教贴： element-ui 三级tree 会把节点下所有子节点全部勾选。技术不精，希望得到大神指点。操作： 实际选择可以权限 如下图所示确定成功后，在查看之前选择的权限，如下图所示结果：全部选中，与之前的选择不相符，备注采用：（1） getHalfCheckedKeys() 方法测试无效；...
2019-12-13 16:54:43
1193
5
原创 Vue computed& watch 使用总结
computed1：用来监控自己定义的变量，该变量不在data中声明，直接在computed里面定义，然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理；2：比较适合对多个变量或者对象进行处理后返回一个结果值，也就是数多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化，举例：购物车里面的商品列表和总金额之间的关系，只要商品列表里面的商品数量发生变化，或减少或增多或删除商品...
2019-10-23 18:17:01
3173
原创 webstorm中文件被识别成txt类型
在创建文件时，一不小心将某个文件设置成文本状态显示，经过一番折腾总算给找回来了File->Setting->File Types 中找到此文件类型，我的是text显示类型，就选中Text，在下方的patterns类型中找的目标文件，移除，apply就可以了。...
2019-10-22 12:51:55
1168
1
转载 linear-gradient
1 渐变的分类：CSS3的渐变分为两种：线性渐变：linear-gradient；//向下/向上/向左/向右/对角方向径向渐变：radial-gradient；//由它们的中心定义2：linear-gradient/从元素顶部有条阴影，两种方式，第二种更好，能控制阴影的宽度/background-image: linear-gradient(0deg, rgba(226, 226, 2...
2019-10-22 11:01:31
815
原创 vue 获取后台数据并取出某一个元素
getShowTransferSupplier({}).then(res => {const data = []for (let i = 0; i < res.data.length; i++) {data.push(res.data[i].name)}this.companys = data})
2019-10-22 10:55:09
4951
原创 安装less、stylus和 scss
采用 npm install less less-loader --save-dev 安装less、scss项目启动时一直错误，在网上搜了一大堆资源一直没有解决这个问题。还是一步一步的来吧，最终解决的安装less等问题。以下是安装步骤解决了我的问题，记录以下吧。最后记得重启1: 安装lesscnpm install less --savecnpm install less-load...
2019-10-21 20:20:50
251
原创 访问元素&组件
推荐阅读官方文档在开发中时常需要父子之间进行通信，根据业务类型可能会调用彼此的方法或属性。1. 访问子组件实例或子元素为了达到这个目的，你可以通过 ref 特性为这个子组件赋予一个 ID 引用父级组件注入子组件**<user-login>**<user-login ref="userLogin"></user-login>子组件 user.vu...
2019-10-09 20:53:02
93
原创 Vue 依赖注入(provide/inject)
provide/inject 是解决组件之间的通信问题的利器，不受层级结构的限制。小白，修改一个官网的例子<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue2.6.js">...
2019-10-09 20:28:04
206
原创 vue定义全局变量
VUE.js 中涉及到JS全局变量一、全局变量专用模块得引入全局变量模块 Global.jsconst colorList = [‘violet’,‘orange’,‘blue’,‘darkyellow’,‘wheat’,]const colorListLength = 5export default{colorList,colorListLength}模块里的变量...
2019-09-30 08:57:18
359
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人