- 博客(31)
- 收藏
- 关注
原创 图表或者组件:放大/缩小功能的实现
在前端开发中,常常会遇到用户界面需要根据交互进行动态变化的场景。例如,当点击按钮时,需要让某个组件在页面中放大或缩小。本文将介绍如何实现一个基于 Vue.js 和 CSS 的放大/缩小功能,具体通过点击“放大”和“缩小”按钮来调整某个内容区域的显示大小。
2025-01-06 17:14:02
665
原创 如何实现文件下载 -- 好玩篇
文件下载是 Web 开发中的常见功能,尤其在需要提供报告、数据文件或其他资源时。本文介绍了三种常见的文件下载实现方法
2025-01-02 18:27:32
702
原创 换肤-主题:使用 CSS 自定义属性 -- var()函数 详解
借助 CSS 变量,前端开发将变得更加灵活、简洁,维护和扩展样式表也变得更加容易。
2025-01-02 16:04:23
1132
原创 如何实现分片上传功能:基于 Vue 和 iView 上传组件的详细教程
通过一个基于 Vue 和 iView 的分片上传示例,详细介绍如何实现文件分片上传,并且为每个上传的分片提供上传进度显示和错误处理。
2024-12-31 16:50:08
974
原创 玩转山东地图:用Echarts打造交互式数据可视化--好玩篇
在现代数据分析中,地图不仅仅是地理定位的工具,它们已经变成了动态数据展示的强大平台。使用Echarts,我们可以将山东省的每个城市数据清晰地展示出来,并且为用户提供交互功能,让他们自己选择查看具体的数字。效果图:支持缩放,拖拽等操作。简单的代码示例,山东地图并进行基本的配置。将实际的数据映射到地图上,使得数据更具可视性和可交互性。可以自定义设置颜色、标记等,让地图看起来更加生动。地图交互功能:通过鼠标悬停、点击等交互方式,让地图更加互动。
2024-12-06 16:44:04
552
原创 HTML特殊字符符号大全--好玩篇记录
HTML特殊字符符号大全包含了HTML中常见的符号及其对应的HTML实体代码。通过使用这些字符,可以确保网页中的特殊符号正确显示而不会影响HTML文档的结构。以下是一些常用的HTML特殊字符符号大全,涵盖了数学符号、货币符号、表情符号、常见符号等。
2024-12-03 16:03:54
944
原创 常见表单输入验证函数-邮箱、手机号、身份证等验证规则
本文提供了多种常见的输入验证函数,涵盖了邮箱、手机号、身份证、金额等多种场景。所有验证函数遵循的标准格式,易于前端表单验证。根据需要,可以定制正则表达式或验证逻辑,以适应不同的业务需求。
2024-12-03 15:16:20
1153
原创 html2Canvas + jspdf及pdf-lib 前端页面生成pdf文件,数量太多导致页面器崩溃处理方法
html2Canvas + jspdf前端页面生成pdf文件,数量太多导致页面器崩溃
2024-10-18 17:38:27
589
原创 JavaScript 对象操作方法详解
JavaScript 提供了多种方法用于操作对象,灵活地处理对象的创建、属性访问、修改、删除、遍历等操作。创建对象:使用字面量或构造函数创建对象。操作属性:通过点操作符、方括号操作符、变量等方式添加、修改、删除对象的属性。遍历对象:使用for...in等方法遍历对象。对象拷贝:使用进行浅拷贝,使用进行深拷贝。类型判断:使用typeof判断类型,使用判断是否为数组。掌握这些对象操作方法,能够帮助你更高效地编写 JavaScript 代码,处理日常开发中的对象数据操作。
2024-09-26 10:33:54
384
原创 两个项目分支合并操作
通过上述步骤,你可以将 A 项目的某个分支(如test)合并到 B 项目,确保 B 项目能够同步 A 项目的维护更新,而不必重复劳动。注意,合并时要处理好可能出现的冲突,并使用选项来允许合并不相关的历史。这个操作尤其适用于 B 项目需要频繁与 A 项目保持同步,但又不希望将两个项目合并成一个项目的场景。
2024-09-24 17:18:55
247
原创 js数组去重的几种方法
数据结构可以实现数组去重,将数组元素作为键存储在Map中,然后获取Map的键数组即可。这种方法相对复杂,但也是一种去重的有效方法,适合特定场景下的需求。比较常用的数组去重处理方法,纯属记录一下,如有错误,请不吝赐教。函数返回一个新数组,其中包含了原始数组中唯一的元素。数据结构可以更简洁和高效地实现数组去重,因为。方法来实现数组去重,只保留第一次出现的元素。方法可以按顺序逐个遍历数组,并根据条件去重。这种方法相对灵活,但性能和。方法类似,适合中小型数组。for循环和includes。方法来去除重复元素。
2024-08-06 16:54:29
589
原创 Fatal error in , line 0# Check failed: U_SUCCESS(status).
我需要的版本在 ^12 ~14 ,升级12.13.0 版本后,重新运行解决该错误。根据查阅,说该错误为node v12的一个BUG,要不就降级版本,要不升级版本。新拉取的项目,根据提示要求node 版本,下载了对应的最低版本 12.0.0。切换了12.0.0版本后,重新运行报下面错误。
2024-02-21 18:00:22
842
原创 vue项目启动不显示Network,及Network无法访问的问题
首先找到build文件夹下webpack.dev.conf.js文件,修改compilationSuccessInfo里边的messages属性。在vue.config.js(或者配置config了的,就在config下的index.js )文件下设置。最后在package.json文件中 scripts 下的 dev 或者 serve 后面加上。以上设置可以显示Network 调试地址,但是无法访问,还需设置一下。回车后会出现一串信息,复制IPV4 地址即可。地址 ,获取IPV4 地址方法,
2023-06-06 15:30:46
6886
1
原创 Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memoy
FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memoy
2022-11-15 15:09:38
4140
1
原创 npm 下载依赖报错npm WARN deprecated core-js@2.6.12: core-js@<3.4 is no longer maintained and not recommend
npm WARN deprecated core-js@2.6.12: core-js@
2022-06-07 09:59:58
2770
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人