- 博客(22)
- 资源 (4)
- 收藏
- 关注
原创 js实现监听ctrl+v粘贴事件获取复制的内容,并把截取的图片转base64
在 JavaScript 中,可以通过添加 'paste' 事件监听器来监听粘贴事件。
2024-05-08 10:49:00
649
1
原创 Linux下tomcat启动时提示无法分配内存异常
今天替换了一下后台的包,启动tomca后报错:INFO: os::commit_memory(0x0000000794500000, 576716800, 0) failed; error=‘无法分配内存’ (errno=12)之前还好好的,怎么突然就不行了,查看了一下,引起以上异常的主要原因是:服务器上物理内存不够,服务器应用程序太多,内存不足,而给jvm分配的内存太大造成。解决方法:1.进入部署程序的tomca中,cd 到tomcat的/bin目录下,找到catalina.sh文件
2021-02-22 10:22:01
1896
原创 eclipse中用tomcat运行项目后,运行接口一直报404
今天犯了一个低级错误,记录一下。今天在新电脑上运行之前的项目,在eclipse中用tomcat运行项目后,在浏览器运行接口一直报404,报404很明显是路径不对,可是之前明明没有问题的啊(因为项目要用websocket只能用tomcat启动),换个电脑重新搭了项目怎么就不行了呢?排查了一会发现原来是tomcat的path路径忘记修改了,真是太大意了。修改方法:1、双击Servcers中的tomcat服务2、点击下面的Modules,切换到web Modules中3、点击Edit修改,
2021-01-28 09:40:53
1115
原创 Oracle SQL查询速度优化leading和use_nl
今天写了一个SQL,表数据太大,表索引也加了,可和另一张表关联一起查一个月的数据总是很慢,大约要60多秒。优化后只用了0.07秒,记录一下防止以后忘记了。select /*+leading(t) use_nl(t, d)*/t.a,t.b,t.c, d.a,d.b,d.c from tablea t, tableb d where t.id = d.id and t.a is not null and t.b is not n...
2021-01-28 09:23:32
3308
原创 antd4-codemod把antd3.X升级到antd4.9最新版本
项目做了好多年,框架一直用的antd3.X的,一直在3的版本上升级,React也一直用的16.6的版本,所以也不支持react Hook。最近领导让把所有项目的antd升级都到4.X的版本,方便以后迭代,所以升级研究了一下,有antd4-codemod工具还是很简单的,一个小时搞定。第一步:通过 npx 直接运行 npx -p @ant-design/codemod-v4 antd4-codemod src或者 全局安装 # 使用 npm npm i -g @ant-design/code.
2020-12-16 16:57:49
2936
1
原创 npm start运行报错,failed to compile with 2 errors
今天把项目代码拉下来后,用npm start运行项目报错,报Error: failed to compile with 2 errors,也没有具体的报错信息和位置,(我们用的是react的框架,vue不知是否一样)排查了好久,把最新svn拉下来的页面逐一排查了一遍终于发现问题所在。解决方法:出现这种情况大多数是require引入图片路径不对导致的,报错的2 errrors 说明是有两处,数字是几说明几处,可以全局搜索一下引入图片的文件夹,看看那个路径不对改一下即可...
2020-07-29 15:13:34
11386
原创 umi项目前端运行或打包提示内存溢出Javascript heap out of memory
我们使用的umi+dva+antd搭建的项目,因为项目越做越大遇到了此情况。 有时npm start运行不起来报错Javascript heap out of memory 有时运行的时间长了自动就会断开,提示Javascript heap out of memory 有时打包的时候也会提示内存溢出Javascript heap out of memory。 在网上找了好多方法试过都不行。最后找到一篇文章的回复的方法解决了此问题,在此记录下来希望对大家有帮...
2020-07-14 10:32:15
4482
1
原创 封装react-redux中的connect
每个组件引入connect后,发现会把当前store中的state都读取监听到,而且每次只要有一个state修改就会运行render的重新渲染,这样大大的降低了页面的效率,所以考虑了一下,可不可以把connect重新封装一下,让每个页面只读取自己需要的state状态!先在group文件夹中新建一个文件叫GroupState.js我们要把要用到的connect、bindActionCr...
2019-03-13 20:02:07
392
原创 vue 生命周期详解
组件从创建到销毁的一系列过程就叫做组件的生命周期vue在整个生命周期中为我们提供了一些钩子函数钩子函数的特点就是会在生命周期的某一时刻去进行触发组件的生命周期可以分为三个过程: 初始化、运行中、销毁初始化阶段钩子函数:beforeCreate created beforeMounte mounted运行中阶段钩子函数:beforeUpdate updated销毁中阶段钩子函数:be...
2019-03-11 20:03:40
165
原创 Vue指令总结
v-for:在vue中可以通过v-for来循环数据的通知循环dom,语法是item in/of items,接收第二个参数是索引 (item,index) of items,还可以循环键值对,第一个参数是value,第二个是key,第三个依然是索引v-on:在vue中还有v-on来为dom绑定事件,在v-on:后面加上要绑定的事件类型,值里可以执行一些简单javascript表达...
2019-03-07 20:48:09
241
原创 手写webpack配置React环境
一直用React脚手架做项目,今天突发奇想,想自己用webpack搭建了一下react的环境,结果真是历经千辛万苦,各种少模块,各种不兼容,最后终于成功了。保存下来以后好直接拿来用!webpack.config.jsconst baseConfig = require("./config/base")const devConfig = require("./config/dev")c...
2019-03-07 20:35:06
265
原创 VUE设计模式之MVVM和MVC的区别
VUE是基于MVVM的设计模式开发的,今天说一下MVC和MVVM的区别。MVC:m:model数据模型层 v:view视图层 c:controller控制器 原理:c层需要控制model层的数据在view层进行显示MVC两种方式,图片说明:代码实例:我们做一个很简单的DIV显示隐藏的效果,点击toggle可以切换下面div显示隐藏ht...
2019-03-01 09:44:02
6401
2
原创 MongoDB数据库的安装及用法
MongoDBwindows下 下载MongoDBwww.mongodb.org/downloadshttps://mongoose.kkfor.com/ 中文文档 shell(计算机壳层)在计算机科学中,Shell俗称壳(用来区别于核),是指“提供使用者使用界面”的软件(命令解析器)。它类似于DOS下的command.com和后来的cmd.exe。它接收...
2019-02-14 14:04:03
404
原创 promise的基本用法案例
promise的基本用法promise执行多步操作非常好用,那我们就来模仿一个多步操作的过程,那就以吃饭为例吧。要想在家吃顿饭,是要经过三个步骤的。1、洗菜做饭。2、坐下来吃饭。3、收拾桌子洗碗。这个过程是有一定的顺序的,你必须保证上一步完成,才能顺利进行下一步。我们可以在脑海里先想想这样一个简单的过程在ES5写起来就要有多层的嵌套。那我们现在用promise来实现。...
2019-02-14 13:46:50
317
原创 ES7中的异步async和异步等待await
异步async和异步等待await是什么?异步async做为一个程序猿大家一般都接触过,知道是什么意思。而在这里async主要是用于申请一个function函数是异步的!异步等待await是 async wait 的简写,await 只能出现在 async 函数中,一定要注意不能直接调用。因为await会造成程序阻塞,浪费资源!下面举例给大家说明一下:比方说我们要吃外卖,而外卖在楼...
2019-02-14 13:40:20
626
原创 移动端切图
作为一名刚接触移动端页面的前端人员,总会遇到很多问题,如为什么 head 那里要加 viewport meta,为什么背景图片要用 二倍图 等等。我相信也有很多人跟你说,加 viewport 是为了让页面不缩放,让页面在手机上能1:1显示;用 二倍图 是因为 retina 屏1个像素被分为4个像素,所以模糊了,需要用大一倍的图片,让其显示正常。或许你哦了一声后也一直这么做,但是你事实上并不明...
2019-02-11 09:10:04
965
原创 bootstrap入门
bootstrap 的学习非常简单,并且它所提供的样式又非常精美。只要稍微简单的学习就可以制作出漂亮的页面。bootstrap中文网:http://v3.bootcss.com/ bootstrap提供了三种类型的下载:-------------------------------------------------------------用于生产环境的 Bootstrap ...
2019-02-11 09:02:14
178
转载 Express介绍和安装及使用
一、Express介绍和安装(1)先在全局安装express模块npm install express -g/*输入下述命令,如果有提示,说明安装好了*/express -h/*如果提示错误,需要安装express-generator*/npm install express-generator -g(2)在使用express快速搭建一个项目初始化模板...
2019-01-31 12:29:42
17657
转载 NPM使用入门
如果我们要升级node,可以通过安装一个 n模块来完成操作。npm install n --global进行node升级,如果下载比较慢,那么需要大家进行翻墙操作。sudo n stable我们试着在全局安装一个插件npm install forever --global//可以简写成 npm i forever -g如果我们想卸载这个插件那么我...
2019-01-31 12:23:41
331
原创 JQuery中的on事件
on(events,[selector],[data],fn)概述在选择元素上绑定一个或多个事件的事件处理函数。 on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。在jQuery 1.7中,.on()方法 提供绑定事件处理程序所需的所有功能。帮助从旧的jQuery事件方法转换,see .bind(), .delegate(), 和 .live(). 要删除的.o...
2019-01-31 12:21:41
2023
原创 如何缩小网站图片,增加打开速度
举例说明:在Photoshop中,打个文件model.jpg 大小24.3M 长5480px 宽3632px根据网站需要,需要把它的长度限定在700px,如以下系列图所示: 我们这里质量设置为:70% 。另外,影美设计制作人员在此处有一遗漏,即:Progressive前面的勾一定要勾选上。这样一张影楼样片就成功的生成了,大小只有1...
2019-01-31 09:44:16
465
原创 CSS之nth-child用法
当我想要完美的使用:nth-child或者:nth-of-type的时候有点儿头晕。你越理解它们,就能写出越好的CSS规则!在这些简单的”秘方”(实际上是表达式)中我将重复的使用一个简单的列表并随即选择数字。但是很明显很容易改变它们以获得类似的选择器。 只选择第五个元素li:nth-child(5){color: green;}要选择第一个元素,你可以使用:first...
2019-01-31 09:42:02
1117
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人