10 2021 档案
摘要：**原因：**Layui会对select、checkbox、radio等原始元素隐藏，从而进行美化修饰处理。但这需要依赖于form组件，所以必须加载 form，并且执行一个实例。 解决方案： layui.use('form', function(){ var form = layui.form; /
阅读全文
摘要：@Override public String downloadFile(HttpServletResponse response, String name) { try { response.addHeader("Content-Disposition", "attachment;filename
阅读全文
摘要：1.回显数据 beginTime = '2021-01-11' endTime = '2021-01-19' 2.时间选择器数组 data(){ return{ date:[] } } 3.回显：在Vue2中使用数组的push方法，一定不要根据索引直接赋值，无用。Vue3可直接赋值。 this.da
阅读全文
摘要：1.导入依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-mail</artifactId> </dependency> 2.配置application.proper
阅读全文
摘要：作用：路由组件所独有的两个钩子，用于捕获路由组件的激活状态。 具体名字： activated路由组件被激活时触发。 deactivated路由组件失活时触发。 <script> export default { name: "Info", props:['name','age'], activate
阅读全文
摘要：**作用：**让不展示的路由组件保持挂载，不被销毁。 使用： <keep-alive include="News"> //News为组件名，如果不配置include则默认该组件内的所有路由组件都保持挂载。 <router-view></router-view> </keep-alive>
阅读全文
摘要：**作用：**不借助<router-link> 实现路由跳转，让路由跳转更加灵活 使用： <template> <div> <ul> <li v-for="(person,index) in person" :key="index"> <button @click="send(person)">成员
阅读全文
摘要：##replace属性 作用：控制路由跳转时操作浏览器历史记录的模式 浏览器的历史记录有两种写入方式：分别为push和replace，push是追加历史记录，replace是替换当前记录。路由跳转时候默认为push 如何开启replace模式：<router-link replace .......
阅读全文
摘要：**作用：**让路由组件更方便的收到参数 ##布尔模式 props值为布尔值，布尔值为true，则把路由收到的所有params参数通过props传给Info组件 const routes = [ { path: '/about', name: 'About', component: () => im
阅读全文
摘要：**理解：**一个路由（route）就是一组映射关系（key-value）,多个路由需要路由器（router）进行管理。每个组件都有自己得$route属性，里面存储着自己的路由信息。整个应用只有一个router，可以通过组件的$router属性获取。 ##基本使用 1.安装vue-router，命令
阅读全文
摘要：##概念 在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。 ##何时使用？ 多个组件需要共享数据时 ##环境搭建 1.创建文件：src/store/index.js //引入Vue核心
阅读全文
摘要：父组件可以向子组件插入指定未知html结构，也是一种组件间通信方式，适用于 父组件 → 子组件。 ##默认插槽 父组件： <Student> <div>html结构</div> </Student> 子组件： <template> <div> <slot>插槽默认内容</slot> </div> <
阅读全文
摘要：vue实现异步加载的一个库文件。（推荐使用axios） 1.下载npm i vue-resource 2.在main.js中引入插件: import vueResource from 'vue-reource。然后使用插件Vue.use(vueResource)。 3.获取数据的方法：this.$h
阅读全文
摘要：如果你的前端应用和后端 API 服务器没有运行在同一个主机上，你需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过 vue.config.js 中的 devServer.proxy 选项来配置。 ##实现方式 ###方式一 在vue.config.js中添加devServer:
阅读全文
摘要：1.语法：this.$nextTick(回调函数) 2.作用：在下一次更新结束后执行其指定的回调函数。 3.使用时机：当改变数据后，要基于更新后的新DOM及逆行某些操作时，要在nextTick所指定的回调函数中执行。
阅读全文
摘要：一种组件间通信方式，适用于任意组件间通信。 ##使用步骤 1.安装pubsub: npm i pubsub-js 2.引入：import pubsub from 'pubsub-js' 3.接收数据：A组件想接收数据，则在A组件中订阅消息，订阅的回调留在A组件自身。pubsub.subscribe(
阅读全文
摘要：#全局事件总线 一种组件间的通信方式，适用于任意组件间通信。 ##使用方式 1.安装全局事件总线 new Vue({ render: h => h(App), beforeCreate() { Vue.prototype.$bus = this } }).$mount('#app') 2.使用事件总
阅读全文
摘要：##组件的自定义事件 1.一种组件间的通信方式，适用于：子组件 > 父组件。 2.使用场景：A是父组件，B是子组件，B想要给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中） 3.组件上也可以绑定原生的DOM事件，需要使用native修饰符。 4.注意：通过this.$refs.xxx.
阅读全文
摘要：1.存储内容大小一般支持5MB（不同浏览器可能还不一样）。 2.浏览器端通过Window.sessionStorage和Window.localStorage属性来实现本地存储机制。 3.相关API： 1. localStorage.setItem('key','value'); 该方法接受一个键和
阅读全文
摘要：作用：让样式在局部生效，防止冲突 <style scoped> </style>
阅读全文
摘要：url地址:其中参数data.recruitmentName为中文。 //使用encodeURI()进行二次编码 location.href = "http://localhost:8080/pages/manager/jobs_main.html?recruitmentId="+data.id+"
阅读全文
摘要：/** * 获取地址栏参数 * @param variable * @returns {string|boolean} */ function getQueryVariable(variable) { var query = window.location.search.substring(1);
阅读全文
摘要：**作用：**用于增强Vue 使用方式： 创建插件plugins.js export default { install(Vue){ } } 在main.js中引入插件 import plugins from "@/plugins"; Vue.use(plugins)；
阅读全文
摘要：##mixin **作用：**可以把多个组件共同的配置提取成一个混入对象。 使用方式： 定义混合 export const mixin = { methods:{ clickBtn(){ alert(this.name); } } } 在需要引入混入的组件上引入混入,并配置mixins <scrip
阅读全文
摘要：##props属性 **作用：**让组件接收外部传过来的数据。 **传递数据方式：**在组件标签上加入对应属性名与值。 //age属性传入的是字符串 <Demo name="hzc" age="20"><Demo> //动态绑定后age传入的是Number类型的值 <Demo name="hzc"
阅读全文
摘要：##ref属性 1.ref属性被用来给元素或子组件注册引用信息（id的替代者） 2.应用在html标签上获取的是真是的DOM元素 3.应用在组件上获取的是组件实例对象（VueComponent） <template> <div id="app"> <img alt="Vue logo" src=".
阅读全文
摘要：Java 8之后，日期类的处理建议使用java.time包中对应的LocalDateTime, LocalDate, LocalTime类。（参考Java8新特性） 在Spring Boot中（验证版本：2.1.5.RELEASE），日期类的序列化格式可能不是自己所希望的，需要定义为自己的格式。有两
阅读全文
摘要：##不同版本的Vue vue.js和vue.runtime.xxx.js的区别 （1）vue.js是完整版的vue，包含：核心功能+模板解析器。 （2）vue.runtime.xxx.js是运行版本的vue，只包含：核心功能。没有模板解析器。 vue.runtime.xxx.js没有模板解析器，所以
阅读全文
摘要：<!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> <!-- 针对IE浏览器的一个特殊配置，含义时让IE浏览器以最高的渲染级别渲染界面--> <meta http-equiv="X-UA-Compatible" content="
阅读全文
摘要：创建其他组件，例如School.vue和Student.vue <template> <div> <h2>{{schoolName}}</h2> </div> </template> <script> export default { name:'School', data:{ schoolName
阅读全文
摘要：##VueComponent 假设school是我们自定义的一个组件。 school组件本质是一个名为VueComponent的构造函数，且不是程序员定义的，是Vue.extend生成的。 我们只需要写<school />或<school></school>，Vue解析时会帮我们创建school组件
阅读全文
摘要：prevent: 阻止默认事件。 stop: 阻止事件冒泡。 once: 只触发一次。 capture: 使用事件的捕获模式。 self: 只有event.target是当前操作的元素时才会触发事件。 passive：事件的默认行为立即执行，无需等待事件回调执行完毕。
阅读全文
摘要：##v-text 作用：向其所在的节点中渲染文本内容。 与插值语法的区别：v-text会替换掉节点中的内容，{{}}则不会。 ##v-html 作用：向指定节点中渲染包含html结构的内容。 与插值语法的区别： (1) v-html会替换掉节点中所有的内容，{{}}则不会。 (2) v-html可以
阅读全文
摘要：##局部过滤器 <body> <div id="app"> {{message | upperFilter}}<br> {{nowTime | dateFormat}}<br> {{nowTime | dateFormat('YYYY-MM-DD')}} </div> </body> <script
阅读全文
摘要：若：<input type="text" />，则v-model收集的是value值，用户输入的就是value值。 若：<input type="radio" />，则v-model收集的是value值，且要给标签配置value值。 若：<input type="checkbox" /> （1）没有
阅读全文
摘要：vue会监视data中所有层次的数据。 如何监测对象中的数据？ 通过setter实现监视，且要在new Vue时就传入要监测的数据。 （1）对象中后追加的属性，Vue默认不做响应式处理。 （2）如需给后添加的属性做响应式处理，请使用如下API： Vue.set(target,inde
阅读全文
摘要：列表过滤： <script> const vm = new Vue({ data:{ keyWord:"", persons:[ {id:'1001',name:"张三",age:21}, {id:'1002',name:"张飞",age:21}, {id:'1003',name:"李四",age:
阅读全文
摘要：条件渲染： v-if：适用于切换频率较低的场景；不展示的DOM元素直接被移除；可以和v-else-if v-else一起使用，但是结构不能被打断。 v-show：适用于切换频率较高的场景；不展示的DOM元素未被移除，仅仅是使用样式隐藏掉。 列表渲染： <ul> <li v-for='(value,i
阅读全文
摘要：class绑定： 字符串形式：样式的类名不确定，需要动态指定。 <div class="default" :class="style1"></div> 数组形式：要绑定的样式个数不确定，名字也不确定。 <div class="default" :class="array"></div> <scrip
阅读全文
摘要：计算属性getter什么时候被调用？ 初次读取时。 所依赖的数据改变时。 计算属性写法： computed:{ full:{ get(){ return this.first+this.end; }, set(value){ } }, //简写,只读不写时使用 fullName(){ return
阅读全文
摘要：<script> let number = 18; let person = { name:"张三"， gender:"男" }; Object.define(person,"age",{ value:18, enumerable:true, //控制属性是否可以枚举，默认false writabl
阅读全文
摘要：//方法一 data:{ name:"数据" } //方法二，函数式写法，推荐 data:function(){ return{ name:"数据" } } data(){ return{ name:"数据" } }
阅读全文
摘要：在核心配置类中添加： @Configuration public class MainConfig implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { //添加跨域路
阅读全文
摘要：SALT值属于随机值。用户注册时，系统用来和用户密码进行组合而生成的随机数值，称作salt值，通称为加盐值。 **背景：**系统通常把用户的密码如MD5加密后，以密文形式保存在数据库中，来防止黑客偷窥。 **产生：**随着对MD5密文查询工具的出现，而很多用户的密码又设置简单，单纯的对用户密码进行M
阅读全文
摘要：Jasypt 是一个 Java 库，它允许开发人员对项目添加基本的加密功能，而无需深入了解密码学的工作原理。 ##步骤 1.导入依赖 <dependency> <groupId>com.github.ulisesbocchio</groupId> <artifactId>jasypt-spring-
阅读全文
摘要：https://start.aliyun.com/
阅读全文
