07 2024 档案
摘要:代码链接 https://www.5axxw.com/questions/simple/37xmlj 效果图展示 全屏展示
阅读全文
摘要:这两天一直在学习如何排版,开发一个网站,我运用了前几天所学的vue基本语法将网站的大致模样copy下来 这期间我查找了不少知识 比如照片如何在网页中不变性的缩放,通过研究我运用class固定结构和class="container"属性将组件固定形成此网页
阅读全文
摘要:1.组件保持存活 正常组件用按钮切换后被切换的组件会被销毁重建,而KeepAlive标签可以保持被切换的组件不被销毁 例如:数据一被切换为新数据,切换组件后再切换回来还是新数据,若未用KeepAlive标签,切换组件后再切换回来还是数据一 2.异步组件 同步:有多个功能A/B/C时,功能运行是先运行
阅读全文
摘要:实现切换的功能 component :is="变量" 显示变量名那个组件
阅读全文
摘要:1.组件生命周期 它有八个重要时期 生命周期函数 创建期:beforeCreate created 挂载期:beforeMounte mounted 更新期:beforeUpdate updated 销毁期:beforeUnmount unmount 其中销毁期不轻易出现 2.组件生命周期的应用 一
阅读全文
摘要:1.插槽基本格式 双标签内写内容 子级页面插入标签即可 2.插槽具名 套用标签 在标签内以v-slot:自定义名/#自定义名 形式绑定子页面的标签 标签内以name="自定义名" 形式体现父级页面绑定内容 3.父级数据与子级数据同时出现在页面当中 一 在标签内用v-slot="自定义名" 二 用插槽
阅读全文
摘要:1.组件事件 形式为:父级页面中格式——引入子级页面import xx from 'url' <xx @事件名="函数名" /> 子级页面中格式——添加点击事件<button @click="自定义函数"> 自定义函数(){ //自定义事件 this.$emit("事件名","文本内容") } 2.
阅读全文
摘要:1.组件注册 全局注册:注册完后所有vue都能使用 局部注册:仅当前页面能够使用 全局注册虽然方便但有以下几个问题 一.在打包时会将它一同打包,有时候没有用到它也打包,无任何意义 二.课维护性低,在大型项目中使项目的依赖关系不明确 2.组件传递数据_props 父级传递子级数据(注意传递数据只能父传
阅读全文
摘要:组件嵌套关系 利用组件结构完成嵌套 建立以下vue 将Header.vue Main.vue Aside.vue 引入 App.vue中 Article.vue引入Main.vue,Item.vue引入Aside.vue中 Header.vue代码: <template> **<div class=
阅读全文
摘要:组件组成 组件结构 引用组件(必须写,不写子组件无法运行 页面不显示) 注入组件(必须写,不写子组件无法运行 页面不显示)
阅读全文
摘要:1.侦听器 侦听器在修改数据过程中,实时的侦听数据,将修改前数据和修改后数据记录 2.表单输入绑定 在input标签中输入v-model指令可以实时的显示input标签中输入的内容,v-model.lazy指令为不实时显示,在input标签中输入的内容用鼠标点击空白页面或ENTER后显示 3.模板引
阅读全文
摘要:1.数组变化侦测 效果图 单击push按钮后可增加其内容,直接显示在页面中 单击concat按钮后修改数组,不直接显示在页面中,将数组赋值后显示 addArrayt(){ //不引起ul自动更新 this.names.concat(["sakura"]) //若不赋值则无法显示 this.names
阅读全文
摘要:1.属性绑定 属性绑定使用v-bind命令执行,可忽略不写,以下图片为属性绑定知识内容 效果图 2.条件渲染 条件渲染使用v-if命令执行 ** v-if VS v-show 区别** v-if是"真实的"按条件渲染,因为它确保了在切换时,条件区块内的事件监听器和子组件都会被销毁与重建(将条件移除和
阅读全文
摘要:.vscode VSCode工具的配置文件 node_modules Vue项目的运行依赖文件夹 public 资源文件夹(浏览器图标) src 源码文件夹(用来编码) .gitignore git团队协作工具 index.html 入口HTML文件(不能删除修改) package.json 信息描
阅读全文
摘要:1.安装15.0或更高版本的Node.js 2.win+r 输入cmd 3.cd.. 进入事先准备好的文件夹(可输入node -v 查询Node.js版本) 4.输入npm init vue@latest/npm create vue@latest 5.输入项目名 注:项目名称不要输入大写!!! 选
阅读全文
摘要:使用日志 先配置文件,在resources下新建一个log4j.properties,将以下内容粘贴进去 ## 设置###stdout, log4j.rootLogger = all,D,E,stdout ## 输出信息到控制台 ### log4j.appender.stdout = org.apa
阅读全文
摘要:单元测试 在idea中的src目录新建一个test目录 1. 2. 3. 注:@Test必须写,否则无法运行
阅读全文
摘要:建立数据库连接 1.准备数据库 新建数据库:打开navicat,连接mysql(也可以连接别的,一般用mysql),新建表。 2.配置文件 在idea中找到main/resources,新建file文件命名为db.properties(可起其他名称) 将一下内容粘贴在新建的db.properties
阅读全文
摘要:了解分层思想 将一个方法的代码,拆分到各个部分中,分层的意义是为了团队合作更加方便 1.在项目src/main目录下新建java(源文件夹)和resources(资源文件夹)目录 2.定义包结构及代表意义 web:控制层,定义接口,接收前端客户的需求/请求,传入后端进行解析并将结果传回(接收参数,返
阅读全文
摘要:根据网上课程的学习,运用IDEA时率先需要搭建环境 搭建环境的第一步 1.创建项目 点击file列表下的project,在project中找到Maven 勾选左上角方块(必须勾选,否则无法下一步),选择org.apache.maven.archetypes:maven-archtype-webapp
阅读全文