- 博客(33)
- 收藏
- 关注

原创 vue组件通信
');} } };// 输出:'Hello from child component!');} } };// 输出:'Hello from child component!');} } };// 输出:'Hello from child component!');} } };// 输出:'Hello from child component!');} } };// 输出:'Hello from child component!
2023-07-01 20:20:22
86

原创 vue工程项目案例(图书管理+用户管理) vue-router + element ui Plus
然后直接跳到 第三步的1、编写index.js(可以直接复制,前提是以上一、二步骤完成或者上面目录对应创建)3、删除app.vue里面的style以及其他不必要组件2、安装element ui Plus(1)、进入element官网element ui Plus(2)、点击指南找到安装中的使用包管理器(3)、全局引入 element ui二、开始编写基本页面1、头部导航编写(1)在src文件夹下的component文件夹下新建BarComponent.vue文件(2)编写1.2、在
2023-05-24 02:21:28
2152
16

原创 flex布局实例讲解,兄弟看flex布局案例 这一篇就够了!!
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、flex布局是什么?二、flex 案例需求分析(1)初始样式:(2)需求分析:(1)需要整体布局为居中(2)左侧边导航栏随着鼠标的进入改变背景颜色和字体颜色(3)右侧边链接图片可以随着屏幕的大小自适应换行(4)底部同样自适应并居中(5)最终样式(3)案例讲解(1)实现基础分块headermainfooter(4)最终代码欢迎小伙伴们留言讨论 当然也欢迎大佬改正错误 哈哈哈哈前言提示:主要内容 flex弹性布局以及c
2023-04-17 12:38:54
1070
1
原创 使用vitepress搭建自己的博客项目
CAN BLOG是基于vitepress二开的个人博客系统,他能够方便使用者快速构建自己的博客文章,无需繁琐的配置和复杂的代码编写。CAN BLOG以antdv为UI设计基础,简洁大方,界面友好;同时结合自动化构建侧边栏(路由),无需使用者手动配置;以及构建实现功能,实现文章保存功能。官网。
2025-01-25 14:13:14
517
原创 校园学习网站
校园学习网站需求分析一、用户人群学生群体商户群体广告商系统管理者二、基本功能2.1、登陆模块邮箱登陆邮箱密码登陆修改密码2.2、学习模块权限学习分类免费学习部分vip专项付费专项产品交付单独专属下载链接链接只能自己使用、链接加密2.3、付费支持微信支付接口支付宝接口2.4、系统功能代码上传、下载功能权限管理产品管理用户管理2.5、用户信息基本信息编辑充值业务下载历史。。。三、经济来源用户充值商家广告投放
2024-07-09 16:21:59
588
1
原创 四:var、const、let的特点和区别
1.1、存在变量提升(变量的预处理)解释:在引擎解释js代码之前会对其进行编译,编译阶段会找到所有的声明,并用合适的作用域将它们关起来。2.4、数组是引用类型、const声明该类型变量不可以改变的的是引用始终指向的某个对象,不能指向其他对象,但是对象本身是可以改变的。2.3、const 并不是变量的值不能改变、而是变量指向的内存地址所保存的数据不得改动。1.2、一个变量可以声明多次,后面的会覆盖掉前面的声明。1.3、函数中的var是局部的、其他就是全局的。3.2、let声明的变量只能在合适代码块中有效。
2023-08-16 17:02:02
189
原创 如何在 vue 项目中引入高德地图
相信在 web 开发中有不少项目都用到过地图,那么我们怎么在自己的项目中引入第三方地图呢?提示:以下是本篇文章正文内容,下面案例可供参考。
2023-08-13 00:48:00
1615
原创 php实现数据库全文搜索功能
新建一个selectColum.php文件。新建一个getTable.php文件。新建一个linksql.php文件。
2023-07-01 19:45:10
577
原创 console.log([1, 2, 3].map(parseInt))结果是什么你知道吗???
提示:对map函数有清晰的认识,以及对parseInt使用有清晰的认识:提示:以下是本篇文章正文内容,下面案例可供参考。
2023-05-28 15:22:20
180
原创 sass实战dom-登陆界面
提示:这里主要是对其进行使用,如果有不熟悉的小伙欢迎进入sass专栏学习:提示:以下是本篇文章正文内容,下面案例可供参考注意!!!!首先就是安装sass插件在vscode上,这样才能将sass文件编译成css文件,注意这里的html文件是不能直接编译sass文件的,所以我们在头部linK引入的是css文件为安装sass插件的小伙伴可以点击sass的基本使用学习。
2023-05-22 13:31:16
197
原创 如何使用animate.css动画库
随着前端界面需求以及内容友好度的提高,一个好看的动画往往显得非常重要,接下来我们就来介绍一下如何在HTML以及工程项目中使用animate.css动画库是一个前端的动画库,animate.css官网用npm安装在js代码中引入即可(这里我推荐在main.js中引入,这样就可以在整个工程文件中使用啦)1.2、在html文件引入在head中2.使用方法在 transition 标签中给对应动作的类名加上动画库中的类就行啦。代码如下(示例):
2023-05-21 03:12:26
8633
原创 组合式API实战-任务列表(element UI + Mitt事务总线)
点击mitt的使用查看点击如何引用element UI查看这里我们使用cdn的方式CDN2.编写计划列表组件3.结合(全部代码)四、效果图熟悉组合式API的写法,熟悉 css、es6新特性、掌握mitt基本用法…
2023-05-19 18:17:54
320
原创 手写vue的methods方法调用
提示:同样手写methods是用的dom操作,因此需要大家对dom有一定的熟悉程度例如:节点属性怎么获得呀,怎么获得全部的节点属性呀等等。提示:以下是本篇文章正文内容,下面案例可供参考提示:熟悉dom操作、字符串操作注意:以上就是今天要讲的内容,本文仅仅简单介绍了的使用vue methods的编写,这与官方肯定存在不小的差距,因此仅供参考!!!
2023-05-14 16:30:59
933
原创 sass实战看这一篇就够了
前言提示:这里使用的是以前的一篇文章里面的案例进行sass实战讲解不清楚的可以点击flex实战提示:以下是本篇文章正文内容,下面案例可供参考一、css下的dom<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>爱V猫友情链接</title></head><style> * {
2023-05-11 20:09:20
287
原创 在html文件中使用sass
随着前端样式的丰富多变,基本的css编写已经不能满足开发需求,因此需要一个能够简化css开发的工具;sass,一个css预处理工具,他可以帮助开发人员简化样式编写,让开发效率得到很大的提高,同时对css的维护也变得更加方便。提示:以下是本篇文章正文内容,下面案例可供参考。
2023-05-11 19:02:32
3075
原创 手把手教你封装一个带删除按钮的 input 输入框
提示:需要大家熟悉css中的定位position以及v-model的基础原理。提示:以下是本篇文章正文内容,下面案例可供参考需要熟练掌握 css 、vue计算属性 、v-model的原理欢迎小伙伴们留言讨论,也欢迎大佬😎。
2023-05-04 20:34:12
1340
原创 手把手教你简单的“抽屉”组件的封装
抽屉打开的方向有 上下左右 4种左边打开右边打开下面打开上面打开省略(不清楚的小伙伴可以看我的 手把手教你封装按钮组件 的准备工作和这个差不多)2、编写上下左右的基础样式3、定义props动态绑定drawer样式4、给drawer打开加入动态效果这里我们采用 css3 的方式,当然也可以用 js 控制5、给drawer加入插槽6、使用组件drawer四、完整代码1、drawer总结1、主要还是组件之间的通信(不熟悉的小伙伴欢迎评论留言 我会单独出一期组件之间的通
2023-04-27 10:36:47
285
原创 不说了直接上代码(2班跨平台开发实验五---产品分类表)
提示:借鉴的同学记得改一下产品分类表实验5一、第一题二、第二题总结一、第一题<!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
2023-04-19 12:52:29
70
原创 vue2如何使用element ui快速搭建自己的前端页面
element ui 是一款非常好用的前端组件库,里面大量的日常开发中所需要用到的组件,结合 vue 便可达到快速开发的目的。以下是本篇文章正文内容。
2023-04-16 20:05:53
954
1
原创 用 vue封装一个自己的头部导航栏
例如:随着业务功能模块的增加,动态导航栏的封住就显得格外中要。使用for循环遍历barList(可从后台请求)通过点击实现对应模块的字体高亮以及下划线。
2023-04-16 19:38:30
879
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人