WH小可爱-CSDN博客

原创用VUE实现一个具有登陆、注册等功能的网站【详细步骤】

用VUE实现一个具有登陆、注册等功能的网站用VUE实现一个具有登陆、注册等功能的网站一、主要功能二、实现思路三、代码实现四、效果展示五、总结用VUE实现一个具有登陆、注册等功能的网站一、主要功能本次任务主要是使用VUE实现一个具有登陆、注册等功能的网站主要功能为：1.要求三个页面分别是登陆、注册、主页2.记录存储已注册的用户信息列表3. 实现各个页面之间的跳转二、实现思路1、页面设计Register.vue 注册页面，包含输入用户名、输入密码、注册按钮等login.vue登录页面，包

2021-01-22 03:20:50 52700 48

原创 Vue+element-ui 使用row-class-name修改el-table某一行解决背景色无效

项目场景：要实现这样的一个功能：为列表特定某一行的背景高亮，如下图，实现某一行的权限字段是超级，那么这行就高亮显示的效果问题描述：根据element-ui中el-table中的row-class-name 属性设置可以通过指定 Table 组件的 row-class-name 属性来为 Table 中的某一行添加 class，表明该行处于某种状态。官方文档效果图：根据element-ui中el-table中的row-class-name 属性设置<template>

2022-03-06 12:24:54 6714 3

原创 vuex入门到实战——实现一个todoList待办清单【学习记录】

文章目录前言一、Vuex是什么？Vuex核心概念1. State2. Mutation3.Action二、使用步骤1.引入库2.读入数据总结前言本文将从Vuex的核心概念出发，通过讲解一个待办清单的小项目，帮助大家更好的理解Vuex。此文主要是根据近日学习的关于Vuex的内容，整理出的学习笔记，用来巩固与记录。欢迎大家交流与讨论😊主要参考视频为黑马程序员的“Vue全家桶-Vuex” 原视频地址https://www.bilibili.com/video/BV1h7411N7bg?from=se

2022-02-26 20:29:06 2672

原创 2021-06-15学习记录——在vue项目中使用axios获取本地json数据

学习记录——在vue项目中使用axios获取本地json数据前言一、Axios二、使用步骤1.安装axios2.在main.js 导入并引用3.创建本地json数据在public文件夹下面创建data文件夹data文件夹里创建orderlist.json 文件json文件4.在需要数据的文件里导入axios5.使用异步加载获取数据总结前言在我们做前端开发的过程中，在暂时未后台的情况下，可能需要一些“假”数据来进行填充展示，且测试我们的代码在是否有问题。在一般情况下展示“假”数据有两种方式，一是可以直接

2021-06-15 14:23:42 1871 8

原创原生js实现元素拖拽onmousedown/onmousemove/onmouseup

文章目录前言一、实现思路二、具体步骤1.鼠标在元素上按下时2.鼠标拖拽元素时3.鼠标抬起事件4.完整代码总结前言我们在网页操作的时候，经常用到鼠标拖拽元素的行为。本篇文章就来讨论一下鼠标拖拽元素的原理及简单的实现过程。一、实现思路首先鼠标拖拽要用到三大事件onmousedown：鼠标选择元素onmousemove：鼠标移动元素onmouseup：释放元素，也就是先用鼠标点击元素，然后拖拽元素到某一位置，释放元素的过程。那么如何进行拖拽移动呢，主要是根据我们鼠标移动时的坐标变化来实

2021-03-17 11:35:32 1120 5

原创使用canvas实现雪花飘动效果

文章目录前言一、canvas是什么？二、canvas的基本用法1.创建一个画布（Canvas）2.使用JavaScript绘制图像3.Canvas 坐标4.Canvas - 路径三、实现雪花飘动的思路1.创建一个画布（Canvas）2.创建雪花的对象数组3.绘制雪花样式4.实现雪花飘动5.设置刷新6.完整代码总结前言四周山上的层层的松枝，戴着白绒般的很厚的雪，沉沉下垂，不时的掉下一两片手掌大的雪块，无声的堆在雪地上——冰心《寄小读者》今天我们就使用canvas来实现雪花飘落的效果❄️一、ca

