- 博客(75)
- 收藏
- 关注
RSS订阅原创 前端Cypress自动化测试全网详解
Cypress 是一个强大的端到端（End-to-End, E2E）功能测试框架，基于 Node.js构建，支持本地浏览器直接模拟测试，并具有测试录屏功能，极大地方便了测试失败时的场景重现与问题定位。本文将详细介绍 Cypress的安装、配置以及一个实际的自动化测试示例。
2024-11-12 17:36:51
1253
1
原创 全网最详细的GitHub Pages上部署项目
无需购买服务器或进行复杂的配置，只需将静态文件推送到特定的分支，GitHub Pages就会自动为你托管网站。如果你的项目需要构建（例如使用 React、Vue 或 Angular），请确保已经构建好，并且所有构建输出文件在一个目录中（例如。如果你的项目是一个单页应用（SPA），你可能需要使用打包工具（如Webpack、Vite等）来构建项目。通过这些步骤，你可以轻松地在 GitHub Pages 上部署你的静态网站或项目。GitHub Pages 会自动生成一个 URL，你可以在上面访问你的项目。
2024-07-23 14:32:45
1534
原创 从0-1搭建一个web项目(页面布局详解)详解
其实这一部门逻辑也很简单，主要是循环判断有没有children 子目录，有的话就调用 el-sub-menu 组件，没有的话就调用 el-menu-item 组件，其中值得一说的是 下边这一段代码。接下来就是递归调用此方法，过滤掉到 isHide=true 的数据， 因为 isHide 为 true 的话代表隐藏菜单，不需要展示。大家应该还记得在 main.js 中 通过循环创建了 icon 公共组件，这里就是加载对应的icon组件。想了想，担心有的同学看不懂递归的这一部分逻辑，还是展开说说吧。
2024-07-10 16:43:58
915
原创 从0-1搭建一个web项目(路由目录分析)详解
vue路由目录结构以上就是路由目录分析详解这个目录结构展示了一个现代Vue.js项目的典型布局，旨在提高项目的可维护性和可扩展性如碰到其他的问题 可以私下我 一起探讨学习。
2024-07-10 16:18:53
1287
2
原创 前端引用vue/element/echarts资源等引用方法Blob下载HTML
需求是在HTML页面中集成Vue.js、Element Plus（Element UI的Vue 3版本）、ECharts等前端资源，使用Blob下载HTML。首先，将CSS和JS文件的内容直接嵌入到HTML字符串中通常不是一个好的做法，因为这会使生成的HTML文件变得非常大，增加了页面加载时间和内存使用。此外，这样做还可能导致跨站脚本（XSS）攻击的风险增加，因为正在动态地执行从服务器获取的JavaScript代码。
2024-07-04 14:42:45
751
1
原创 从0-1搭建一个web项目(package.json)详解
本文主要对packge.json配置子文件详解ObJack-Admin一款基于 Vue3.3、TypeScript、Vite3、Pinia、Element-Plus 开源的后台管理框架。在一定程度上节省您的开发效率。另外本项目还封装了一些常用组件、hooks、指令、动态路由、按钮级别权限控制等功能。
2024-06-27 19:29:04
930
4
原创 从0-1搭建一个web项目vue3+vite+ts+element-plus(脚手架分析)
ObJack-Admin一款基于 Vue3.3、TypeScript、Vite3、Pinia、Element-Plus 开源的后台管理框架。在一定程度上节省您的开发效率。另外本项目还封装了一些常用组件、hooks、指令、动态路由、按钮级别权限控制等功能。本文主要对packge.json文件进行详解 scripts、dependencies、devDependencies等配置项。
2024-06-26 17:43:04
1344
5
原创 TypeScript 工具类型解析
在 TypeScript 中，工具类型是一种强大的工具，用于创建和转换类型。本文将介绍一些常用的 TypeScript 工具类型，包括RecordPartial、RequiredReadonlyPickExcludeExtractOmitParametersReturnType和。
2024-04-25 17:11:06
1296
7
原创 Element+vue3.0 tabel合并单元格span-method
在 objectSpanMethod 方法中，rowspan 和 colspan 的值通常用来定义单元格的行跨度和列跨度。一般来说，rowspan 和 colspan 的值应该是大于等于1的整数，表示单元格的跨度。如果设置为0，则表示该单元格不跨行或列。然而，通常在 Vue 的 Element UI 表格中，rowspan 和 colspan 的值不应该为0，因为这可能会导致布局问题或显示异常。如果你尝试将 rowspan 或 colspan 设置为0，不生成单元格。
2024-01-09 15:19:48
1963
4
原创 数字展示的时候一般常见在千分位使用逗号分割来方便展示,
数字展示的时候一般常见在千分位使用逗号分割来方便展示,比如数字1000000,一般会展示为1,000,0001.传入数字的时候返回按千分位格式化好的字符串,比如:1000 =>1,0002.传入字符串的时候返回对应的数字(保留两位小数)3.传入的参数为非负整数[0…90071992547409911。
2023-12-28 10:34:07
801
原创 js获取数据类型的三种方式和差别
在JavaScript中，获取数据类型的方式主要有三种：typeof运算符、instanceof运算符和Object.prototype.toString.call()方法。
2023-12-27 17:30:52
1275
原创 Express 基础操作和详解
Express.js 是一个基于 Node.js 平台的 Web 应用程序框架，它旨在帮助开发者轻松构建和管理 Web 服务和应用程序。Express 提供了许多强大的功能，使得创建可扩展、灵活且高性能的 Web 应用变得相对容易。
2023-09-25 15:39:59
566
6
原创 Vue 组件开发总结
首先，你需要明确定义组件的划分。将大型界面划分为小型、可重用的组件是一个关键步骤。这有助于提高代码的可维护性和可复用性。
2023-09-25 14:03:50
388
3
原创 理解Nginx反向代理详解
Nginx是一个高性能的开源Web服务器，但它也可以用作反向代理服务器。反向代理是一种服务器配置，它允许Nginx接收客户端请求，然后将这些请求转发到后端服务器，最终将响应返回给客户端。这种配置对于负载均衡、安全性和性能优化非常有用。Nginx反向代理是前端工程师的有力工具，用于改善网站性能、提高安全性和确保负载均衡。通过理解如何配置Nginx，前端工程师可以更好地协作和优化Web应用程序的性能。如碰到其他的问题 可以私下我 一起探讨学习如果对你有所帮助还请。
2023-09-22 13:56:29
490
6
原创 nvm 版本管理详解
Node Version Manager，简称 nvm，是一个用于管理 Node.js 版本的命令行工具。它允许你在同一台计算机上轻松切换和管理多个 Node.js 版本。使用 nvm，你可以选择在每个项目中使用特定的 Node.js 版本，以确保项目的兼容性和稳定性。
2023-09-22 10:05:33
713
原创 Vite前端构建工具详解
Vite 是由 Evan You（Vue.js 的创始人）开发的前端构建工具。它的名称来自于法语单词 “vitesse”，意为速度。Vite 旨在提供极快的开发和构建速度，为前端开发者提供更快的开发体验。
2023-09-20 16:07:52
657
8
原创 原生小程序生命周期，路由跳转，本地存储等详解
生命周期，路由跳转，本地存储等API详解原生小程序（Native Mini Program）是一种在微信小程序平台上开发的小程序类型，与传统的小程序开发方式（基于小程序框架）不同，原生小程序更加灵活，但也需要开发者自行处理更多的细节和逻辑。
2023-09-19 15:03:17
526
8
原创 原生微信小程序中进行 API 请求
当在原生微信小程序中进行 API 请求时，封装请求可以提高代码的可维护性和可扩展性。在本篇博客中，我们将一步步介绍如何进一步封装请求，并添加请求超时、拦截器和请求取消功能。
2023-09-15 13:50:27
1779
8
原创 原生小程序Donut多端开发
Donut 多端是微信小程序的一个扩展，为开发人员提供了跨平台开发的新选择。它允许开发人员使用一套代码库，同时支持多个平台，提高了开发效率并扩大了用户覆盖范围。通过分离视图与逻辑，Donut 多端允许在不同平台上创建定制化的视图层，以满足不同平台的需求。如果你是一名小程序开发者，不妨尝试使用 Donut如碰到其他的问题 可以私下我 一起探讨学习。
2023-09-14 14:19:05
3490
13
原创 vue中的 render 和 h() 详解
"render"函数是Vue组件的一个重要方法，它用于描述组件的视图结构，并负责渲染虚拟DOM树。"render"函数是一个JavaScript函数，它接受一个名为的参数，用于创建虚拟DOM节点。这使得你可以使用JavaScript来构建虚拟DOM树，包括元素、组件、指令等，为你提供更高的灵活性。"h()"函数（也称为）是Vue 2.x中的一个函数，用于创建VNode对象（虚拟DOM节点）。它是"render"函数的底层实现，通常在Vue模板中使用，用于声明组件的结构。
2023-09-12 11:25:33
3173
14
原创 TensorFlow详解
TensorFlow是一个开源的机器学习框架，由Google开发。它是一个强大、高度可扩展的计算框架，可以用于各种机器学习任务，包括图像和语音识别、自然语言处理、推荐系统等。TensorFlow 是一种由 Google 开发的开源机器学习框架，它可以帮助我们构建和训练机器学习模型。无论您是一名初学者还是一名专业人士，本文将为您提供一份完整的 TensorFlow 指南，帮助您了解 TensorFlow 的基础知识，以及如何在实际项目中应用它。
2023-09-08 09:02:03
1475
30
原创 小程序引入高德/百度地图坐标系详解
WGS84\GCJ02\CGCS2000\BD09是地球坐标系，坐标表现形式为经度、纬官网最近更新时间：最后更新时间:高德官网之在原生小程序中使用的常见问题目前在小程序中使用 高德地图只支持以下功能 ：地址描述、POI小结：从高德api中获取数据然后更新到腾讯地图的map上 其实还是使用的腾讯地图 只不过数据的来源来自高德地图 我们可以简单的实现从高德获取数据 然后在腾讯地图的画布上进行绘制电子围栏 但是一些特殊的场景，坐标选点、地址搜索等一些都是腾讯组件内部封装的所以以高德地图来看很难实现。
2023-09-07 11:45:25
4967
26
原创 el-select下拉多选框 el-select 设置默认值不可删除功能
Element-UI是一款广泛使用的Vue.js组件库，其中El-Select下拉多选框组件在实际项目开发中经常被使用。然而，在Element 3.0版本中，El-Select下拉多选框默认值可被删除，这可能会导致一些意外情况。本文将介绍如何解决这个问题，实现El-Select下拉多选框设置默认值不可删除的功能。
2023-08-31 16:27:34
3686
1
原创 vue上传图片并修改png图片颜色
通过以上步骤，已经成功地实现了在 Vue 中上传 PNG 图片并修改其颜色的功能。这个过程涵盖了文件上传、图像处理和 Canvas 操作，结合 Vue.js 框架，可以在客户端进行颜色修改。如碰到其他的问题 可以私下我 一起探讨学习如果对你有所帮助还请。
2023-08-18 11:28:00
1296
13
原创 深入理解Vue 3.0x中的Suspense和异步组件
深入理解Vue 3.0x中的Suspense和异步组件 首先，我们将介绍什么是异步组件。异步组件允许将组件的加载推迟到实际需要时。我们将讨论传统的Vue 2中如何处理异步组件加载以及它可能导致的性能问题。
2023-08-16 08:30:00
1098
43
原创 原生JS手写扫雷小游戏
实现一个完整的扫雷游戏需要一些复杂的逻辑和界面交互。我将为你提供一个简化版的扫雷游戏示例，帮助你入门。请注意，这只是一个基本示例，你可以根据自己的需求进行扩展和改进。
2023-08-11 16:33:54
968
15
原创 我的第一个创作纪念日
五年前，我踏入了前端职业的大门，初涉这片陌生的领域，心中充满了憧憬和好奇。刚开始的日子里，我像是一个孩子在探索未知的森林，每一次成功地将一个元素渲染在浏览器中，都会让我兴奋不已。随着时间的推移，我逐渐从简单的页面布局和交互效果中脱颖而出，开始涉足更加复杂的项目。我的创作纪念日，见证了我从一个初学者逐渐成长为一个有一定经验的前端开发者的过程。在这个充满创意和挑战的领域，我将继续用双手书写我的创作纪念日，为前端世界贡献自己的一份力量。回首往事，每一个创作的瞬间都如同一幅幅精彩的画面，在我心中留下深刻的印记。
2023-08-10 09:18:12
222
原创 js手写贪吃蛇游戏
贪吃蛇游戏 场景 使用了js 和 html /css 就可以完成 一个贪吃蛇小游戏。- clientWidth ：元素的宽度，包含内边距- clientHeight ：元素的高度，包含内边距- setInterval：开启定时器- clearInterval：关闭定时器- keydown：键盘事件- createElement ： 创建节点
2023-08-09 17:25:03
702
26
原创 vue3.0 bpmn-js + TS 简易教程
bpmn.js是一个BPMN2.0渲染工具包和web建模器, 使得画流程图的功能在前端来完成.这里主要记录本人在开发bpmn中的流程参照了大佬的文档。
2023-08-04 08:30:00
2546
36
原创 warning Replace `‘vue‘` with `“vue“；`
Vue项目关闭ESLint + Prettier代码规范warning Replace `'vue'` with `"vue";`
2023-08-03 14:40:11
705
17
原创 微信小程序配置上传多个u-upload上传
使用的是uView框架 微信小程序配置上传多个u-upload上传图片场景需求：根据PC端配置项追加图片配置 小程序根据配置的图片数量，图片名称，进行上传图片难度在于 我们不知道用户会追加多少个图片配置字段。
2023-07-28 16:04:34
2366
15
原创 浏览器协议TCP详解
浏览器协议TCP详解,http/https 协议,Websocket浏览器进程负责存储、界面、下载等管理。在渲染进程中，运行着熟知的主线程、合成线程、JavaScript 解释器、排版引擎等。
2023-07-25 11:17:25
1608
34
原创 CSS动画@animationend
CSS 中的动画类似于 flash 中的逐帧动画，表现细腻并且非常灵活，使用 CSS 中的动画可以取代许多网页中的动态图像、Flash 动画或者 JavaScript 实现的特殊效果。这里感兴趣的可以去了解针动画是什么。
2023-07-24 16:59:53
618
33
原创 Elememt el-upload 上传图片组件
使用el-upload组件上传多张图片进行大小数量限制和 OSS 上传 限制上传时的速度避免一秒上传多张图片。
2023-07-21 17:20:53
501
21
原创 微信小程序开发技术概要
小程序框架：微信小程序采用自己的框架，即小程序框架（WXML、WXSS和JS），需要熟练掌握这些框架的语法规则和使用方法。API接口：微信小程序提供了一系列API接口，例如网络请求、文件操作、音视频播放等，需要熟悉这些API接口的使用方法。微信支付：如果小程序需要集成微信支付功能，需要掌握相关的支付API接口和支付流程。数据渲染：小程序采用vue的数据绑定机制来实现页面数据渲染，需要了解数据绑定的相关语法和使用方法。云技术：微信小程序支持使用云开发来进行数据存储和管理，需要了解云开发的相关知识。
2023-07-21 14:50:28
693
原创 重绘 ( Repaint) 和回流 ( Reflow)
首先了解 重绘 ( Repaint) 和回流 ( Reflow)其实是关乎到浏览器性能的问题重绘和回流是渲染步骤中的⼀⼩节，但是这两个步骤对于性能影响很大重绘和回流的过程都需要浏览器耗费大量的计算资源，过多的使用会导致网页性能下降。
2023-07-19 08:30:00
644
39
原创 小区物业管理信息系统设计与实现(论文+源码)
小区物业管理信息系统设计与实现(论文+源码)目录1 绪论 11.1设计的目的和意义 11.2 国内外发展概况 31.3课题的研究内容及方法 52 小区物业管理系统分析 72.1 管理系统可行性分析 72.2需求分析 83系统总体设计 133.1总体模块设计 133.2数据字典与E-R图 153.3管理系统数据库设计 184小区管理系统详细设计 254.1 开发系统软件配置 254.2 系统登录模块 304.3管理员模块 324.3.1小区业主信息管理模块 33。
2023-07-14 16:30:57
636
2
原创 超市商品信息管理系统设计与实现(论文+源码)
超市商品信息管理系统设计与实现(论文+源码)本次主要先介绍研究背景、研究目标及相应价值的基础上，分析了国内外电子商务及相应超市管理系统的研究现状。随着计算机技术和网络技术的发展，顾客购买方式也从商店购买发展到超市管理系统。由于学生对商品的需求非常大，所以我想设计一个超市管理系统信息系统。 关键字: 程序设计，中小型超市，.Net,SQL Server 2008
2023-07-14 16:15:19
610
9
知识领域： 前端开发 网页设计 游戏开发 交互设计 数据结构与算法 随机数生成 技术关键词： HTML、CSS、JavaSc
2023-08-11
贪吃蛇游戏 场景 使用了js 和 html /css 就可以完成 一个贪吃蛇小游戏
2023-08-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人