在开发手机网页的时候(手机微信公众号的网页也类似),遇到一个需求,在使用手机真机查看网页效果的时候,需要看debug情况(例如console控制台、network网络发送情况等等),这个时候就没有在电脑上来的方便,不能很方便的打开控制台等。 这个时候,可以试试这个 https://github.com/Tencent/vConsole/blob/dev/README_CN.md 调试神器,一个轻量、可拓展、针对手机网页的前端开发者调试面板。 使用方法很简单,只要引入js,初始化一下即可(Vue下也兼容): <…

2022-12-07 0条评论 163点热度 0人点赞 admin 阅读全文

Lombok使⽤ 同时使⽤@Data和@Builder ,构建无参构造器报错!编译不通过。如下图: Lombok使⽤@Data可以⽣成⽆参构造和类⾥⾯所有属性的getter/setter⽅法。可以简化我们代码的开发。(需要安装Lombok插件和引⼊Lombok依赖)。 例如下⾯的⼀个实体类,引⼊Lombok后,可以⾃动⽣成GET/SET⽅法和⽆参构造函数。 编译后的class为:可以看到不仅帮我们生成了get和set ,同时也有默认的无参构造器   那么怎么自动生成有参构造器呢?使用@Builder注解,…

2022-12-06 0条评论 85点热度 0人点赞 admin 阅读全文

select查询语句是不会加锁的,但是select .......for update除了有查询的作用外,还会加锁呢,而且它是悲观锁。 那么它加的是行锁还是表锁,这就要看是不是用了索引/主键。 没用索引/主键的话就是表锁,否则就是是行锁。 验证: 建表sql //id为主键 //name 为唯一索引 CREATE TABLE `user` ( `id` INT ( 11 ) NOT NULL AUTO_INCREMENT, `name` VARCHAR ( 255 ) DEFAULT NULL, `age` INT…

2022-12-05 0条评论 78点热度 0人点赞 admin 阅读全文

vue组件非常常见的有父子组件通信,兄弟组件通信。而父子组件通信就很简单,父组件会通过 props 向下传数据给子组件,当子组件有事情要告诉父组件时会通过 $emit 事件告诉父组件。今天就来说说如果两个页面没有任何引入和被引入关系,该如何通信了? 如果咱们的应用程序不需要类似Vuex这样的库来处理组件之间的数据通信,就可以考虑Vue中的 事件总线 ,即   来通信。 EventBus 又称为事件总线。在Vue中可以使用 EventBus 来作为沟通桥梁的概念,就像是所有组件共用相同的事件中心,可以向该中心注册发送…

2022-12-04 0条评论 97点热度 0人点赞 admin 阅读全文

今天把主力开发工具 IDEA 升级到了2022.3了,出现一个问题,暗色主题(Darcula)下,代码提示框(或者是鼠标移到代码上的文档弹出框),始终是白色背景,很不协调,如图: 之前在升级新版本也有遇到过,但是升级后,IDEA修改了控制这个背景的选项,所以需要到新的地方去修改设置。 打开IDEA的设置 Setting->Editor->Color Schema->General,右侧找到Popups and Hints->Completion,把Background修改一个黑的颜色(我用的…

2022-12-03 0条评论 202点热度 0人点赞 admin 阅读全文

在发生重大哀悼事件时候,需要紧急将网站变灰以示哀悼,在此给大家总结了几种方法,通过简单修改一下站点样式即可实现。 另外主要方便快捷的方法是使用CSS样式的grayscale()方法。 grayscale() : 对图片进行灰度转换,grayscale是 <filter-function> 的子属性,当100%参数时候的效果如下: 最简单地把页面的<html>开始标签中间之间加: style="-webkit-filter: grayscale(100%);" 或者修改站点CSS样式 html…

2022-12-02 0条评论 141点热度 0人点赞 admin 阅读全文

因为一些原因(例如一些旧项目需要ActiveX控件等),需要支持旧版本IE浏览器,但是现在很多框架可能已经不支持IE浏览器,比如里面使用了一些IE不兼容的Array的方法,例如find,filter,map,findIndex,includes IE下可能会报如下错误:   以下代码,我把能想到的IE下可能不支持的方法列出来,并实现了,大家各取所需: if(!Array.prototype.find) { Array.prototype.find = function (callback) { retur…

2022-12-01 0条评论 120点热度 0人点赞 admin 阅读全文

Spring Boot是支持发布jar包和war的,但它推荐的是使用jar形式发布。使用jar包比较方便,但如果是频繁修改更新的项目,需要打补丁包,那这么大的jar包上传都是问题,另外还有可能需要将应用部署到Tomcat下运行。所以,jar包不一定合适适用所有的场景,如war包更合适,你可以尝试转为传统的war包,这样打补丁包可能更方便。 如何配置打war包呢? 以下配置以Maven为说明讲解,Gradle的查看类似配置。 1、修改Spring Boot启动类 启动类继承 SpringBootServletInit…

2022-11-30 0条评论 180点热度 0人点赞 admin 阅读全文

默认情况下用ApachePOI生成的Excel,单元格Cell所在的那一列(Column)的宽度都很窄,用户下载后,需要每一个单元格都手动拉宽才能显示内容,比较不方便。 POI中可以有以上几种方式,从代码中设置单元格宽度: 宽度的参数要乘以256,这是怎么回事呢?其实,这个参数的单位是1/256个字符宽度,20 * 256 就是20个字符的宽度 # 我们假设要给单元格设置宽度是20 (以下都要将需要的宽度乘以256传进去) # 设置Sheet下所有的单元格的默认宽度是20 sheet.setDefaultColum…

2022-11-29 0条评论 121点热度 0人点赞 admin 阅读全文

使用 Spring Boot 会涉及到各种各样的配置,如开发、测试、线上就至少 3 套配置信息了。Spring Boot 可以轻松的帮助我们使用相同的代码就能使开发、测试、线上环境使用不同的配置。 在 Spring Boot 里面,可以使用以下几种方式来加载配置。本章内容基于 Spring Boot 2.0 进行详解。 properties文件; YAML文件; 系统环境变量; 命令行参数; 等等…… 配置属性加载的顺序如下: 1、开发者工具 `Devtools` 全局配置参数; 2、单元测试上的 `@TestPr…

2022-11-28 0条评论 126点热度 0人点赞 admin 阅读全文
1234577