×

html5教程

案例:tab 栏切换(重点案例)(tab栏切换代码)

Aclitan Aclitan 发表于2024-06-27 浏览7247 评论0
案例:tab 栏切换(重点案例) 业务需求: 当鼠标点击上面相应的选项卡(tab),下面内容跟随变化。 案例分析: (1)Tab 栏切换有2个大的模块。 (2)上面的模块选项卡,点击某一个,当前这一个底色会是红色,其余不变(排他思想) ,修改类名的方式。 (3)下面的模块内容,会跟随上面的选项卡变化。所以下面模块变化写到点击事件里面。 (4)规律:下面的模块显示内容和上面的选项卡一一对应,相匹配。 (5)核心思路:给上面的 tab_list 里面的所有小 li 添加自定义属性,

html5

HTML5冲浪笔记(二)

Aclitan Aclitan 发表于2024-06-27 浏览13938 评论0
✍web前端剑法之HTML 🔥web前端剑法之HTML 地址 🔥HTML冲浪笔记(一) https://blog.csdn.net/Augenstern_QXL/article/details/115419453 🔥HTML5冲浪笔记(二) https://blog.csdn.net/Augenstern_QXL/article/details/115599059 ✍目录总览 1.HTML5提高 HTML5的新增特性主要是针对于以前的不足,增加了一些新的标签

golang

Java VS Go 还在纠结怎么选吗,(资深后端4000字带你深度对比)

Aclitan Aclitan 发表于2024-06-24 浏览5373 评论0
今天我们来聊一下Go 和Java,本篇文章主要是想给对后台开发的初学者和有意向选择Go语言的有经验的程序员一些建议,希望能帮助各位自上而下的来了解一下Java和Go的全貌。 作为一个多年的Java后端开发,用的时间久了就会发现Java语言一些问题,所谓婚前风花雪月,婚后柴米油盐,当年那些吸引我的优点,现在在我看来已经成缺点。而这个时候Go出现了,它带着更好的背景,更便利的语法,更快的速度来了,之前怕它乱来,但是也怕它不来,现在它来了,来的正当时。 当年Java凭借着跨平台和自动GC,并借

前端

【vue】vue3使用element ui

Aclitan Aclitan 发表于2024-06-23 浏览8133 评论0
element-ui支持vue2版本,当用vue3安装element-ui的时候会报错,这就需要安装element-plus版本来用到vue3项目中。 element-ui网址:https://element.eleme.cn/#/zh-CN/ element-plus网址:https://element-plus.gitee.io/zh-CN/ 1、首先安装element-plus npm install element-plus --save 可以在package.jso

html5

HTML5期末复习(html5期末作业)

Aclitan Aclitan 发表于2024-06-23 浏览7937 评论0
HTML5考的内容比较多、也比较杂,这里重点选几种经典例子来展示。 加载JSON数据并分页 题目 参照效果图设计一个可分页显示的表格,表格数据由json文件提供。 涉及到的颜色值可自行设定,但需要有一定的区分度,不可都用一种颜色。 素材提供了index.html文件,考生在此文件上补充内容完成整个页面效果。 样式表需要写在独立的样式表文件中,命名为“index.css”。 要考虑标题行、奇数行、偶数行、鼠标所在行的效果,其中标题行效果需加粗字体。 脚本可直接写在html文件中。

html5

前端图片加载优化,懒加载,按需加载,webp格式兼容性处理(web 前端图片懒加载实现原理)

Aclitan Aclitan 发表于2024-06-22 浏览7238 评论0
背景 网页中存在很多存储于腾讯云的CDN形式的高清图,大多为PNG格式,大小从几百kb到几十M不等,张数由1张到上百张不等。由此导致页面的图片加载缓慢。 前端解决方案: png格式转为webp格式(无损压缩) 图片按需加载。 针对以上两个方案需要注意的点如下: webp格式的兼容性处理 a):使用picture & source标签,source标签可以设定 <picture> <source type="MIME-TYPE" srcset=".

rabbitmq

Rabbitmq简单介绍(rabbitmq详解)

Aclitan Aclitan 发表于2024-06-20 浏览6564 评论0
先上流程图: publisher 消息的生产者 consumer 消费者 exchange 交换器 交换器的三种类型 direct(完全匹配) direct形式生产者会将消息发送到跟消息路由键完全一样的队列上,就是消息的路由键跟队列的路由键完全匹配,然后消费者消费这个队列的这条消息。 topic (主题,规则匹配) topic类型的交换器会跟据生产者的路由键路由到一个或多个queue上,更加灵活,其实就是路由键用了正则表达式进行匹配 fanout(广播) dire

scala

[1133]flink问题集锦(flink 问题)

Aclitan Aclitan 发表于2024-06-20 浏览7163 评论0
问题1: Could not get job jar and dependencies from JAR file: JAR file does not exist: -yn 原因:flink1.8版本之后已弃用该参数,ResourceManager将自动启动所需的尽可能多的容器,以满足作业请求的并行性。解决方法:去掉即可 问题2: java.lang.IllegalStateException: No Executor found. Please make sure

spring

IDEA:spring项目pom依赖无法导入,全线爆红解决办法(idea的pom依赖没导进去问题)

Aclitan Aclitan 发表于2024-06-20 浏览7776 评论0
我的Spring依赖导入爆红又一解决办法 解释一下我遇到问题产生的原因: 1.有可能是网络原因,从中央仓库下载到本地仓库,新的依赖下载不完整如图1所示 图1 解决办法: 1)找到自己配置maven的时候本地仓库位置, 根据需要的包名例如 import org.springframework.web.bind.annotation.RestController 2)从org包开始找直到找到所对应的包查看 G:\kuangji\apache-maven\repository_s