- 博客(198)
- 资源 (8)
- 收藏
- 关注
RSS订阅原创 前端面试基础知识整理（一）
（三级作用域：全局作用域（全局都可以使用，如document对象）函数作用域（一个函数中定义的只能在当前函数使用）块级作用域（ES新增）（块：包含if while等包含大括号，在大括号外使用会报错）当你访问一个 Vue 实例的属性或方法时，JavaScript 会首先检查实例本身是否有这个属性或方法，如果没有，便会沿着原型链向上查找，直到找到为止。用一个程序语言来说，我们是转换器，我们想方设法让我们的页面、我们的程序能够支持所有浏览器，能够满足尽可能多的用户。API，允许你观察一个元素的尺寸变化。
2025-02-26 16:19:43
711
原创 Vue 动态生成响应式表格：优化桌面与移动端展示效果
实现一个动态生成的发票表格，并且通过自定义样式确保其在桌面和移动端设备上的响应式展示效果。文章重点介绍了如何利用 CSS。控制表格的外观、响应式布局的调整，以及通过媒体查询确保不同设备上的兼容性。这篇文章将讲解如何使用 Vue。
2025-01-17 15:02:04
335
原创 鸿蒙学习基础环境搭建、基本的语法、以及构建视图的基本语法（一）
/align item 交叉轴是在水平方向 horizontal align 交叉轴在垂直方向vertical align。//alignItems(HorizontalAlign) 主轴比如说横向布局 那就是横向说主轴 交叉轴就是竖轴。4.要是都没问题就可以创建项目了，点击Projects，再点击Create Project。3.下载完毕在重新启动一下，点击diagnose诊断环境。2.点击预览器，点击运行箭头预览项目。1.下载直接next傻瓜安装就可以。1.点击新建项目选第一个模板就可以。
2025-01-15 16:58:39
761
原创 如何在 Vue 2 中使用 Swiper 5.4.5 处理静态与后端数据不能切换问题
介绍 Swiper 作为一款强大的轮播组件，常用于处理图片、文章、商品等内容的滑动展示。在 Vue.js 项目中集成 Swiper，尤其是在 Vue 2 中使用，常见的两种数据来源：静态数据与后端数据。在 Vue 2 项目中集成 Swiper 5.4.5。
2024-12-31 11:41:15
345
1
原创 【element el-date-picker限制时间选择范围】
在一次项目中，有一个这样的需求就是填报时间需要在上一次提交信息之后，在限制时间时发现，el-date-picker中的pickerOption中的disableDate是基于日期限制的，若限制日期为今日凌晨，那么今天之后的日期都不能填。
2024-11-01 11:13:59
612
原创 【vue+Naive UI】自定义tabbar切换，以及使用n-data-table展示对应表格实战
遗留问题：切换的时候滚动条不能显示第一条数据，还是基于之前tab切换的历史滚动位置，这个可以设置一个key值更新n-data-table组件的key值即可。##### 一、具体代码。
2024-10-29 13:59:37
542
原创 react和vue区别
基础知识：声明式 vs 命令式编程 命令式编程（ImperativeProgramming）：开发者需要逐步定义如何执行某些操作，具体指示每一步的实现。它强调**“怎么做”**。例如，传统的JavaScript 或 C++ 是命令式编程，你需要定义变量、循环、条件语句等来完成任务。声明式编程（Declarative Programming）：开发者只需描述想要的结果，语言或框架会决定如何实现。React 和 Vue 中的 UI 声明式更新就是一个例子。
2024-10-22 09:05:27
860
原创 深入理解 CSS z-index：为什么更低的 z-index 有时会覆盖更高的元素？
虽然 .sibling 的 z-index 值是 2，比 .child1 和 .child2 的 z-index 值小，但它不属于 .parent 的堆叠上下文，而是在文档流的上层堆叠上下文中，所以它会叠加在整个 .parent 元素（及其内部子元素）之上。.child1 显示在 .child2 之上，因为在 .parent 的堆叠上下文中，.child1 的 z-index: 10 高于 .child2 的 z-index: 5。如果某个元素创建了一个新的堆叠上下文，它的子元素的 z-index。
2024-10-17 16:32:15
2133
1
原创 【vue】keep-alive动态组件的基础用法
keep-alive 能够保存当前被缓存的组件的完整状态，而不仅仅是页面上的显示。它会缓存组件的 数据、生命周期钩子 和 DOM 状态，所以当你切换回去时，组件的所有状态都会恢复到你离开时的状态。具体行为数据保存：keep-alive 缓存的组件会保留其内部的所有 data 数据，例如表单内容、输入框的值等。DOM 状态保存：例如滚动位置、已打开的弹窗、展开的部分都会保持。生命周期钩子：被缓存的组件在切换离开时不会触发 destroyed 钩子。
2024-10-14 10:00:48
904
原创 Vuex讲解和使用原理、Pinia 与 Vuex 的主要区别、Pinia优缺点
Vuex 是 Vue.js 的官方状态管理工具，它通过集中式的状态存储、响应式的 state、getters、mutations、actions 和模块化的设计，解决了复杂应用中状态共享和管理的问题。Pinia 是 Vue 3 的状态管理库，作为 Vuex 的现代替代方案，提供了更简洁的 API 和更好的 TypeScript 支持。简洁的 API：相比 Vuex，Pinia 不再需要 mutations，状态的修改可以直接通过 actions 或者直接修改 state，减少了模板代码，使状态管理更直观。
2024-09-20 13:48:46
1988
1
原创 HTML+CSS+Query实现二级菜单
在网页设计中，导航菜单是非常重要的部分之一，尤其是具有二级下拉菜单的导航栏，可以提升用户体验。本文将通过HTML、CSS和jQuery实现一个具有二级菜单标题的导航栏，并详细讲解每一步的实现过程。在网页设计中，导航菜单是非常重要的部分之一，尤其是具有二级下拉菜单的导航栏，可以提升用户体验。本文将通过HTML、CSS和jQuery实现一个具有二级菜单标题的导航栏，并详细讲解每一步的实现过程。我们需要确保二级菜单在正常情况下是隐藏的，只有当用户将鼠标悬停在相应的一级菜单项上时才显示。/* 二级菜单样式 */
2024-09-03 14:06:51
2194
原创 HTML+CSS+Query+Sick.js实现视频会循环播放并无缝切换到下一个视频，形成一个自动播放的轮播
slick 初始化时设置了 autoplay, autoplaySpeed, 和 speed，其中 autoplaySpeed 和 speed 确保视频以无缝的方式切换。.video-container 使用 padding-bottom: 56.25% 来确保视频的宽高比为 16:9。.video-carousel 是轮播的容器，每个视频被包裹在 .video-container 中。这样，视频会循环播放并无缝切换到下一个视频，形成一个自动播放的轮播。beforeChange 事件暂停当前播放的视频。
2024-09-03 10:16:41
1331
原创 uniapp钱包支付、与设置密码页面
1. 钱包支付功能描述功能概述： 钱包支付功能允许用户使用账户余额进行支付，通常适用于电商、服务订购等场景。该功能需要集成支付模块，提供支付金额的输入、支付确认和支付结果反馈。主要功能：余额查询：显示用户当前账户的可用余额。支付金额输入：允许用户输入支付金额，并检查输入是否合法（例如不能超过账户余额）。支付确认：在用户确认支付时，显示支付金额、余额和确认按钮。支付结果反馈：显示支付成功或失败的结果，并提供相应的操作提示。支付记录：保存和显示用户的支付历史记录。实现步骤：获取用户余额：
2024-08-31 11:53:31
573
原创 HTML+CSS浮动和清除浮动的效果及其应用场景举例
清除浮动的方法在网页布局中具有广泛的应用场景，主要用于解决由于使用浮动属性引发的布局问题。父容器高度计算问题场景：当使用浮动元素时，父容器的高度可能无法自动调整以包含浮动的子元素。这会导致父容器的高度不正确，从而影响布局，尤其是在包含浮动元素的父容器之后的元素可能会出现重叠或布局错位的问题。解决方法：使用清除浮动的方法来确保父容器的高度正确计算。常见方法包括：伪元素（.clearfix）clear 属性overflow 属性2. 复杂的网格布局。
2024-08-22 17:01:19
1189
1
原创 HTML+CSS+Query实现二级菜单加注解
/ 鼠标悬停在登录下拉菜单项时添加激活类名，并移除兄弟节点的激活类名。// 点击登录区域时切换下拉菜单显示状态，并切换激活类名。// 判断窗口宽度小于或等于 1199px 时的行为。// 鼠标进入登录区域时显示下拉菜单并添加激活类名。// 鼠标离开登录区域时隐藏下拉菜单并移除激活类名。// 鼠标离开时移除激活类名，确保原激活项保留类名。// 点击页面其他区域时隐藏下拉菜单并移除激活类名。// 判断窗口宽度大于 1199px 时的行为。
2024-08-22 13:50:31
463
原创 使用若依框架RuoYi前后端分离版+运行+自动生成页面进行导入进行开发+工具（完整版）
若依框架（RuoYi）是一款基于Spring Boot和Spring Cloud的开源后台管理系统，具有权限管理、代码生成、系统监控等功能，是一款非常适合企业级应用开发的框架。
2024-06-03 11:07:12
589
原创 小程序开发注册流程
（作为登录账号，请填写未被微信公众平台注册，未被微信开放平台注册，未被个人微信号绑定的邮箱ps:最好是163邮箱 需要提供邮箱账户以及密码）（身份证姓名、身份证号码、管理员手机号）不推荐使用，涉及到很多功能 或者用户信息无法获取。填写对应的信息后会给管理者发送一个审核信息，一定要按时按照上面的步骤操作。管理员手机号码（这里需要客户参与，需要输入验证码）微信小程序名称（微信小程序起名必须是惟一的）点击审核局发给的短信链接。
2024-04-30 15:24:45
518
原创 【开发篇】本章包括消息订阅、客服配置与使用实战（小程序之云函数开发入门到使用发布上线实操）
客服回复效果图展示消息订阅效果图展示。括消息订阅、客服配置与使用实战
2024-04-22 11:45:46
148
原创 【入门深入篇】本章包括条件查询、排序查询、分页查询、分页实战举例（小程序之云函数开发入门到使用发布上线实操）
cloud.init({ env: cloud.DYNAMIC_CURRENT_ENV }) // 使用当前云环境。// 云函数入口文件。// 云函数入口函数。
2024-04-22 11:04:09
200
原创 【入门篇】本章包括创建云项目、数据库的使用、云存储管理、云函数的基本使用、实战举例（小程序之云函数开发入门到使用发布上线实操）
云函数云函数相当于服务器接口的概念，它并属于小程序端代码。它是以函数的形式运行后端代码来响应事件以及调用其他服务。运行环境是Node.js。
2024-04-22 10:30:36
383
原创 根据后端返回的文件（二进制流），处理application/octet-stream格式的文件下载
表示服务器响应的数据类型，可以是 ‘arraybuffer’, ‘blob’, ‘document’, ‘json’, ‘text’, ‘stream’: 表示响应数据是一个 Node.js 可读流（Readable Stream），适用于处理大文件或流式数据。类型，以便正确解析和处理响应数据。: 将响应数据解析为 JSON 格式，提供了方便的 JSON 数据处理能力。，可以更好地处理服务器返回的不同类型的数据。: 将响应数据解析为字符串，适用于处理纯文本数据。: 将响应数据视为一个包含原始二进制数据的。
2024-03-29 10:02:17
2365
原创 在线文本编辑器，tinymce插件，图片上传，附件上传以及本地集成完整版附带demo以及浏览器兼容性问题配置问题出现的解决方案
3.当较低版本出现Promise is not funtion 时需要解决低版本识别不了该api问题后方可正常显示，或者跟换包版本换成5+版本。2.当office格式不被完全粘贴在文本编辑器时，需要默认打开是否保留格式的配置项。创建相应的文件夹，下载对应的语言版本放在langs文件夹中并在插件初始化中引入。2.选择对应版本下载社区版即可，跟之前一样找到对应的语言目录引入配置语言。在vue页面配置字体不显示可以尝试在如下文件夹中字体配置做对应的更改。4.字体配置失效时，需要查看对应版本的配置字体方式。
2024-02-27 09:41:32
447
原创 部署之后出现个别图片加载异常情况解决方案
重新检查项目中是否含有中文命名的文件名，不同系统兼容中文编码不一样，上传部署之后可能会发生变化，确保开发中不要用中文命名。
2024-02-26 10:17:32
188
原创 Vue+TS+Vite+flexible.js文件自适用网页布局
1. 首先在index.html中引入文件flexible.js文件。2. 使用vscode下载插件，根据自己原型上的尺寸设置字体大小。3. 转换完成查看是否可以自适用。重启下vscode看一下是否有提示信息。flexible.js文件如下。设置font-size字体大小。
2024-02-26 10:09:31
281
原创 vue3+ts+vite4兼容低版本详细版（已在谷歌70,60测试）
生成传统的 ES5 代码：@vitejs/plugin-legacy 将原始的源码转换为与旧版浏览器兼容的 ES5 代码。生成基于 SystemJS 的兼容性包装：为了兼容不支持 ES 模块的旧版浏览器，该插件还会生成一个基于 SystemJS 的包装文件。生成响应式的 HTML 文件：插件还会根据浏览器请求的 User Agent，动态生成适合该浏览器的响应式 HTML 文件。总体而言，@vitejs/plugin-legacy 插件通过转换源码、生成兼容性包装和提供响应式的 HTML。
2024-02-03 11:55:11
3247
3
原创 对SPA的理解、对 vue组件化的理解
理解基本概念 ·SPA(single-page application)单页应用，默认情况下我们编写 Vue、React 都只有一个html 页面，并且提供一个挂载点，最终打包后会再此页面中引入对应的资源。(页面的渲染全部是由JS动态进行渲染的)。Rendering，服务器端渲染 SSR 如何分清在哪渲染:HTML 是在前端动态生成的“客户端染”，在服务端处理好并返回的是“服务端渲染。每个页面必须重复加载，js，css 等相关资源。组件要合理的划分，如果不拆分组件，那更新的时候整个页面都要重新更新。
2023-11-22 16:11:41
239
原创 vue 中为什么需要虚拟DOM、VDOM 是如何生成的、VDOM 如何做 diff 的?
Virtual DOM 就是用js 对象来描述真实 DOM，是对真实 DOM 的抽象，由于直接操作 DOM 性能低但是is 层的操作效率高，可以将 DOM 操作转化成对象操作，最终通过 diff 算法比对差异进行更新 DOM(减少了对真实DOM的操作)。当响应式数据发生变化时，将会引起组件重新 render，此时就会生成新的VDOM-newVnode。使用oldVnode 与newVnode 做 diff 操作，将更改的部分应到真实 DOM 上从而转换为最小量的 dom操作，高效更新视图。
2023-11-22 14:04:47
514
原创 Flutter开发实战之上传身份照片并认证
对身份证照片进行认证，包括正面认证和反面认证即可上传给后端。上传身份证照片可以选择拍照方式上传，相册选择方式上传即可。身份证照片进行认证功能实现。
2023-11-09 15:25:07
1228
原创 HTML+CSS、Vue+less+、HTML+less 组件封装实现二级菜单切换样式跑（含全部代码）
ps:vscode中less自动编译成css。4.重启vscode。
2023-11-09 15:23:01
1126
php+html+js+sql实现旅游系统（适用于大作业）内有ppt，系统一共包括六个模块 Homepage Login Register Itinerary Hotel Comment
2025-02-26
小用本地数据模拟程序聊天室+webview+列表页面实战使用插件方法+检查小程序版本更新实战+拨打电话实战
2025-02-26
第一阶段-前端基础入门 第二阶段-组件化网页开发 第三阶段-WebAPP与小程序 第四阶段-vue和react高级框架开发
2024-10-29
Servlet基础第三讲在动态网站技术发展初期，为替代笨拙的CGI（通用网关接口）技术，Sun公司在制定Java EE规范时引入
2024-10-29
HTML+CSS+Query+Sick.js实现视频循环轮播
2024-09-03
基于Spring Boot和Uniapp的宿舍管理系统 - 高分毕业设计项目
2024-06-11
陪诊预约小程序+后台管理系统+后端
2024-05-22
tinymce本地引入集成demo以及使用版本是5+版本兼容低版本谷歌
2024-02-27
自定义主题前台代码，图书管理系统
2023-06-21
自定义主题前端，帮帮银行系统设计
2023-06-21
XX在线管理系统设计模板vue3+element-ui+mock
2023-06-13
jackson-annotations-2.12.2 jackson-core-2.12.2
2023-06-05
javaweb课程设计，基于Servlet+Jsp的在线购物商城系统
2023-06-01
汇总大全！前端面试必看宝典！
2023-04-01
自己的个人网站+移动端适配网站+实现响应式（自适应）
2023-04-01
基于网上超市管理信息系统的手机端app作业设计
2023-02-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人