前端
文章平均质量分 63
前端的一些内容
月木@
追求至简
展开
-
顶部动态菜单栏的使用
【代码】顶部动态菜单栏的使用。原创 2023-11-17 18:17:10 · 254 阅读 · 0 评论 -
简单漂亮的登录页面
开发环境:vue3,sass。原创 2023-11-08 17:18:37 · 816 阅读 · 3 评论 -
less详解
在我们精心撰写的博客文章中,你将发现如何通过学习Less这一强大的CSS预处理器,以更高效、更可维护的方式编写样式代码。无论你是初学者还是经验丰富的开发者,我们的指南将带你逐步了解Less的核心概念和语法。通过实际示例和深入解析,你将从中汲取灵感,提升你的前端技能。加入我们的学习社区,与同行分享知识,一同探索创新、时尚而富有表现力的前端设计世界!Less 中的作用域与 CSS 中的作用域非常类似。如果你想创建一个混合,但是你不希望这个混合出现在你的CSS中,在混合定义后面加圆括号。&表示当前选择器的父级。原创 2023-11-15 10:34:00 · 52 阅读 · 0 评论 -
“探索超前的Pinia:解密Vue.js最新热门状态管理库“
简介Pinia 是Vue的存储库,它允许您跨组件/页面共享状态Pinia 最初是为了探索Vuex的下一次迭代会是什么样子,结合了Vuex 5核心团队讨论中的许多想法最终,我们意识到Pinia已经实现了我们在 Vuex5中想要的大部分内容,并决定实现它取而代之的是新的建议与Vuex相比,Pinia提供了一个更简单的 API,具有更少的规范文档官方文档中文文档注意pinia有个副作用,就是无法持久化,在浏览器刷新重置之后,会全部恢复默认。原创 2023-08-16 03:40:35 · 143 阅读 · 0 评论 -
“超越传统的HTTP请求:深度解析Axios,打造前端开发的终极利器“
我们将揭开Axios的神秘面纱,学习如何使用它的简洁且优雅的API,以及如何利用其强大的功能构建卓越的互联网应用。无论你是经验丰富的开发者还是初学者,这篇文章将为你提供宝贵的见解和技巧,助你在前端开发的道路上更进一步。在当今数字化世界中,互联网应用的需求日益增长,而无论是大型企业还是初创公司,都需要一个强大而可靠的工具来处理与后端服务器之间的通信。让我们一同探索Axios的奥秘,为你的互联网应用注入更多的效率和高质量!解锁前端开发的新境界 - 深入探索Axios,构建卓越的互联网应用。原创 2023-08-16 03:27:14 · 114 阅读 · 0 评论 -
element中icon字体图标的使用
size:图标的大小【默认继承字体大小】color:图标颜色【默认继承颜色】原创 2023-07-15 00:50:49 · 1171 阅读 · 0 评论 -
element-plus的button按钮详解
type:类型【'primary'| 'success'| 'warning'| 'danger'| 'info'| 'text'(delete)】bg:是否显示文字按钮背景颜色,即白色,不设置则为页面背景色。disabled:按钮是否为禁用状态。round: 是否为圆角按钮。loading:是否为加载中状态。tag:自定义元素标签,如a标签。circle:是否为圆形按钮。color:自定义按钮颜色。text:是否为文字按钮。plain:是否镂空。原创 2023-07-11 01:22:43 · 1762 阅读 · 0 评论 -
vue语法详解
如果在运行时绑定条件很少改变,则 v-if 会更合适。vue提供响应式数组的变更方法:push()/pop()/shift()/unshift()/splice()/sort()/reverse()...相比之下,v-show 简单许多,元素无论初始条件如何,始终会被渲染,只有 CSS display 属性会被切换。简写:输入框:原创 2023-07-10 18:20:38 · 203 阅读 · 0 评论 -
微信小程序组件详解
也就是说,图片通常只在水平或垂直方向是完整的,另一个方向将会发生截取。confirm-type:设置键盘右下角按钮的文字,仅在type='text'时生效【send发送/search搜索/next下一个/go前往/done完成】【可选success/success_no_circle/info/warn/waiting/cancel/download/search/clear】mode:应用模式,只在初始化时有效,不能动态变更【normal:相机模式 scanCode:扫码模式】【默认normal】原创 2023-07-08 17:52:08 · 316 阅读 · 0 评论 -
微信小程序全局配置详解
整个小程序只有一个 App 实例,开发者可以通过getApp方法获取到全局唯一的App实例,获取App上的数据或调用开发者注册在App上的函数。iconPath【可选】:图片路径【最大40kb,建议尺寸81px * 81px,不支持网络图片,当position为top时不显示】在app.wxss文件中引入common.wxss文件:@import "./common/common.wxss";使用@import语句可以导入外联样式表,@import后跟需要导入的外联样式表的相对路径,用;原创 2023-07-08 00:15:22 · 2102 阅读 · 0 评论 -
vue3项目打包后整合到springboot项目中运行
resources下面创建static和templates两个文件夹,分别存放静态文件和动态页面。连个文件夹中都创建back和front文件,一个是前台,一个是后台。index.html放在templates中back。修改index.html中引入资源的文置,如下。我采用手动搭建springboot项目的方式。启动开发服务器(项目目录)springboot项目。static中back。原创 2023-06-08 20:03:20 · 4753 阅读 · 1 评论 -
移动端的轮播图
next();原创 2023-06-04 16:00:52 · 795 阅读 · 0 评论 -
移动端的底部导航
用插槽结合动态数据绑定达到图标的自定义效果。原创 2023-06-03 17:05:47 · 614 阅读 · 0 评论 -
app个人中心界面
【代码】使用vue开发app个人中心页面。原创 2023-06-01 23:56:38 · 1289 阅读 · 0 评论 -
element-ui表格el-table的使用
element-ui表格Table详解。原创 2023-06-01 12:45:34 · 6490 阅读 · 0 评论 -
vue3引入element-plus
element-ui配置按需引入和全局引入。原创 2023-06-01 11:07:53 · 95 阅读 · 0 评论 -
vue的axios详解
axios是通过Promise对ajax的封装,是一个基于Promise 的Http库,可以在浏览器和Node.js中使用。简单理解为:axios是一个封装好的,基于Promise的发送请求的方法,不用设置回调,直接调用then方法。vue的全局处理方案 app.config.globalProperties可以实现。在真实场景中,有可能会需要一次性获取多个网络请求的结果。修改vite.config.js,修改完要重启服务器。利用依赖注入,利用Provide和Inject。原创 2023-05-29 08:31:17 · 666 阅读 · 0 评论 -
element-ui菜单el-menu的使用
el-menu详解。原创 2023-05-28 13:39:02 · 15055 阅读 · 4 评论 -
element-ui对话框dialog详解
先给大家展示一下大致的样式draggable:为 Dialog 启用可拖拽功能destroy-on-close:当关闭 Dialog 时,销毁其中的元素v-model="dialogAddVisible":绑定对话框的状态title="添加用户":对话框的标题width="35%":对话框宽度center:是否让 Dialog 的 header 和 footer 部分居中排列。原创 2023-05-27 21:37:37 · 4660 阅读 · 2 评论 -
vue3的pinia详解
pinia 支持热模块替换,因此你可以编辑store,并直接在您的应用程序中与它们交互,而无需重新加载页面,允许您保持现有的状态,添加,甚至删除state,action和getter。Actions 相当于组件中的 methods。在 pinia 中修改状态要比在 vuex 中修改状态简单的多,因为不用引入额外的概念,直接用 store.counter++ 修改 store。直接从 pinia 中解构赋值,操作的时候会发现,内容根本不会发生变化,因为直接从 pinia 中解构数据失去了响应式。原创 2023-05-27 20:21:06 · 1508 阅读 · 0 评论 -
element-ui树形控件el-tree详解
我这里不是直接用data来传递整个树的数据,而是用懒加载的方式,当点击一个节点的时候再进行树结构的添加。这里我利用element-ui开发一个vue的树形组件。修改vite.config.js配置按需加载。安装element-plus。原创 2023-05-26 19:27:51 · 19125 阅读 · 0 评论 -
vue路由详解
如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就会更加高效。在这种情况下,URL 的片段通常对应于特定的嵌套组件结构。而HTML5 模式直接访问子路径会报404,但是也可以解决:在你的服务器上添加一个简单的回退路由。要将嵌套路由添加到现有的路由中,可以将路由的 name 作为第一个参数(父级name)、有时,你可能希望将任意信息附加到路由上,如过渡名称、谁可以访问路由等。RouterLink / RouterView会默认跳转/用于访问路径设置多个名字。原创 2023-05-25 11:23:46 · 1195 阅读 · 0 评论 -
jQuery详解
jQuery详解原创 2023-04-29 09:53:28 · 916 阅读 · 0 评论 -
人物介绍展示页面
人物介绍页面原创 2023-03-23 16:19:41 · 209 阅读 · 0 评论 -
VUE的模板语法
搭建完项目之后,需要把vue自带的一些配置给删除,方便我们的学习修改完之后是以下目录下面的代码都在APP.vue里面写。原创 2023-04-12 08:45:42 · 44 阅读 · 1 评论 -
VUE的安装
vue的环境搭建,包括运行环境node.js,开发环境Visual Studio,以及如何启动vue项目原创 2023-04-03 16:57:57 · 199 阅读 · 1 评论