- 博客(17)
- 收藏
- 关注
原创 中国地图china.js
链接:https://pan.baidu.com/s/1a2WHJvmMoESN1aOhT5SFOg。第二个因为里面代码比较多,我们新建一个新的js文件 myMap.js 引入到html页面。Ctrl c+ Ctrl v 复制社区提供的实例代码使用即可。第一需要下载china.js提供中国地图的js文件。通过百度网盘分享的文件:中国地图的js文件。
2025-02-18 00:52:01
420
3
原创 替代Echarts可视化网站的其他社区网站
(Make A Pie替代网址)5、http://pie.antcode.net,可以echarts版本调试,而且对于echarts图表的显示大部分都修复了,其他网站很多都预览不了。4、Make A Pie复刻站点2:http://www.isqqw.com/ 备用地址http://echarts.isqqw.com/1、常用,Make A Pie替代https://www.makeapie.cn/echarts。3、makeapie 复刻站点1:http://ppchart.com/
2025-02-18 00:15:48
215
原创 8个模块化技巧,让你的前端项目维护性提升70%!
维护大型前端项目,就像在迷宫中穿梭,代码混乱、依赖复杂,改一个小问题可能牵一发而动全身。通过合理的模块化,我们可以将庞大的项目拆分成易于管理、复用性高的独立单元,从而大大提升代码的可读性、可维护性和可测试性。分享 8 个实用的模块化技巧,助你打造更加健壮、可维护的前端项目。
2025-02-11 13:26:48
667
原创 手把手教你搭建企业级标准化Vue项目目录结构(无ESLint版)
按照本指南逐步创建,即可完美复现标准的Vue项目目录结构。建议配合Vue官方文档和Vant组件库文档进行开发,遇到路径问题可使用。验证store/modules中包含xxx子模块们(最终的子模块数据都要import到跟Root级store.js目录)# 访问 http://localhost:8080 验证基础结构。开发时保持控制台开启,及时查看路径错误提示。检查api目录是否包含N个业务模块文件。确保utils目录包含N个核心工具文件。在路由配置时容易忘记导入页面组件。cd 项目名 //进入项目。
2025-02-11 13:17:28
169
原创 用这 6 个 JavaScript 技巧,轻松应对 80% 的开发场景!
用这 6 个 JavaScript 技巧,轻松应对 80% 的开发场景!
2025-01-14 20:31:57
316
原创 ajax网页切换背景图
/ 2. 上传成功时,"保存"图片url网址。* 2. 上传成功时,"保存"图片url网址。* 3. 网页运行后,"获取"url网址使用。// 1. 选择图片上传,设置body背景。// 3. 网页运行后,"获取"url网址使用。* 1. 选择图片上传,设置body背景。* 目标:网站-更换背景。
2023-09-17 21:08:17
134
1
原创 AJAX聊天机器人
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=
2023-09-17 20:27:37
167
1
原创 小米官网视频Video部分详解
img data-lazy-src="img/小米10 8K手机拍大片.webp" style="width: 296px;<img data-lazy-src="img/小米10青春版发布会.webp" style="width: 296px;<img data-lazy-src="img/红米10X系列发布会.webp" style="width: 296px;<img data-lazy-src="img/发布会.webp" style="width: 296px;--视频部分开始-->
2023-04-09 14:59:16
164
原创 小米滑动门案例代码
5.第五部分滑动门内容,/*滑动门第一部分结束,复制粘贴到第二个li里面(电视盒子),然后发现一个问题,三个和两个的我们不知道怎么办了,继续复制到相应的li上,删除一组ul,还剩三组,最主要的是要改div的宽度,<img data-lazy-src="img/手机1.webp" /><img data-lazy-src="img/手机1.webp" /><img data-lazy-src="img/手机1.webp" /><img data-lazy-src="img/手机1.webp" />
2023-04-08 20:39:41
156
1
原创 JS轮播图代码
/获取点击超链接的索引,并将其设置为index。//遍历所有的A,并将它们的背景颜色设置为红色。//为每一个超链接都添加number属性。//使用move函数切换图片。* -点击第一个超链接,跳转到第一个。* -点击第二个超链接,跳转到第二个。/* 每向左移动520 就会显示下一张 *///为超链接绑定单击响应函数。//为所有的超链接绑定单击响应函数。//设置navDiv的left值。//创建一个方法用来设置选中的a。--创建一个ul,用来防止图片-->--创建一个大的div,作为大的容器-->
2023-04-08 20:28:53
461
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人