- 博客(202)
- 收藏
- 关注
原创 SpingBoot + Vue + Element UI + Echarts 整合的小 Demo
el-button @click=“fruitDelete(scope.row)” type=“text” size=“small”>删除。删除。编辑。取消。
2024-05-13 17:24:16
464
原创 day06 - 图片上传 + 富文本 + ECharts数据可视化
/上传图片数组pics: []},//上传图片的url地址//图片上传组件的headers请求头对象//保存预览图片的url地址//控制预览图片对话框的显示和隐藏},//在methods中添加事件处理函数methods:{//当用户点击图片进行预览时执行,处理图片预览//形参file就是用户预览的那个文件//显示预览图片对话框},//当用户点击X号删除时执行//形参file就是用户点击删除的文件//获取用户点击删除的那个图片的临时路径。
2024-05-10 15:39:49
856
原创 伪类 和伪元素 你混淆了吗?
* :out-of-range 伪类 *//* ::after 伪元素 只能有一个*//* 超出input的输入范围h2拼接 超出范围的文字 */content: ‘超出范围’;color: red;
2024-05-07 18:58:18
182
原创 vuex实现购物车的增加减少移除
, 100)},// 移出// console.log(params) //点击添加传过来的参数// 使用setTimeout模拟异步获取购物车的数据// 提交给mutations}, 100)// // 提交给mutations// “title”: ‘我是购物车原来的’,// }},getters: {//返回购物车的总价= 0) {})} else {return 0;},//返回购物车的总数},
2024-05-06 23:22:05
432
原创 vue3之setup的使用理解
/> ref同名属性,并使用ref(null)包装const ruleForm=ref(null)//通过ref或reactive包裹起来让其成为响应式数据//2.一旦后面return {ruleForm},vue3会自动绑定ref="ruleForm"的组件//设定方法,但是要通过ruleForm.value才能拿到组件ruleForm.value//通过ref包裹的数据需要使用.value来取得相应的值。
2024-05-06 18:58:33
828
原创 UI妹子说我用CSS实现毛玻璃效果的样子很帅(2)
card {模糊了吗?确实模糊了。但是有毛玻璃效果吗?没有,毛都没有。我们看下 用backdrop-filter是什么效果的。.card {看,这才是毛玻璃的效果好吧?为什么filter就不行了?google一下下。果然,和我猜测的一样(马后炮)那该怎么样才能模拟呢?因为是对图片效果才能模糊,想到一个好方法,就是我们要是能取父盒子的背景图片的一块 做为背景就好了。例如,在这里我们取索隆的半张脸作为card盒子的背景。该怎么取?这就有一个属性要登场啦。
2024-05-06 14:32:19
288
原创 jquery实现两个div中的元素相互拖动
123123123234234234234345345345345第二个实例:效果图:初始状态拖动中:拖动完成后代码实现:
2024-05-06 00:16:09
274
原创 HTML5 CSS3专题 诱人的实例 CSS3打造百度贴吧的3D翻牌效果(1)
transform-style 属性规定如何在 3D 空间中呈现被嵌套的元素。默认flat(平的),我们3D效果,然后选择3D。是否显示该选择元素旋转到背面后的样子。元素绕Y轴旋转。上面的属性先给大家一个感性的认识,看完例子再细细品味这些属性,或者baidu,google神马的。
2024-05-05 07:02:29
457
原创 Dom(十九) 文件(1)
返回值也是一个blob对象,可以使用这个将大文件分割成多个小文件上传,如果上传中断,下次上传使用相同的方法,可以继续上传,但是前段页面一般不用大文件上传,有很多局限。| drop | 目标元素上绑定drop事件, 并同时取消当前目标元素的dragover的默认事件, 当拖拽元素在目标元素上同时鼠标放开时触发事件.接收的是一个参数,最常见的是flle或者Blob,返回的是一个可以在浏览器中访问的地址,这个地址的生命周期是当前窗口,窗口关闭或者刷新就无效了。| dragstart | 在拖动时触发 |
2024-05-05 03:05:59
568
原创 「MySQL」- 初识 & 安装配置(1)
《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》,点击传送门,即可获取!数据库大体可以分为 关系型数据库 和 非关系型数据库 关系型数据库(RDBMS):是指采用了关系模型来组织数据的数据库。 简单来说,关系模型指的就是二维表格模型,而一个关系型数据库就是由二维表及其之间的联系所组成的一个数据组织。基于标准的SQL,只是内部一些实现有区别。常用的关系型数据库如:Oracle:Oracle公司产品,适合大型项目,适用于做复杂的业务逻辑,如ERP、OA等企业信息系 统 , 收费。My
2024-05-04 06:40:25
723
原创 ThreadLocal 源码分析
《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》,点击传送门,即可获取!public void setContent(String content) {Content = content;}public static void main(String[] args) {ThreadLocalTest test = new ThreadLocalTest();for (int i = 1; i {test.setConten
2024-05-04 04:53:39
952
原创 SpringMVC+Mybatis整合的增删改查
另一个就是我们所要返回的对应的Mapper接口了。利用上面的方法进行整合的时候,我们有一个Mapper就需要定义一个对应的MapperFactoryBean,当我们的Mapper比较少的时候,这样做也还可以,但是当我们的Mapper相当多时我们再这样定义一个个Mapper对应的MapperFactoryBean就显得速度比较慢了。mapperLocations:它表示我们的Mapper文件存放的位置,当我们的Mapper文件跟对应的Mapper接口处于同一位置的时候可以不用指定该属性的值。
2024-05-04 02:50:14
752
原创 SpringBoot-自动配置-源码解析
面试难免让人焦虑不安。经历过的人都懂的。但是如果你提前预测面试官要问你的问题并想出得体的回答方式,就会容易很多。此外,都说“面试造火箭,工作拧螺丝”,那对于准备面试的朋友,你只需懂一个字:刷!给我刷刷刷刷,使劲儿刷刷刷刷刷!今天既是来谈面试的,那就必须得来整点面试真题,这不花了我整28天,做了份“Java一线大厂高岗面试题解析合集:JAVA基础-中级-高级面试+SSM框架+分布式+性能调优+微服务+并发编程+网络+设计模式+数据结构与算法等”
2024-05-04 00:58:50
1012
原创 Spring Boot 集成 RocketMQ(1)
《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》,点击传送门,即可获取!生产者异步发送消息单向发送消息发送有序消息发送事务消息发送特殊标签(tag)消息发送批量消息消费者Pull模式高级ACL功能消息轨迹常见问题官网地址: https://github.com/apache/rocketmq-spring特性同步发送消息异步发送消息以单向模式发送消息发送有序消息发送批量消息发送交易消息发送具有延迟级别的预定消息以并发模式(广播/集群)消费消息消费有序消息使用标记或 sql92 表
2024-05-03 22:49:44
907
原创 Redis入门之Redis安装、配置及常用指令
谈到面试,其实说白了就是刷题刷题刷题,天天作死的刷。。。。。为了准备这个“金三银四”的春招,狂刷一个月的题,狂补超多的漏洞知识,像这次美团面试问的算法、数据库、Redis、设计模式等这些题目都是我刷到过的并且我也将自己刷的题全部整理成了PDF或者Word文档(含详细答案解析)66个Java面试知识点架构专题(MySQL,Java,Redis,线程,并发,设计模式,Nginx,Linux,框架,微服务等)+大厂面试题详解(百度,阿里,腾讯,华为,迅雷,网易,中兴,北京中软等)算法刷题(PDF)
2024-05-03 21:03:27
133
原创 Netty之JavaNIO编程模型介绍01
NIO的通道类似于流,但有些区别如下:通道可以同时进行读写,而流只能读或者只能写通道可以实现异步读写数据通道可以从缓冲读数据,也可以写数据到缓冲BIO 中的 stream 是单向的,例如 FileInputStream 对象只能进行读取数据的操作,而 NIO 中的通道(Channel)是双向的,可以读操作,也可以写操作。Channel在NIO中是一个接口public interface Channel extends Closeable{}
2024-05-03 19:08:56
760
原创 MySQL(七):MySQL的事务
由于文案过于长,在此就不一一介绍了,这份Java后端架构进阶笔记内容包括:Java集合,JVM、Java并发、微服务、SpringNetty与 RPC 、网络、日志 、Zookeeper 、Kafka 、RabbitMQ 、Hbase 、MongoDB、Cassandra 、Java基础、负载均衡、数据库、一致性算法、Java算法、数据结构、分布式缓存等等知识详解。本知识体系适合于所有Java程序员学习,关于以上目录中的知识点都有详细的讲解及介绍,掌握该知识点的所有内容对你会有一个质的提升,
2024-05-03 12:29:58
879
原创 Linux指令及用法总结(附举例)(1)
《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》,点击传送门,即可获取!用户组案例请将/home/abc.txt文件的所在组修改成shaolin(少林)请将/home/kkk目录下所有的文件和目录的所在组都修改成shaolin(少林)运行级别指令init 3切换为多用户状态有网络服务无界面init 5切换为多用户状态有网络服务有界面(耗费资源)init 0关机帮助指令获得帮助信息,基本语法man [命令或配置文件](功能描述:获得帮助信息)案例:查看ls命令的帮助信息在linux
2024-05-03 10:38:30
1047
原创 jdk都出到16了8还没掌握吗?挽周带你玩转java8新特性(建议收藏)
Java架构学习技术内容包含有:Spring,Dubbo,MyBatis, RPC, 源码分析,高并发、高性能、分布式,性能优化,微服务 高级架构开发等等。还有Java核心知识点+全套架构师学习资料和视频+一线大厂面试宝典+面试简历模板可以领取+阿里美团网易腾讯小米爱奇艺快手哔哩哔哩面试题+Spring源码合集+Java架构实战电子书+2021年最新大厂面试题。《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》点击传送门,即可获取!
2024-05-03 08:48:38
968
原创 Java程序设计(面向对象)- 设计原理
Java架构进阶面试及知识点文档笔记这份文档共498页,其中包括Java集合,并发编程,JVM,Dubbo,Redis,Spring全家桶,MySQL,Kafka等面试解析及知识点整理Java分布式高级面试问题解析文档其中都是包括分布式的面试问题解析,内容有分布式消息队列,Redis缓存,分库分表,微服务架构,分布式高可用,读写分离等等!互联网Java程序员面试必备问题解析及文档学习笔记Java架构进阶视频解析合集《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》
2024-05-03 07:07:22
570
原创 Java岗大厂面试百日冲刺 - 日积月累,每日三题【Day38】—— 实战那些事儿2
索引列不能参与计算,保持列“干净”,比如from_unixtime(create_time) = ’2014-05-29’就不能使用到索引,原因很简单,b+树中存的都是数据表中的字段值,但进行检索时,需要把所有元素都应用函数才能比较,显然成本太大。例如你无法将HTTP请求的上下文引入到调度策略中,而在前面介绍的基于HTTP重定向的负载均衡系统中,调度器工作在HTTP层面,它可以充分理解HTTP请求后根据站点的应用逻辑来设计调度策略,比如根据请求不同的URL来进行合理的过滤和转移。
2024-05-03 05:31:51
1124
原创 Java内存模型
synchronized:具有原子性,有序性和可见性;volatile:具有有序性和可见性;final:具有可见性内存屏障我们都知道,为了性能优化,JMM在不改变正确语义的前提下,会允许编译器和处理器对指令序列进行重排序,那如果想阻止重排序要怎么办了?答案是可以添加内存屏障。内存屏障JMM内存屏障分为四类| 屏障类型 | 指令示例 | 说明 |LoadLoad;Load2 | 确保Load1的数据的装载先于Load2及所有后续装载指令的装载 |StoreStore;
2024-05-03 03:47:56
1063
原创 Java8新特性Lambda表达式&Stream流&方法引用最全集锦
《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》,点击传送门,即可获取!677++++++++171220++++++++12.2787241423669111.73208544973619512.196509449817267++++++++为了消除冗余代码,我创建了一个泛型方法 (在讲解泛型之前就使用这个特性,确实有点作弊,但是回报是值得的)。类型参数 可以是任何类型,所以这个方法对 Integer、Long 和 Double 类型都生效。但是 Random 类只能生成
2024-05-03 02:02:35
543
原创 IntelliJ IDEA这样配置,代码效率嗖嗖的
对于面试还是要好好准备的,尤其是有些问题还是很容易挖坑的,例如你为什么离开现在的公司(你当然不应该抱怨现在的公司有哪些不好的地方,更多的应该表明自己想要寻找更好的发展机会,自己的一些现实因素,比如对于我而言是现在应聘的公司离自己的家更近,又或者是自己工作到达了迷茫期,想跳出迷茫期等等)Java面试精选题、架构实战文档你的支持,我的动力;祝各位前程似锦,offer不断!《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》点击传送门,即可获取!*支持我们吧!
2024-05-03 00:13:49
768
原创 Helm部署和体验jenkins
为什么我不完全主张自学?①平台上的大牛基本上都有很多年的工作经验了,你有没有想过之前行业的门槛是什么样的,现在行业门槛是什么样的?以前企业对于程序员能力要求没有这么高,甚至十多年前你只要会写个“Hello World”,你都可以入门这个行业,所以以前要入门是完全可以入门的。②现在也有一些优秀的年轻大牛,他们或许也是自学成才,但是他们一定是具备优秀的学习能力,优秀的自我管理能力(时间管理,静心坚持等方面)以及善于发现问题并总结问题。
2024-05-02 17:52:09
1045
原创 2024阿里技术总监最新发布:Java一线大厂高频面试题500道
既然是要面试,那么就少不了刷题,实际上春节回家后,哪儿也去不了,我自己是刷了不少面试题的,所以在面试过程中才能够做到心中有数,基本上会清楚面试过程中会问到哪些知识点,高频题又有哪些,所以刷题是面试前期准备过程中非常重要的一点。既然是要面试,那么就少不了刷题,实际上春节回家后,哪儿也去不了,我自己是刷了不少面试题的,所以在面试过程中才能够做到心中有数,基本上会清楚面试过程中会问到哪些知识点,高频题又有哪些,所以刷题是面试前期准备过程中非常重要的一点。第四部分:分布式(限流:ZK+Nginx;
2024-04-30 15:12:55
559
原创 普通二本如何才能进入腾讯、阿里、百度这些大厂做前端开发?(1)
一个好的心态和一个坚持的心很重要,很多冲着高薪的人想学习前端,但是能学到最后的没有几个,遇到困难就放弃了,这种人到处都是,就是因为有的东西难,所以他的回报才很大,我们评判一个前端开发者是什么水平,就是他解决问题的能力有多强。分享一些简单的前端面试题以及学习路线给大家,狂戳这里即可免费领取由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
2024-04-29 14:12:21
1184
2
原创 操作系统之课程设计常用磁盘调度算法的实现,附源码
你要问前端开发难不难,我就得说计算机领域里常说的一句话,这句话就是『难的不会,会的不难』,对于不熟悉某领域技术的人来说,因为不了解所以产生神秘感,神秘感就会让人感觉很难,也就是『难的不会』;当学会这项技术之后,知道什么什么技术能做到什么做不到,只是做起来花多少时间的问题而已,没啥难的,所以就是『会的不难』。我特地针对初学者整理一套前端学习资料,免费分享给大家,戳这里即可免费领取for(j=l;j>=0;j–)for(j=r;j
2024-04-23 12:03:39
1153
原创 手写Promise源码
分享一套阿里大牛整理的前端资料给大家,点击前端校招面试题精编解析大全即可免费下载try {reject(e)}, 0)try {reject(e)}, 0)} else {try {reject(e)}, 0)});});// 在类当中建立一个方法,并且接收一个回调函数作为参数,不管成功或失败,都要调用该回调函数/**通过then方法得到当前promise对象的状态。
2024-04-23 09:53:59
636
原创 循序渐进VUE+Element 前端应用开发(8)--- 树列表组件的使用
这里列表里面增加了一个第三方组件 splitpanes,用来划分区块展示,而且可以拖动,非常不错,地址是:https://github.com/antoniandre/splitpanes。代码能力一定要注重,尤其是很多原理性的代码(之前两次让我写过Node中间件,Promise.all,双向绑定原理,被虐的怀疑人生)!为了在列表结合中进行快速的过滤,我们可以在上次介绍的列表界面里面增加一个树列表的快速查询处理。我的列表界面使用了两个Panel即可实现左侧树的展示,和右侧常规列表查询的处理。
2024-04-23 00:34:35
1062
原创 学习vue源码(7)手写解析器
整理面试题,不是让大家去只刷面试题,而是熟悉目前实际面试中常见的考察方式和知识点,做到心中有数,也可以用来自查及完善知识体系。《前端基础面试题》,《前端校招面试题精编解析大全》,《前端面试题宝典》,《前端面试题:常用算法》PDF完整版点击这里免费领取// 每当解析到标签的开始位置时,触发该函数},end () {// 每当解析到标签的结束位置时,触发该函数},// 每当解析到文本时,触发该函数},// 每当解析到注释时,触发该函数})
2024-04-22 17:33:20
436
原创 如何在 JavaScript 中等分数组
javascript是前端必要掌握的真正算得上是编程语言的语言,学会灵活运用javascript,将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识,而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的,直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后,发现暂时没有提升的空间,我们可以暂时放一放。继续下面的学习,javascript贯穿我们前端工作中,在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解,关键是灵活运用。
2024-04-22 14:04:49
482
原创 基于 Vue 的前端架构,我做了这 15 点(1)
基础知识是前端一面必问的,如果你在基础知识这一块翻车了,就算你框架玩的再6,webpack、git、node学习的再好也无济于事,因为对方就不会再给你展示的机会,千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多,并不是理解就ok了,有些是真的要去记。当然了我们是牛x的前端工程师,每天像背英语单词一样去背知识点就没必要了,只要平时工作中多注意总结,面试前端刷下题目就可以了。什么?你问面试题资料在哪里,这不是就在你眼前吗(滑稽Modules。
2024-04-22 12:28:20
747
原创 动手造轮子:实现一个简单的-AOP-框架
前端CSS面试题文档,JavaScript面试题文档,Vue面试题文档,大厂面试题文档,需要的读者可以戳这里免费领取!JavaScript面试题文档,Vue面试题文档,大厂面试题文档,需要的读者可以戳这里免费领取!**[外链图片转存中…(img-QSNG4Awy-1713731713881)][外链图片转存中…(img-mjpeus7I-1713731713882)]
2024-04-22 04:36:30
950
原创 前端提高篇(四十四)CSS练习3:flex布局(导航栏,两列三列布局)
一般两列布局会在父级设置一个最小宽度min-width,当浏览器的宽度小于这个值时,下方出现滚动条,页面从左到右滚动看全貌。当两个子div不能充满父级时,2子由于设置了flex-grow,而1子的flex-grow为0,所以多余的宽度都给了2。两个子div,第一个子div设定宽度,第二个不设宽度,但设置了felox-grow:1;即使li个数不定,可能4个可能5个,依然不会超出ul,flex-shrink默认为1;在两列的基础上,加第三个div,并设置它的宽度和背景颜色。各li1:1比例缩放,充满ul;
2024-04-22 03:20:20
465
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