- 博客(31)
- 收藏
- 关注
RSS订阅
原创 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
56
原创 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
1507
16
原创 flex布局实例讲解，兄弟看flex布局案例 这一篇就够了！！
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、flex布局是什么？二、flex 案例需求分析（1）初始样式：（2）需求分析：（1）需要整体布局为居中（2）左侧边导航栏随着鼠标的进入改变背景颜色和字体颜色（3）右侧边链接图片可以随着屏幕的大小自适应换行（4）底部同样自适应并居中（5）最终样式（3）案例讲解（1）实现基础分块headermainfooter（4）最终代码欢迎小伙伴们留言讨论 当然也欢迎大佬改正错误 哈哈哈哈前言提示：主要内容 flex弹性布局以及c
2023-04-17 12:38:54
846
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
133
原创 如何在 vue 项目中引入高德地图
相信在 web 开发中有不少项目都用到过地图，那么我们怎么在自己的项目中引入第三方地图呢？提示：以下是本篇文章正文内容，下面案例可供参考。
2023-08-13 00:48:00
1132
原创 php实现数据库全文搜索功能
新建一个selectColum.php文件。新建一个getTable.php文件。新建一个linksql.php文件。
2023-07-01 19:45:10
273
原创 console.log([1, 2, 3].map(parseInt))结果是什么你知道吗？？？
提示：对map函数有清晰的认识，以及对parseInt使用有清晰的认识：提示：以下是本篇文章正文内容，下面案例可供参考。
2023-05-28 15:22:20
92
原创 sass实战dom-登陆界面
提示：这里主要是对其进行使用，如果有不熟悉的小伙欢迎进入sass专栏学习：提示：以下是本篇文章正文内容，下面案例可供参考注意！！！！首先就是安装sass插件在vscode上，这样才能将sass文件编译成css文件，注意这里的html文件是不能直接编译sass文件的，所以我们在头部linK引入的是css文件为安装sass插件的小伙伴可以点击sass的基本使用学习。
2023-05-22 13:31:16
94
原创 如何使用animate.css动画库
随着前端界面需求以及内容友好度的提高，一个好看的动画往往显得非常重要，接下来我们就来介绍一下如何在HTML以及工程项目中使用animate.css动画库是一个前端的动画库，animate.css官网用npm安装在js代码中引入即可(这里我推荐在main.js中引入，这样就可以在整个工程文件中使用啦)1.2、在html文件引入在head中2.使用方法在 transition 标签中给对应动作的类名加上动画库中的类就行啦。代码如下（示例）：
2023-05-21 03:12:26
4821
原创 组合式API实战-任务列表(element UI + Mitt事务总线)
点击mitt的使用查看点击如何引用element UI查看这里我们使用cdn的方式CDN2.编写计划列表组件3.结合（全部代码）四、效果图熟悉组合式API的写法，熟悉 css、es6新特性、掌握mitt基本用法…
2023-05-19 18:17:54
221
原创 手写vue的methods方法调用
提示：同样手写methods是用的dom操作，因此需要大家对dom有一定的熟悉程度例如：节点属性怎么获得呀，怎么获得全部的节点属性呀等等。提示：以下是本篇文章正文内容，下面案例可供参考提示：熟悉dom操作、字符串操作注意：以上就是今天要讲的内容，本文仅仅简单介绍了的使用vue methods的编写，这与官方肯定存在不小的差距，因此仅供参考！！！
2023-05-14 16:30:59
576
原创 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
186
原创 在html文件中使用sass
随着前端样式的丰富多变，基本的css编写已经不能满足开发需求，因此需要一个能够简化css开发的工具；sass，一个css预处理工具，他可以帮助开发人员简化样式编写，让开发效率得到很大的提高，同时对css的维护也变得更加方便。提示：以下是本篇文章正文内容，下面案例可供参考。
2023-05-11 19:02:32
1832
原创 手把手教你封装一个带删除按钮的 input 输入框
提示：需要大家熟悉css中的定位position以及v-model的基础原理。提示：以下是本篇文章正文内容，下面案例可供参考需要熟练掌握 css 、vue计算属性 、v-model的原理欢迎小伙伴们留言讨论，也欢迎大佬😎。
2023-05-04 20:34:12
1005
原创 手把手教你简单的“抽屉”组件的封装
抽屉打开的方向有 上下左右 4种左边打开右边打开下面打开上面打开省略（不清楚的小伙伴可以看我的 手把手教你封装按钮组件 的准备工作和这个差不多）2、编写上下左右的基础样式3、定义props动态绑定drawer样式4、给drawer打开加入动态效果这里我们采用 css3 的方式，当然也可以用 js 控制5、给drawer加入插槽6、使用组件drawer四、完整代码1、drawer总结1、主要还是组件之间的通信（不熟悉的小伙伴欢迎评论留言 我会单独出一期组件之间的通
2023-04-27 10:36:47
192
原创 不说了直接上代码（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
43
原创 vue2如何使用element ui快速搭建自己的前端页面
element ui 是一款非常好用的前端组件库，里面大量的日常开发中所需要用到的组件，结合 vue 便可达到快速开发的目的。以下是本篇文章正文内容。
2023-04-16 20:05:53
659
1
原创 用 vue封装一个自己的头部导航栏
例如：随着业务功能模块的增加，动态导航栏的封住就显得格外中要。使用for循环遍历barList(可从后台请求)通过点击实现对应模块的字体高亮以及下划线。
2023-04-16 19:38:30
557
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人