前端之梦~代码之美(H5+CSS3+JS.
分享
扫一扫
文章平均质量分 95
以兴趣为导火索，介绍各种由Html、CSS、JavaScript等实现的前端界面以及各种特效的实现。一起成就你我前端之梦，奥利给！（补充：前端面试&笔试题目精解）（注：该专栏将长期更新，欢迎大家订阅交流！）
优惠券已抵扣
余额抵扣
还需支付
¥49.90
¥99.00
购买须知?
本专栏为图文内容，最终完结不会低于15篇文章。
订阅专栏，享有专栏所有文章阅读权限。
本专栏为虚拟商品，基于网络商品和虚拟商品的性质和特征，专栏一经购买无正当理由不予退款，不支持升级，敬请谅解。
追光者♂
人生如梦，醒悟皆空。(目前主要研究内容：图数据挖掘、智能交通系统)
展开
-
【前端面试精解 ~Ⅰ】走进大厂，不再是梦| 深度剖析 GET和POST的区别 | 何为RESTFUL-API | 对象化输出DOM结构 | JS性能优化之V8隐藏类 | 前端调试之console全解
这是一篇我精心总结的关于2023前端面试的文章，涵盖了一系列重要知识。其中包括了get和post两种HTTP请求方法的区别，以及RESTful API的概念和用法。此外，还介绍了JS性能优化中的隐藏类方法，对JS学习路线进行了汇总，并分享了前端调试技巧。文章还涉及到了变量提升、递归逻辑等JS相关议题。通过这些内容，带你可以深入了解和巩固自己在前端领域的知识和技能。2023，走进大厂，不再是梦！原创 2023-07-02 10:42:13 · 324 阅读 · 0 评论
-
【罗盘时钟（星空版）---使用html,js,css编写。（附全部源代码+效果）】| 面试题：什么是性能优化？列举一些常见的前端性能优化策略；CDN加速，缓存，HTTP请求次数，懒加载
效果换个背景：源代码index.html<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>CSDN---追梦者</title><link rel="stylesheet" href="css/clock.css"></head><body><ul class="clock" id="原创 2021-07-26 21:43:30 · 53695 阅读 · 132 评论 -
【浪漫 罗盘时钟 Js、css实现（附源代码） 美化版本】
效果代码clock.cssbody{ font-size: 14px; color: white; font-family: 'Microsoft YaHei', 'Times New Roman', Times, serif; background: url(../image/16.jpg) no-repeat; padding: 0; margin: 0; background-size: cover; -webkit-backgr原创 2020-12-31 18:54:46 · 5505 阅读 · 3 评论 -
【罗盘时钟---使用html,js,css编写。附源代码及效果】
代码罗盘效果.html<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>js罗盘时钟原创 2020-11-20 18:50:31 · 67454 阅读 · 112 评论 -
【html----花瓣特效(附源代码)】
代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE>2019年最好看的花瓣</TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords原创 2020-11-09 21:05:36 · 17022 阅读 · 18 评论 -
【HTML+CSS+JavaScript】520趣味动态表白特效（附源代码）| 网络工程师面试题：什么是负载均衡？有哪些常见的负载均衡算法？
【HTML+CSS+JavaScript】520趣味动态表白特效（附源代码）| 网络工程师面试题：什么是负载均衡？有哪些常见的负载均衡算法？原创 2024-12-28 23:40:53 · 73 阅读 · 0 评论 -
【HTML5+CSS3+JavaScript酷炫前端特效】通过英文字母生成动态感人爱心 | 爱心表白 | 面试题：什么是 HTTP 和 HTTPS？它们有什么区别和优劣势？
【HTML5+CSS3+JavaScript酷炫前端特效】通过英文字母生成动态感人爱心 | 爱心表白 | 面试题：什么是 HTTP 和 HTTPS？它们有什么区别和优劣势？原创 2024-07-31 09:00:00 · 123 阅读 · 0 评论 -
【HTML5+JavaScript+CSS3】空间百宝箱特效（附源代码）| 网络工程师面试题：什么是 VLAN？它在网络中起到什么作用？| 创建 VLAN，配置 VLAN 接口...
【HTML5+JavaScript+CSS3】空间百宝箱特效（附源代码）| 网络工程师面试题：什么是 VLAN？它在网络中起到什么作用？原创 2024-06-24 11:42:09 · 190 阅读 · 2 评论 -
2023年就要结束了，让我们看一场烟花，与过往做个告别吧！【HTML5 + CSS3 + JavaScript】前端酷炫表白代码（附带绝美烟花特效）| 附：源代码
大家好！分享一个通过前端技术实现的酷炫烟花表白特效。希望大家喜欢！祝要表白的朋友成功！祝已经脱单的朋友长长久久。原创 2023-12-30 11:01:42 · 1062 阅读 · 0 评论 -
【HTML5+JavaScript+CSS3 前端游戏开发】做个有趣的游戏吧：“奔跑吧兔子~！” ——附源代码哦~
大家好！今天分享一款通过前端技术实现的“奔跑的兔子”为主题的小游戏（简单且有趣），可以直接在浏览器端运行测试，界面美观，附带源代码和下载链接，希望大家喜欢哦~原创 2023-12-12 08:29:05 · 235 阅读 · 0 评论 -
【酷炫前端特效】2024年了，还有人在写3D旋转相册吗？| 完整教程（完整代码），支持女神照片替换！| 网络工程师面试题：假设你要设计一个支持百万用户的高可用架构，你会采用什么网络设计方案？
【酷炫前端特效】2024年了，还有人在写3D旋转相册吗？| 完整教程（完整代码），支持女神照片替换！| 网络工程师面试题：假设你要设计一个支持百万用户的高可用架构，你会采用什么网络设计方案？原创 2024-07-15 10:16:37 · 198 阅读 · 2 评论 -
酷炫【HTML+CSS+JavaScript】前端特效（附源代码）——动态3D立体旋转女友相册 | 基于前端技术的动态3D立体旋转女友相册 | 快为你的女朋友制作一个吧！（源代码获取）
酷炫【HTML+CSS+JavaScript】前端特效（附完整源代码）——动态3D立体旋转女友相册 | 基于前端技术的动态3D立体旋转女友相册 | 快为你的女朋友制作一个吧！（源代码获取）原创 2024-04-12 13:46:49 · 323 阅读 · 0 评论 -
【Java】使用idea时遇到的 JetbrainsAgent loads sucessfully 记录 | 面试题：解释什么是渐进增强（Progressive Enhancement）和优雅降级（G
在使用idea时遇到的问题，记录一下。百度翻译了一下这句话：JetbrainsAgent loads sucessfully!JetbrainsAgent 装载成功！以及弹框中的具体内容及其翻译：This agent is for learning and research purposes only. Do not use itfor commercial purposes! For commercial use, please contact theJetbrains to pur原创 2022-03-22 20:15:31 · 998 阅读 · 1 评论 -
【MySQL中auto_increment有什么作用？】| 前端面试：实现一个简单的节流函数（Throttle）和防抖函数（Debounce）。
目录问题来源解释注意事项问题来源很多时候，MySQL语句中会出现【auto_increment】这个词汇，大多数时候，表都是自动生成的，刚开始学习MySQL数据库时会学习到，后来，渐渐地可能会忘记，那么这个语句的作用到底是什么意思？下面，来汇总一下：解释auto_increment是用于主键自动增长的，从1开始增长，当你把第一条记录删除时，再插入第二跳数据时，主键值是2，不是1。例如：create table test(id int(10) not null auto_increment,原创 2022-02-02 11:21:36 · 36186 阅读 · 0 评论 -
2021年12月31日，我回来了 | 前端面试：请分析一下京东商城的身份认证与授权 | 系统架构师 面试：如果有多个服务需要协同处理一个请求，你会选择使用什么方式进行服务之间的通信？
Hi！大家好，我是【追光者♂】！一个平平无奇的在C站记录个人学习与工作中的小bug的，小技巧的平凡的普通人。2021.3—2021.12, 9个月以来，博主一直在准备考研，无论结果如何，这一路都不后悔。有很多话想说，暂时先编辑到此，以后有空再记录！最后祝各位：2022新年快乐！系统架构师 面试：如果有多个服务需要协同处理一个请求，你会选择使用什么方式进行服务之间的通信？...原创 2021-12-31 19:27:02 · 463 阅读 · 1 评论 -
【Springboot项目中pom文件parent报错的解决方法】~ ~ 详细教程 | 面试题：介绍一下常见的前端框架，例如React、Vue和Angular，它们有什么区别和特点。
目录（一）问题说明（二）解决方法（1）配置maven环境（2）修改settings.xml文件（3）修改的方法（4）配置maven信息（5）选中修改的文件（6）update maven（一）问题说明我们在Eclipse中开发springboot项目时经常会遇到pom文件中的jar包下载不下来的情况，最经典的就是springboot的parent依赖jar包报错无法下载，其根本原因就是远程仓库的地址有问题，今天来给大家介绍一下解决方法。（二）解决方法（1）配置maven环境首先你要在你的电脑上配原创 2021-07-19 22:19:04 · 4467 阅读 · 1 评论 -
【Eclispe导入项目的配置文档（可持续更新，欢迎补充~~）】开发环境 + 项目配置 + 项目乱码问题解决 | 前端面试题：请解释一下什么是 AJAX，以及如何使用 AJAX 发送请求。
目录（一）说明（二）配置文档（1）开发环境（2）项目配置（3）项目乱码问题（三）项目部署（一）说明一般情况下，将一个外部项目导入Eclipse中时，常常会有一些错误，那么我们将项目导入文档之后，该如何做呢？（二）配置文档（1）开发环境1.jkd配置首先安装好JDK，一般使用1.7版本的JDK（使用1.8一般也可以~~）。配置好JDK环境变量。参考文档如下： https://jingyan.baidu.com/article/fedf0737764d2935ac897730.html2.安原创 2021-07-18 19:08:18 · 308 阅读 · 0 评论 -
【HTML5+JavaScript+CSS3】3D空间环绕旋转特效（效果+源码+可理解的注释）
分享一个近期通过前端技术【HTML5+JavaScript+CSS3】实现的3D空间环绕旋转特效。很炫酷，希望大家喜欢！【HTML5+JavaScript+CSS3】3D空间环绕旋转特效（效果+源码+可理解的注释）原创 2024-08-19 07:26:39 · 210 阅读 · 0 评论 -
【HTML+CSS+JS】炫彩旋转花环特效——附源代码（简单易懂，index.html + style.css + index.js）
今天我们分享一个通过前端技术（HTML+CSS+JavaScript）实现的酷炫旋转花环特效，包含效果的展示以及完整源代码。希望大家喜欢！原创 2024-03-22 13:59:58 · 110 阅读 · 0 评论 -
【2023七夕】星河漫舞，七夕的璀璨之夜。分享：七夕表白的前端特效（附完整原代码+详细注释），情不知何起，却一往情深。愿天下有情人终成眷属
七夕于我们而言，是中国人独有的浪漫。今天是2023年的七夕节，不知此刻的你，在哪里度过呢？是否依然孤身一人。没有关系！那就来学一个前端特效吧！（bushi）本篇分享一个由前端技术实现的表白特效（包含完整的源代码，可以直接运行）~ 希望大家喜欢！如果还是一个人的话，那也没关系，一个人有一个人的趣味！原创 2023-08-22 10:53:31 · 1600 阅读 · 2 评论 -
前端实战系列：【2023酷炫前端特效】HTML蜂巢特效（附完整可执行代码 + 全网唯一！超详细注释分析 (熬夜换来的...)，让你看得懂，敲的出代码！
分享一款通过前端技术实现的HTML酷炫蜂巢特效，包含完整的详细源代码，可以直接运行查看效果。另外为了方便大家学习，也方面小白看得懂，特地添加了完整的十分详细的注释。写作不易！喜欢的朋友，点个赞吧！祝大家学习顺利！原创 2023-08-16 15:46:52 · 451 阅读 · 0 评论 -
【致敬IT女神】送给她——一颗“暖暖的”爱心；HTML悬浮摆动字体特效；HTML横幅字体轮播特效；| 附：R语言 & RStudio 安装部署教程；详细教学【R语言包管理】安装/加载/更新/移除..
慈母手中线，游子身上衣。临行密密缝，意恐迟迟归。谁言寸草心，报得三春晖。恰逢2023年三月八日国际妇女节来临之际，这一次，让我们把祝福，送给全天下所有的母亲！（附：R语言/RStudio详细安装部署、R语言包管理详细教学）原创 2023-03-04 16:51:17 · 415 阅读 · 2 评论 -
【Origin科研绘图】如何快速绘制一个折线图 ||【前端特效】爱心篇 之 幸好有你 || 泰坦尼克号——乘客生存与否 预测 || PyCharm使用介绍
【Origin科研绘图】如何快速绘制一个折线图 ||【前端特效】爱心篇 之 幸好有你 || 泰坦尼克号——乘客生存与否 预测 || PyCharm使用介绍。原创 2023-02-27 20:30:09 · 1367 阅读 · 3 评论 -
2022年的1024了！| 关于1024，都有哪些有趣的事儿？——1024的那些故事！| 酷炫前端1024趣味粒子特效（附源码）| 附：搞怪鼠标点击，越点越大特效（附源码）
当提到1024，很多人会立刻想到计算机领域中的数字，其代表2的10次方，即2的幂。这一天，既然大家的节日，也是我的生日，1024，祝大家节日快乐！！！祝我生日快乐！原创 2022-10-24 08:30:00 · 555 阅读 · 2 评论 -
【HBuilder X 常用快捷键总结】代码自动检测报错功能，下载插件 | 附：HBuilder (基础) 代码示例
用HBuilder X写代码的时候，也想要eclipse和idea一样的自动提示报错，是因为没有下载一些插件，下面说一下载插件的方法：首先打开 开发工具：点击菜单栏的 工具->插件安装：选择 安装新插件->前往插件市场安装：在插件市场搜索需要的插件：注意：htmlhint（html语法校验插件）stylelint（css、less、sass语法校验插件）等eslint 用于校验js和html中的js代码eslint-plugin-vue vue语法校验。。。。。。。原创 2021-03-03 14:50:09 · 6747 阅读 · 1 评论 -
【贪吃蛇-----html实现（附源代码）】| 网络工程师面试题：什么是网络隧道？它在网络中的作用和应用场景是什么？
【贪吃蛇-----html实现（附源代码）】网络工程师面试题：什么是网络隧道？它在网络中的作用和应用场景是什么？原创 2020-12-21 13:51:39 · 3259 阅读 · 1 评论 -
24【C语言趣味练习】“自守数” &&【HTML】彩色炫动爱心表白（效果+源代码）
24【C语言趣味练习】“自守数” &&【HTML】彩色炫动爱心表白（效果+源代码）。目录一为有趣的C语言练习；目录二为另外一个HTML爱心特效分享。原创 2023-02-04 11:17:40 · 617 阅读 · 0 评论 -
23【C语言趣味练习】“亲密数字” &&【HTML】爱心特效（效果+源代码）
23【C语言趣味练习】“亲密数字” &&【HTML】爱心特效（效果+源代码）原创 2023-02-03 20:24:21 · 631 阅读 · 0 评论 -
【写在除夕前夕】我辗转许久，驻足良久，2023，新年快乐。【HTML鼠标跟随爱心特效】鼠标飞舞之处，爱亦生生不息。
写在除夕前夕。祝福大家在2023年一切都好！原创 2023-01-20 21:58:33 · 1937 阅读 · 0 评论 -
【HTML+CSS+JavaScript】动感爱心—— I love you~
分享【HTML+CSS+JavaScript】动感爱心 特效，希望大家喜欢~原创 2023-01-11 06:45:00 · 517 阅读 · 0 评论 -
支持自定义的波浪特效（源代码+效果）| 系统架构师面试：在高并发场景下，如何优化系统的性能？请列举一些常见的性能优化策略。| 分布式部署，缓存优化，数据库优化，前端优化，消息队列优化，代码优化
大家好，分享一个支持自定义的波浪的效果，希望大家喜欢！| 系统架构师面试：在高并发场景下，如何优化系统的性能？请列举一些常见的性能优化策略。原创 2022-12-30 07:15:00 · 375 阅读 · 0 评论 -
炫美泡泡飞舞特效（源代码+效果）| 人工智能 面试题：请介绍一下生成对抗网络（GAN）中的条件生成模型（Conditional Generation）。
大家好，分享一个“泡泡飞舞”的特效，希望大家能够喜欢！| 人工智能 面试题：请介绍一下生成对抗网络（GAN）中的条件生成模型（Conditional Generation）。原创 2022-12-29 07:30:00 · 298 阅读 · 2 评论 -
看，是光点，是点，也是光。（效果+源代码）| 人工智能 面试题：请介绍一下图卷积神经网络（Graph Convolutional Network，GCN）的原理和应用。
大家好，分享一个简单的“光点”特效，希望大家喜欢！| 人工智能 面试题：请介绍一下图卷积神经网络（Graph Convolutional Network，GCN）的原理和应用。原创 2022-12-29 08:15:00 · 306 阅读 · 1 评论 -
一只小海豚（效果+代码）| 人工智能 面试题：请介绍一下序列到点（Sequence-to-Point）模型及其在自然语言处理中的应用。
大家好，分享 一个 “一只小海豚”的效果，希望大家喜欢！人工智能 面试题：请介绍一下序列到点（Sequence-to-Point）模型及其在自然语言处理中的应用。原创 2022-12-28 11:34:21 · 334 阅读 · 1 评论 -
就让烟花来代替我对你的祝福叭 ~ 【生日快乐-简单烟花祝福特效】
就让烟花来代替我对你的祝福叭 ~ 【生日快乐-简单烟花祝福特效】原创 2022-12-28 10:02:43 · 460 阅读 · 1 评论 -
分享过几个【贪吃蛇】了，再分享一下也不过分吧？(妙趣横生)
分享过几个【贪吃蛇】了，再分享一下也不过分吧？(妙趣横生)原创 2022-12-28 08:00:00 · 621 阅读 · 1 评论 -
【HTML烟花】虽然小众，但每个人的心中都会有属于自己的炫美烟花吧。2022即将过去，2023，你有什么新的期待吗？
写在前面：2022就要离去，2023即将到来。每一年，都是新的开始。烟花，总是会带有不同的美丽。它的美，也许，会让很多失意的人们，再次看到自己未来的希冀。原创 2022-12-27 20:56:14 · 530 阅读 · 0 评论 -
【2022圣诞】分享最近的几篇关于“圣诞树”的趣味code（Python、HTML等实现）| 人工智能 面试题：什么是强化学习？请解释一下强化学习中的状态、动作和奖励的概念。
【2022圣诞】分享最近的几篇关于“圣诞树”的趣味code（Python、HTML等实现）| 人工智能 面试题：什么是强化学习？请解释一下强化学习中的状态、动作和奖励的概念。原创 2022-12-25 19:49:53 · 411 阅读 · 0 评论 -
【Html圣诞树】2022年的圣诞节了，祝大家节日快乐。
【Html圣诞树】2022年的圣诞节了，祝大家节日快乐。原创 2022-12-25 14:32:44 · 1284 阅读 · 0 评论 -
【Html奇妙爱心】效果+全部源代码 | 人工智能 面试题：解释一下高斯过程回归（Gaussian Process Regression）的原理和应用场景
【Html奇妙爱心】效果+全部源代码 | 人工智能 面试题：解释一下高斯过程回归（Gaussian Process Regression）的原理和应用场景。原创 2022-12-21 21:03:17 · 325 阅读 · 0 评论