![](https://img-blog.csdnimg.cn/ba44faa7a959492595b05f2568ad1450.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
web
文章平均质量分 72
前端精彩世界
南蓬幽
华为云云享专家,阿里云专家博主,51CTO明日之星,掘金。
展开
-
前后端分离:停车管理系统(Java后端,vue前端)
开发环境:工具使用 idea,数据库(mysql5.7),windows10项目的技术选型:SpringBoot+mybatis-plus,vue,elementui,springsecurity前端adduser.vue学完之后了解了SpringBoot框架,学习了mybatis-plus,springsecurity,以前学过vue,对学过的知识又进行了复习,新接触了elementui,使的开发更加快捷和简单,对前后端分离项目的开发步骤有了一定的理解和经验。原创 2022-11-10 12:04:24 · 1257 阅读 · 2 评论 -
前后端分离智能停车场系统项目,报错解决
在启动主文件里面把@MapperScan(“com.tony.ssmmd.mapper”)注释掉就可以了,只保留配置文件com.xxx.xxx.config.MyBatiesPlusConfiguration里面的@MapperScan(“com.xxx.xxx.mapper”)最后原因是导入了security的包,导致权限安全拦截。不能用data,将其改为params。添加 @CrossOrigin。其实两个保留一个就可以了。原创 2022-10-12 10:23:11 · 311 阅读 · 0 评论 -
web使用第三方文件快速实现烟花特效
烟花特效有很多种,有用C++和Python写的,但我都不会写!在网上找的,就喜欢这种简单的!不用链接的话可以下载两个js文件jquery-1.11.0.min.jsjquery.fireworks.js<!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome原创 2022-03-13 22:16:32 · 488 阅读 · 0 评论 -
vue第五章习题
课后习题一、填空题1.在项目中可以通过 npm命令 npm instal vue - router 安装路由 vue - routero2.使用路由对象获取当前激活的路由的状态信息。3通过一个名称来标识一个路由的方式叫作命名路由4在业务逻辑代码中实现导航跳转的方式称为编程式导航5,单页面应用主要通过 URL 中的 hash (#号)实现不同页面之间的切换。二、判断题1.后端路由通过用户请求的 URL 导航到具体的 html 页面。 ✔2.开发环境下,使用 import VueRoute原创 2021-11-19 10:44:50 · 8885 阅读 · 0 评论 -
vue实现单击一个按钮后,切换盒子的展开和收起状态
实现单击一个按钮后,切换盒子的展开和收起状态!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, initial-scale=1.0">原创 2021-11-11 16:57:46 · 3882 阅读 · 0 评论 -
vue编写一个登录页面,使用Tab栏实现“账号登录”和“二维码登录”这两种方式的切换
编写一个登录页面,使用Tab栏实现“账号登录”和“二维码登录”这两种方式的切换,并通过transition组件结合animate.css实现切换时的动画效果1.CSS样式编写自己想要的大小,颜色等#content{ width: 400px;; margin: 60px auto; } .title{ height: 50px; border-bottom: 1px solid #e1e7ec; text-align: center; } #co原创 2021-11-11 16:55:26 · 10931 阅读 · 1 评论 -
Vue第四章课后习题【哈哈】
课后习题文章目录课后习题一、填空题二、判断题三、选择题四、简答题一、填空题Vue提供的内置过渡封装组件是_ transition__。2.在过渡封装组件中使用__name__属性可以重置过渡中切换类名的前缀。3.通过___appear_特性设置节点在初始渲染的过渡。4.在离开的过渡中有__v-leave,v-leave-active,v-leave-to____3个class切换。5.__自定义过渡__的类名优先级要高于普通的类名。二、判断题1.函数式组件中的render0函数用来创建原创 2021-11-05 16:14:26 · 10233 阅读 · 0 评论 -
Vue实现一个简单的登录页面【自定义】
创建一个自定义插件<!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, initial-scale=1.0"> <t原创 2021-11-05 16:09:27 · 5116 阅读 · 0 评论 -
教你用Vue插槽实现一个简单的电影网站导航栏
用插槽实现一个导航栏每次访问电影网站,都会看到一个导航栏,今天就仿照一个导航栏结构。<!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原创 2021-11-05 16:05:58 · 1979 阅读 · 0 评论 -
Vue基础入门题库
Vue基础入门作业(含参考答案)单选题1、下列选项中,代表视图部分的是()。1分A、ElementB、DOMC、ModelD、View参考答案 : D 答案说明 : MVVM主要包含3个部分,分别是Model、View和ViewMode。Model指的是数据部分,主要负责业务数据;View指的是视图部分,即DOM元素,负责视图的处理。2、下面选项中,是基于Chrome V8引擎的JavaScript运行环境,它可以让JavaScript运行在服务器端的是()。1分A、npm.原创 2021-09-22 10:07:27 · 10940 阅读 · 1 评论 -
vue组件为什么data是函数不是对象?
今天老师提出了这个问题,记录一下。vue组件为什么data是函数?data是一个函数时,每个组件实例都有自己的作用域,每个实例相互独立,不会相互影响。date写成对象形式, 每个组件的data都是内存的同一个地址,一个数据改变了其他也改变了。为什么new Vue这个里面的data可以放一个对象?因为这个类创建的实例是不会被复用。它只会new一次,不用考虑复用,所以放一个对象即可。在这里插入代码片...原创 2021-09-30 09:28:19 · 223 阅读 · 0 评论 -
Vue第一章习题【答案】
Vue第一章习题一、 填空题Vue是一套构建__用户界面____的渐进式框架。MVVM主要包含3个部分,分别是Model、View和_ViewModel_____.Vue中通过__refs________属性获取相应DOM元素。在进行Vue调试时,通常使用_vue-devtools_____工具来完成项目的开发。Vue中页面结构以__组件_____形式存在。二、 判断题Vue与Angual 和React框架不同的是,Vue设计为自下而上逐层应用。✔Vue完全能够为复杂的单页应用提供驱原创 2021-09-30 17:52:42 · 12864 阅读 · 0 评论 -
Vue第二章课后题【答案】
一、填空题Vue 实例对象通过 new关键字方式来创建Vue 初始数据在实例对象的 data 参数中进行定义。Vue 实例对象中的 el 参数表示唯一根标签Vue 中实现双向数据绑定的指令是 v-modelVue 事件绑定指令是v-on。二、判断题1.在项目中引人了 vue . js 文件,才可以创建 Vue 实例。✔2 Vue 实例对象指令主要包括自定义指令和内置指令,通过指令省去 DOM 操作✔3. Vue 事件传递方式有冒泡和捕获,默认是冒泡。✔4. Vue 开发提出了组件化开原创 2021-10-06 16:22:07 · 17947 阅读 · 2 评论 -
大家都在看的!VUE第三章课后习题
课后习题一、 填空题Vue 实例对象通过 vm.$root方式来获取。Vue 初始数据通过vm.$data 方式获取。Vue 中通过 vm.$children获取当前实例的子组件。Vue 中创建插件提供的方法是install 。Vue 中通过Vue.directive()创建自定义指令。二、 判断题1, Vue 提供的全局 AP 接口 component(),不能用来注册组件。✖2, Vue 中 Vue . config 对象用来实现 Vue 全局配置。✔3、 Vue 中 data原创 2021-10-16 17:55:08 · 12164 阅读 · 0 评论 -
教你用Vue 做一个简单的比较两个数字的大小的页面
一、案例描述1、 考核知识点创建vue实例和对v-model内置指令的使用2、 练习目标创建vue实例。掌握v-model内置指令的使用。3、 需求分析用户输入的两个数据,得到其大小返回比较结果。4、 案例分析效果如图所示。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible原创 2021-10-16 19:20:08 · 26210 阅读 · 13 评论 -
教你用Vue做一个简单网页计算器
二、案例描述1、 考核知识点2、 创建vue实例和对v-model内置指令的使用3、 练习目标创建vue实例。掌握v-model内置指令的使用。4、 需求分析用户通过选择计算方法和数据输入,得到计算结果。5、 案例分析效果如图所示。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compat原创 2021-10-16 19:23:47 · 10274 阅读 · 0 评论