前端知识
[HTML]Web前端开发技术11（HTML5、CSS3、JavaScript ）页面布局设计 “三行模式”或“三列模式”“三行二列”“三行三列”模式 多行多列复杂模式水平导航菜单——喵喵画网页
2024-01-24 15:01:15
966
207
页面布局设计 “三行模式”或“三列模式” “三行二列”、“三行三列”模式 多行多列复杂模式导航菜单设计 一级水平导航菜单 二级水平导航菜单课后练习网页标题：1行1列网页标题：3行1列网页标题：1行2列网页标题：3行2列网页标题：4行3列
2024-01-24 15:01:28
885
421
使用Echarts绘制中国地图，其中地图点信息由JSON文件编写，前端html直接从JSON文件中读取地区数据，渲染到前端即可。详细介绍用到的各个功能！代码直接复制运行即可！_echarts中国地图
2024-01-25 11:01:21
576
731
?环境保护、? 保护地球、? 校园环保、?垃圾分类、??绿色家园、等网站的设计与制作。⭐ 总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div css布局、浮动、定位、高级css、表格、表单及验证、js轮播图、音频 视频 Flash的应用、ul li、下拉导航栏、鼠标划过效果等知识点，网页的风格主题也很全面：如爱好、风景、校园、美食、动漫、游戏、咖啡、音乐、家乡、电影、名人、商城以及个人主页等主题，学生、新手可参考下方页面的布局和设计和HTML源码（有用点赞△）? 一套A 的网...
2024-01-27 00:01:50
800
635
html5实现最震撼公司年会抽奖（源码），年会抽奖源码，可以直接配置员工信息然后使用的，实现动态配置员工信息，实现员工只能中一次奖，实现奖品可灵活配置，实现样式灵活调整，实现抽奖酷炫音效，并且有多种震撼音效可选，可以直接运行index.html使用。_年会抽奖代码
2024-01-27 00:01:43
839
128
横向二级导航菜单Web页面设计实例
2024-01-27 00:01:26
902
714
一眨眼，马上就2023年了，祝大家在新的一年里：身体健康平安，生活充实饱满，事业步步高升，心情阳光灿烂，财运滚滚而来，家庭美满幸福，新年开心快乐!本文将给大家分享一些跨年代码，基础效果只有倒计时，高级效果加入了烟花和雪花。高级效果1下载地址：2023跨年烟花 雪花高级效果2下载地址：2023跨年跳转烟花文字文字、背景音乐、倒计时时间可以自己更改。上面只是一个动图，时间会一直倒计时的。背景音乐是黄霄云的星辰大海（音乐链接可能失效，自己改audio里面的音乐链接，找不到音乐链接的去看我的文章：如何找音乐_跨年代码
2024-01-27 00:01:17
447
823
今天就是除夕了，新年怎么能少得了烟花呢？虽然绝大部分地区禁止燃放烟花，但该欣赏的烟花还是要欣赏滴~~最近整理文件，找到了去年收藏的烟花代码，3D特效，今天分享给大家，希望大家喜欢。话不多说，源码如下，赶快操练起来吧~~网盘地址提取码：hpny<!doctype html><html><head><meta charset="utf-8"><title>新年烟花</title><style>
2024-01-27 00:01:18
681
360
html中的换行(\n)或回车(\r)符号不起作用的解决办法、br、white、space、pre、line_html \r
2024-01-26 10:01:00
465
685
HTML5 是 Web 中核心语言 HTML 的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进。_w3c html5
2024-01-26 10:01:59
747
194
window.location.href_location.href后面的代码还会执行吗
2024-01-26 10:01:33
388
726
随着科技的进步和互联网的普及，人们对于跨年庆祝的方式也在不断变化。传统的烟花燃放虽然美丽，但存在环境污染、安全隐患等问题。为了满足人们对于跨年庆祝的需求，同时避免传统烟花的弊端，我们开发了一个基于Html5的跨年烟花模拟项目。这个项目的目标是利用Html5的Canvas技术，模拟出逼真的烟花效果，让用户在网页上欣赏到绚丽多彩的烟花盛宴。同时，通过交互式设计，让用户能够与烟花互动，增加趣味性。项目开发过程中，我们面临的主要挑战是如何在有限的浏览器环境中，实现逼真的烟花效果。为此，我们采用了粒子系统、渐变效果、
2024-01-26 10:01:32
195
232
本文章讲述了，如何制作导航栏提示：以下是本篇文章正文内容，下面案例可供参考提示：这里对文章进行总结：本文仅仅简单介绍了关于浮动和导航栏的制作和一些在编码中的理解。获取更多请关注博主！！！！！！..._css悬浮导航栏
2024-01-26 10:01:32
132
450
【代码】Css使字符占位的宽度一致（如两个字占四个字符位置）_css 文字占满宽度
2024-01-26 10:01:21
744
515
要查看 cookie 的过期时间，您可以使用浏览器的开发者工具。具体操作步骤如下：打开浏览器，并转到您希望查看 cookie 的网站。按 F12 键打开浏览器的开发者工具。在开发者工具的“调试工具”选项卡中，单击“存储”按钮。在左侧的“网站数据”列表中，单击“Cookies”。在右侧的“值”列表中，查看每个 cookie 的“Expires”或“Max-Age”字段。这些字段显示 co..._查看cookie过期时间
2024-01-26 10:01:02
519
151
先去微信公众平台填写js接口安全域名本来想用微信开发js-sdk的，但是做了半天好像没啥效果概述 | 微信开放文档 (qq.com)引入js文件：http://res.wx.qq.com/open/js/jweixin-1.6.0.js 代码部分：单独的h5是唤不起微信的，需要原生app去集成微信的sdk，app去调微信的方法，h5再去调app的方法，才可以实现接下来使用插件：m-sharem-share: h5页面分享组件、支持分享到微信、朋友圈、新浪微博、QQ空间、QQ好友。 (gitee.com)注意_h5分享到微信
前端知识
【HTML5】HTML5 多媒体标签 ② ( 视频标签 ＜video＞ | 视频标签常见属性 | autoplay 属性 | controls 属性 | poster 属性 | 设置多个格式视频 )
2024-01-26 10:01:57
362
866
一、HTML5 视频标签 video二、视频标签 video 代码示例1、基本示例2、修改视频尺寸三、视频标签 video 配置多个格式视频代码示例_video标签属性
2024-01-26 00:01:41
657
469
本次案例我们分析一下数据可视化页面最常见的热点图是如何实现的，其原理并不复杂，只需要用到CSS3动画属性 animation 以及 @keyframe 关键帧即可，重点是向外扩散的环如何布局比较合适，以及每个环怎么扩散何时扩散比较合适。_css 大数据
2024-01-26 00:01:47
515
340
圣诞节里的喜悦，飘扬万里；圣诞树上的星星，璀璨耀眼；圣诞星空绽放的烟花，迎来吉祥；圣诞钟声奏响的旋律，传递欢乐；圣诞老人送给你的礼物，是我最衷心的祝福。祝你圣诞快乐，幸福安康！笔峰回撰，书写这一路的艰辛，铸造理想的大道。加油，一战“呈”硕，相信自己一定行。祝福考研的朋友们一切顺利！借着圣诞节到来的美好氛围，今天给大家分享几个好玩的圣诞节主题前端代码，源码仅供学习，我们也可以分享给好朋友，和好朋友度过一个开心的圣诞哦！_圣诞节html会动的圣诞树和圣诞老人
2024-01-26 00:01:51
958
404
本文介绍使用HTML CSS JavaScript 实现注册页面信息验证的详细方法。完整代码见文章末尾。对注册信息进行判断，判断其是否符合要求。（如：密码6-12位字符，不能有空格等）这里拿用户名和密码进行验证：用户名和密码都是6-12位字符，不能有空格。我们可以使用三个块标签，可以将这三个部分分别放到每个块标签中。不过这个时候还没有验证功能，下面将实现这一功能。（用户名/密码格式是否正确）创建一个注册页面，如下图。第一部分：两个段落文本。第三部分：登录/有账号。_html登录注册页面的验证
2024-01-25 11:01:45
931
201
想要获取、设置标签的内容，innerHTML以及innerText、textContent都可以使用，如果在标签中设置新的html标签内容，innerText、textContent会忽略新的html标签，仅获取纯文本内容，但innerText、textContent属性会解析标签里特殊符号，把特殊符号翻译为正文。innerHTML可以获取所有的html标签内的内容，包括新的html标签，每一个字符都会原样输出，所写即所得，且新的html标签，不会被解析，也就是没有标签效果，但输出到浏览器页面会被浏览器正常_textcontent
2024-01-25 11:01:42
706
411
我们在开发中，会遇到一些需求，需要监听元素变化，比如元素属性变化，元素大小变化，今天，我们就来聊聊俩种常用实现监听的方案，其他的自行研究。_js监听dom变化
2024-01-25 11:01:16
393
327
无论你收到多少祝福，我仍然献上我最诚挚的祝福，无论你正拥抱多少快乐，我仍然默默为你祈祷，让幸福永远伴随你。_跨年代码可复制2024
2024-01-25 11:01:07
730
219
burpsuite代理监听设置（以火狐浏览器为例）出现PortSwigger CA的证书问题_burpsuite激活监听器
2024-01-25 11:01:06
572
737
textarea文本过长换行问题_el-input textarea 换行
2024-01-25 11:01:05
189
202
发现问题：H5页面在微信内置浏览器播放的时候会发现，部分安卓机型不在支持音乐自动播放，与视频一样，需要人为触发后才能使用。为此，微信社区给出了答案：Android微信内网页音频自动播放能力调整 | 微信开放社区但甲方不愿意接受，这就很难受了，作为友军我们只能一边安慰，一边找解决方案。分析问题：出现这种情况，就要从代码源头去分析了，早期我们让手机自动播放，我们的代码如下：引入微信js(jweixin)后：wx.ready(function(){ var global_h5使用weixinjsbridgeready视频播放安卓未生效
2024-01-25 11:01:05
598
150
前一段时间在项目中需要用到播报文字语音。找到了 HTML 5 有这样的功能。现在有时间进行总结下。SpeechSynthesis 接口是语音服务的控制接口。它可以用于获取设备上关于可用的合成声音的信息，开始、暂停语音，或者别的命令。（MDN）SpeechSynthesis 是 window 上面的属性，可以直接调用。属性：下面的都是只读属性paused：是否处于暂停状态，返回 Boolean 值pending：语音播报队列中是否有需要说的语音，返回 Boolean 值speaking：是否正在进行语音播报（
2024-01-25 11:01:05
478
368
【代码】uni-app的h5页面的onHide/onUnload方法不触发的问题解决。_手机浏览器 onhide方法无效
2024-01-25 11:01:36
47
637
网页标题：三列自适应宽度网页标题：多行三列自适应宽度一级水平导航菜单：采用“无序列表 超链接”设计
2024-01-25 10:01:27
357
288
思考1. 页面布局文字能否随着屏幕大小变化而变化？2. 流式布局和flex布局主要针对于宽度布局，那高度如何设置？3. 怎么样让屏幕发生变化的时候元素高度和宽度等比例缩放？_css rem适配
2024-01-24 15:01:37
82
870
app内前h5涉及到支付的功能，ios非实物商品实付需要使用ios原生支付方式，实物商品则可以三方支付，主要的实现思路为后端返回跳转支付宝或微信的支付scheme链接，前端进行跳转支付，同时需要实时查询用户的支付状态。整个过程中复杂的部分在于查询用户支付状态的体验方面，需要保证用户在支付成功、支付失败、跳转支付宝、微信回来或者没有跳转支付宝微信等未知的行为下的用户体验。为了防止用户在支付时间超过我们设置轮训时长情况，需要监听用户从支付app返回当前页面，来进行查询支付状态操作。_h5唤起支付宝app支付
2024-01-24 15:01:33
809
330
运行起来以后，会发现，有框，但按钮不在，因为这是个坑。按钮是个开源组件 font-awesome这个开源组件就是个图标库，有多种引入方式，我所采用是css全局引入的方式，先下载了解压放入 src/assets（你的静态资源文件夹），再到App.vue的style引入。_h5 vue 富文本
2024-01-24 15:01:29
391
183
这个目标的值对所有没有指定目标的 标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的，除非和文档标题 标签中的 target 属性一起使用。作用：这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。：这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口（在整个窗口中打开被链接文档）点击超链接后，重新打开一个新的网页，不是在原本的网页进行跳转。就可以跳转到新的一个页面。_css怎么跳转到另一个页面
2024-01-24 15:01:28
214
966
CSS颜色与背景颜色color属性背景background属性1. 背景颜色background-color2. 背景图像background-image3. 背景图像平铺方式background-repeat4. 固定/滚动背景图像background-attachment5. 定位背景图像background-position6. 背景简写backgroundCSS列表样式1. 样式类型list-style-typeCSS盒模型CSS盒模型结构边界属性设置填充属性设置
2024-01-24 15:01:27
422
960
新春佳节，在这个充满喜悦的日子里，愿新年的钟声带给你一份希望和期待，我相信，时空的距离不能阻隔你我，我的祝福永远在你身边。祝愿朋友，财源滚滚，吉祥高照，鸿运当头，幸福环绕，万事顺心，笑口常开。在这喜庆的日子里，我给大家分享一个烟花代码，代码下载在使用教程部分，希望大家都能开开心心过大年！_有关新年编程作品
2024-01-24 15:01:24
92
843
扑克翻牌游戏就是桌面24张牌，玩家翻到两张相同扑克牌则消去，如果时间2分钟到了，仍然没有成功则游戏失败。_html5翻牌游戏
2024-01-24 15:01:23
416
888
在该游戏中，玩家操纵一条贪吃的蛇在长方形场地里行走，贪吃蛇按玩家所按的方向键折行，蛇头吃到食物(豆)后，分数加10分，蛇身会变长，如果贪吃蛇碰上墙壁或者自身的话，游戏就结束了(当然也可能是减去一条生命)。贪吃蛇游戏的运行界面如上图所示。_设计一个贪吃蛇界面
2024-01-24 15:01:22
716
720
这是一段使用HTML、CSS和JavaScript编写的图片轮播组件。它通过定时器实现自动播放图片，同时提供向左和向右的箭头按钮以手动切换图片。还包括一个圆圈导航，用于显示当前图片的索引，并且可以点击圆圈导航进行图片切换。具体实现步骤如下：以上就是该轮播组件的实现步骤。你可以根据需要进行修改和扩展，例如调整样式、更换图片等。效果图_轮播图代码
2024-01-24 15:01:58
725
686
transition 过渡与transform动画 这两个新属性的参数确实比较复杂，它们可以做出 CSS 的一些基础动画效果，平移，旋转，倾角......等等，这些也是我早期学习 CSS 的难记易忘之处，今天给大家详细总结出来。一：transition 过渡transition 可以做出 CSS 的过渡效果，例如要过渡的属性名称，要过渡的时间，过渡的延迟等待时间，过渡的速度变化（过渡类型）_transform 动画
前端知识
[HTML]Web前端开发技术10（HTML5、CSS3、JavaScript ）CSS DIV页面布局，固定定位，相对定位relative，绝对定位absolute，层定位的应用——喵喵画网页
2024-01-24 15:01:57
1014
622
网页标题：固定定位 网页标题：相对定位relative 网页标题：绝对定位absolute 网页标题：层定位的应用
前端知识
[HTML]Web前端开发技术15（HTML5、CSS3、JavaScript ）表格，bordercolorlight，frame，valign，rowspan，colspan——喵喵画网页
2024-01-24 15:01:56
295
973
表格 表格 表格标记 表格标记-语法 表格属性设置 表格边框样式属性 表格单元格间距、单元格边距属性 表格水平对齐 设置表格行的属性 表格行的属性-设置 设置单元格的属性 设置单元格的属性-单元格跨行、列 表格嵌套课后练习网页标题：计算机报价表网页标题：会员注册网页标题：列表标签的应用
2024-01-24 15:01:54
680
58
⚽精彩专栏推荐?????? ❤ 【作者主页——?获取更多优质源码】 ❤ 【web前端期末大作业——??毕设项目精品实战案例(1000套)】1 网页简介：此作品为学生个人主页网页设计题材，HTML CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Web..._web天猫网页制作代码
2024-01-24 15:01:50
287
722
上次的博文十个拿来就能用的网页炫酷特效，得到了大家的支持！这次我将收藏了很久的炫酷登录页面分享给大家，如果觉得有帮助可以点赞收藏支持一下，能关注一下就再好不过了o(≧▽≦*)o，之后还会分享更多干货内容，谢谢大家啦！_炫酷的 登录注册 jquery
2023-05-14 16:05:34
604
586
canvas应用的图片压缩算法实现 前端图片压缩应用场景前端页面限制用户只可以上传5MB大小的图片 前端在接受到用户上传的图片之后，服务器只允许上传1MB大小的图片，此时需要前端将图片先进行压缩，压缩
2023-05-14 16:05:25
176
538
前端开发这个行业发展飞速，特别是即将普遍的HTML5，本文将整理HTML5的基本使用。对于HTML5的新增属性，已经在前面讲过了，欢迎回归。1，新DOCTYPE还在使用那个讨厌的的标准doctype？
2023-05-14 16:05:05
212
670
前端哥不喜欢废话，直接上代码，一路了然这里是html<el-dropdown size="small" @command=" (command