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
阅读全文