02 2021 档案
摘要：1.目的，因为在做前端开发的时候需要进行原生事件处理，以下代码是使用两个不同的点击事件来触发对应的内容 比如第一个是演示获取之前的按钮上的内容，第二个是获取事件属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met
阅读全文
摘要：1.v-for使用，前面两个针对数组，后面针对对象 <div v-for="value in object" ></div> <div v-for="(value, key) in object"></div> <div v-for="(value, key, index) in object"><
阅读全文
摘要：1 <template> 2 /* 在页面上显示ress的内容 */ 3 <div>{{ ress }}</div> 4 </template> 5 6 <script> 7 /* Vue 是通过 webpack 实现的模块化，因此可以使用 import 来引入模块 */ 8 /* 引入CopyDa
阅读全文
摘要：v-if 是否渲染当前元素v-elsev-else-ifv-show与 v-if 类似，只是元素始终会被渲染并保留在 DOM 中,只是简单切换元素的 CSS 属性 display 来显 示或隐藏 <!DOCTYPE html> <html lang="en"> <head> <meta charse
阅读全文
摘要：1.语法格式 v-bind:class='表达式' 或 : class='表达式' class 的表达式可以为： 字符串 :class="activeClass" 对象 :class="{active: isActive, error: hasError}" 数组 :class="['active'
阅读全文
摘要：1.我们首先还是来看看代码 查看我们的结果 首先我们来解释一下整体的思路： data的内容和v-model的就不用说了，双向绑定默认值，也可以在input输入框内修改值 v-model调用函数的方法如上诉内容一致，只是需要加一个小括号 然后计算的方式从函数中进行返回显示在页面 为什么要减去一个0呢，
阅读全文
摘要：1.格式 完整格式：v-bind:元素属性='xxx' 缩写格式：:元素属性='xxx' 在上一章节的基础上，我们增加了如下代码，imgUrl的地址是网上随便找的 然后我们看看效果 增加跳转链接 2.事件绑定，格式 完整写法：v-on:事件名称="事件处理函数名" 缩写：@事件名称="事件处理函数名
阅读全文
摘要：1.之前我们绑定的数据修改一个内容之后其它内容也跟着变化，但是有时候我们只想改一个地方，那么这个时候我们需要用到v-once 首先我们看看之前的代码内容 2.然后我们使用vue进行调试时改变一个内容后其它内容都随之跟着改变 3.查看效果 我们在F12调试页面中修改我们的内容再次查看效果 然后会发现我
阅读全文
摘要：1.v-model双向绑定的实现原理，类似java中改变常量原值，然后其余变量去指定的地址的时候拿到最新的 2.把需要改变视图的数据初始化到Vue中，然后再通过修改Vue中的数据，从而实现对视图的更新 比如用户修改view中的数据，然后通过DOM Listeners监听到了之后从而修改到model中
阅读全文
摘要：1.mysql遇见Expression #1 of SELECT list is not in GROUP BY clause and contains nonaggre Expression #2 of SELECT list is not in GROUP BY clause and conta
阅读全文
摘要：1.首先我们来看看目标 2.然后我们看看解决过程 3.keep-alive用法
阅读全文
摘要：1.首先我们先创建一个文件夹，然后使用code工具打开此文件夹，在页面上新增一个文件，文件下新增一个html文件 2.在页面上输入一个"!"，然后使用快捷键shift+enter，编写空白的脚本 如果没有下载全局的vue模块的话，需要在这里进行下载局部的 编写我们的代码，再来查看效果
阅读全文
摘要：1.VScode微软公司轻量级跨平台的开源软件 visual studio code安装 首先我们先下载VScode，地址：https://code.visualstudio.com/ 下载成功之后在自己的本地查看下载的exe的包 然后如果出现这个暂时先不用管 最后除去选择安装地址的地方需要改动一下
阅读全文
摘要：1.查看我们的代码编写 <!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="F:\vue\vue.2.2.2.vue.min.js"></script></head><body> <div id="
阅读全文
摘要：1.首先我们进入前端项目的package.json所在的目录，然后在目录栏输入cmd，进入所在目录的终端 然后全部下载所有模块 查看本地已安装模式 查看已安装的模块版本，比如下图查看jQuery的版本 查看最新的jquery版本npm view jquery version 查看最新的jquery所
阅读全文
摘要：1.我们在进行全局下载模块的时候需要考虑是不是生产，测试环境 如下图操作 这里我们安装一下npm install eslint ，eslint前端代码规范模块
阅读全文
摘要：1.上章节我们讲到过全局变量的安装，那么我们先来了解一下什么叫全局变量 2.全局安装vue模块 npm install vue -g 如果有小伙伴因为C盘比较小，可以更改全局模块路径，脚本如下 可以使用npm list -g 或者npm ls -g来查看当前全局下按照的模块 如果执行完成之后看不到内
阅读全文
摘要：1.NPM 全称node package manager 可从NPM服务器下载别人编写好的第三方包到本地使用 可从NPM服务器下载并安装别人编写的命令行程序到本地使用 可以将自己编写的内容上传至NPM供别人使用 粗略的来讲NPM可以理解成前端的Maven 我们先下载node.js https://n
阅读全文
摘要：1.首先把我们的空白文本内容拿过来 <!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="F:\vue\vue.2.2.2.vue.min.js"></script></head><body> </b
阅读全文
摘要：1.首先编写我们的捕获异常类 2.我们接下来编写一个简单的接口 3.我们来访问这个此接口
阅读全文
摘要：1.多线程结合线程池 首先设置我们的线程池，可以参数化在yml文件中 package demo.config;import java.util.concurrent.ThreadPoolExecutor;import org.springframework.context.annotation.Be
阅读全文
摘要：1.失效的代码如下 解决办法：单独定义一个异步类来进行处理 运行结果如下 package demo.controller;import demo.sync.MemberServiceSync;import lombok.extern.slf4j.Slf4j;import org.springfram
阅读全文
摘要：1.基础：@Async实际上就是多线程封装的 2.我们看看实现的理论，异步线程执行方法有可能会非常消耗cpu的资源，所以大的项目建议使用Mq异步实现 3.我们先看看单线程的代码 我们看看单线程运行的结果 package demo.controller; import lombok.extern.sl
阅读全文
摘要：1.@Scheduled创建定时任务，在springBoot主类中加入@EnableScheduling注解启用定时任务的配置,备注：不支持集群，集群可以使用xxl-job 2.首先创建一个task包和一个类，这个类中创建一个方法来进行定时任务 3.需要在启动类中启动我们的定时任务 4.启动之后我们
阅读全文
摘要：1.首先导入我的aop依赖包 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-aop</artifactId></dependency>2.切面代码，用来拦截接口传输时和
阅读全文
浙公网安备 33010602011771号