2021-03-17 10:09:31 4271 10

原创 HTML5/CSS3基础——div盒子水平垂直居中的三种方案

如何使盒子水平垂直居中，是我们在写页面布局经常能遇到的问题之一。以前我的我每次需要用到水平垂直居中的时候都会百度，每次百度总是又能找到不同的方式而且还记不住:( 但今天就写系统的总结和整理了一下我们使div盒子水平垂直居中的方式到底有哪些跟我之前有着一样困惑的小伙伴一起来看吧～～

2021-03-04 21:30:41 4367 9

原创 VUE中实现轮播图——Swiper 插件应用 vue-awesome-swiper【详细步骤】

VUE中实现轮播图——Swiper vue-awesome-swiper 插件应用【详细步骤】文章目录前言一、Swiper是什么？二、使用步骤1.安装2.在VUE中引入swiper3.在VUE中使用swiper4.优化与改进：使用v-for显示轮播图前言Swiper(Swiper master)是目前应用较广泛的移动端网页触摸内容滑动js插件，是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端；能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。本文将从介绍什么是Sw

2021-02-23 21:02:35 8145 4

原创用VUE实现一个简单的学生信息管理系统

用VUE实现一个简单的学生信息管理系统用VUE实现一个学生信息管理系统一、主要功能二、实现思路三、代码实现四、效果展示五、总结用VUE实现一个学生信息管理系统一、主要功能本次任务主要是使用VUE来实现一个简单的学生信息管理系统，主要功能为：1.显示所有学生的信息（默认为10个)2. 点击按钮，显示出学号尾号为单数(或双数）的学生信息3. 增加学生信息4. 要求使用VUE中父子组件间通信二、实现思路1.数据管理：使用json数组的方式来管理储存数据2.显示学生信息：因为组件是可复用的 V

2021-01-11 21:43:56 19511 22

原创 HTML+CSS基础训练之实现一个“真实”的网页～

@一个“真”的网页实现一个真的网页～经过了前几次的实验，相信大家已经对网页布局有了初步的了解，那么这一次就让我们来做个“真网页”吧！文章展示页是非常非常常见的东西，几乎是随处可见，布局可复杂也可以非常简单，其实归根到底，一个文章布局无非就是文章标题的部分和文章的正文部分。正文部分没有什么好讲的，主要是填充数据，但是标题的部分，可以做的文章就有很多了，可以添加分享按钮，可以添加标签，时间，副标题，发布人作者等等，根据项目实际需求增加删除相应的功能，我们对Markdown编辑器进行了一些功能拓

2020-05-24 17:37:07 4617 3

原创 HTML+CSS之基础训练从传统布局到Flex布局

从传统布局到Flex布局本文将结合一个实例（其实是学校留的作业），来分析传统布局和Flex的异同。一、任务介绍：(1)新建一个 html 页面，并完成下图所示的布局页面(2)尝试用 ul<li 或者 ol<li 标签完成黄色线框内 3 个土黄色色块的布局(3)黄色矩形的圆角效果是使用了 css3 中的 border-radius 这个属性进行美化二、分析布局老规矩，首先分析一下图片的布局，分析各个色块之间的嵌套关系如图所示：container里包括header、m

2020-05-16 18:25:11 1373

原创 HTML+CSS基础训练之做一个简单页面的布局

@HTML+CSS基础之一个简单页面的布局HTML+CSS基础训练之做一个简单页面的布局为了更好的学习WEB前端开发技术，本人将根据专业课所学以及自学的成果进行总结整理并实时更新分享！！俺只是一名大二的小????️????第一次写文章请大家多多海涵。**下面进入正题：**布局是网页设计的基础中的基础，一个好的布局可以让人一目了然，一个失败的布局会让协同人员抓狂。所以前端开发，从布局开始。任务介绍：如图所示：一个比较基础的居中布局。Body指的是窗口，contianer(红色线框)是真正页面的

2020-05-15 23:59:16 5558 5

weixin_43633329的博客