SpringBoot之异步、定时、邮件任务
异步任务创建一个service包创建一个类AsyncService异步处理还是非常常用的，比如我们在网站上发送邮件，后台会去发送邮件，此时前台会造成响应不动，直到邮件发送完毕，响应才会成功，所以我们一般会采用多线程的方式去处理这些任务。编写方法，假装正在处理数据，使用线程设置一些延时，模拟同步等待的情况；@Servicepublic class AsyncService { public void hello(){ try { Thread.s
移动端-横向滚动/滑动 css样式
移动端-横向滚动css代码html： <ul> <li> //内容部分 <div> <p>按时大大大阿斯蒂芬反复放</p> <p>按时大大大阿斯蒂芬反复放</p> </di...
移动端 选项卡导航栏 切换样式、内容 的CSS (引用了vue)
移动端 选项卡/导航栏 切换样式、内容 (vue)Nav导航栏/选项卡的html <div class="nav"> <div :class="{active:(navId==0)}" @click='navC(0)'>//根据navId切换激活样式 全部 </div> ...
将多问卷（单选）选择结果记录在数组中(Vue)，并设置选项的选中样式
将多问卷（单选）选择结果记录在数组中(Vue)，并设置选项的选中样式html代码：<div class="question" v-for="(item, index) in questionArr" //遍历存放问题的数组 :key="index" //设置key属性 > ...
ant-design-vue 设置按需加载
ant-design-vue 在vue-cli按需加载首先需要 安装 babel-plugin-importnpm install babel-plugin-import --save-devvue-cli 2 版本:修改 .babelrc 文件 进行配置 { "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "l
JS 简单树形 断路径数组 拼接成多个路径
简单 树形 断点路径数组 拼接成路径数组 let aarr = [ [1, 2], [1, 3], [2, 4], [4, 5], [4, 6], [3, 7], [7, 9], [3, 8], [8, 10] ]//断点路径数组 let pathA
element-ui 按需加载
element-ui 在vuecli中 按需加载1、使用npm下载 babel-plugin-component2、配置babel-plugin-componentvuecli4版本以上：配置bable.config.jsmodule.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], //以下为新增的配置代码 "plugins":[ [ "component", {
echarts 横向堆叠柱状图，展示2种状态
echarts 横向堆叠柱状图，展示2种状态例图:数据部分 //自定义x轴刻度文字 xAxisJudge: [ { val: 0, date: "2020/9/19" }, { val: 24, date: "2020/9/20" }, { val: 48, date: "2020/9/21" }, { val: 72, date: "2020/9/22" }, { val: 96, date: "2020/9/23" }, { val: 1
echarts 自定义x,y轴间距
echarts 自定义 x , y 轴刻度值js代码: //定义刻度显示内容 let xJ = [ { val: 0, date: "2020/9/19" }, { val: 24, date: "2020/9/20" }, { val: 48, date: "2020/9/21" }, { val: 72, date: "2020/9/22" }, { val: 96, date: "2020/9/23" }, { val: 120, date:
element-ui表格列el-table-column如何根据数据不同显示不同的值
element-ui 表格 列el-table-column如何根据数据不同显示不同的值使用element-ui的表格时，有时候后台给的字段和要显示在表格列里的内容不一致。例如后台给的是status，它的值为true或false，要求显示在表格里是‘正确’或‘错误’这时可以给el-table-column添加一个属性：formatterhtml代码：<el-table ref="accountTable" :data="accountsListData" border> &
element-ui坑点
element-UI坑点1、el-popconfirm 气泡确认框-1 设置确认按钮的文字 confirmButtonText = “…” 是无效的需要避免驼峰命名法 , 换成 confirm-button-text 才可以设置成功同理 cancelButtonText 需要换成=>cancel-button-text-2 用来触发 Popconfirm 显示的 HTML标签上 需要设置 slot="reference"否则会隐藏显示-3 官方文档中 Events 里的 onCon
2020.08.23 DOM基础
DOM结构一句话总结：DOM操作，可以简单的理解成元素操作。我们在操作元素时，其实就是把这个元素看成对象，然后使用这个对象的属性和方法来进行相关操作注：节点和元素是不一样的概念，节点包括元素，常见的节点有元素节点，属性节点、文本节点获取元素的相关方法（重要）* getElementById（"id名"）* getElementsByClassName("类名")* getElementsByTagName("标签名")* getElementsByName("name名")* qu
2020-09-03购物车 （小项目）
购物车<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> table{
2020.9.11 cookie存储 实例30天免登陆
cookiecookie是document下的一个属性，在真实的网络环境中进行，可用127.0.0.1/ 相对主机名 <script> document.cookie = "name=changxiaodong"; </script>在浏览器的Application中检测，默认生命周期关闭即消失，要使生命周期长一点，需要在后面加expires 如下let date = new Date();date.setDate(date.getDat
2020-09-12 前端学习之周总结
周总结window shell 命令cd … 返回当前文件夹上一层cd 文件夹名 进入某个文件夹dir 列出当前文件夹目录mkdir 文件夹名 创建一个文件夹rmdir 文件夹名 移出一个文件夹从浏览器输出地址栏到看到页面都发生哪些事情DNS解析(将域名转换为IP地址)客户端向远程服务器的某一个端口发送一个请求 (一般为80端口)服务器会经过内部处理之后，向客户机返回一个文件或一段内容（.html文件，img图片,css文件,JS文件或者是一段JSON）客户端将接受到来
2020.10.10 做电商网站项目小结
前言最近十多天以来，完整的做了一个电商网站项目，和原网站比起来实现的功能只是冰山一角，最基本的功能还是有的。没有用多表联查，这是最需学的一步了，功能还待完善，先将学到的东西做个小结，以检查学习成果。考拉海购项目小结网站基本流程：mysql数据库建表——>注册页注册(用正则验证)——>登录页登录——>首页(浏览信息 选一类商品)——>列表页(ajax请求 选某一个商品)——>详情页——>购物车页——>订单页——>个人主页——>支付页操作规范
2020-10-12认识Vue
认识Vue基本概念是一套构建用户界面的渐进式的自底向上增量开发MVVM框架，Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特点（只要是框架都有其相似的特性，可用于面试题作为万能答案）轻量级上手快高效率简单易学文档全面而整洁Vue.js 的产生核心是为了解决如下三个问题解决数据绑定问题。Vue.js主要的目的是为了开发大型单页面应用。支持组件化，也就是可以把页面封装成为若干个组件，把组
2020-10-15 修饰符 计算属性 生命周期 钩子函数
修饰符@click.stop 阻止事件冒泡@click.once 执行一次@click.prevent 阻止默认行为一系列按键修饰符计算属性计算属性：就是Vue实例中一个有计算data数据功能的属性应用场景：一条数据在不同的位置想展示不同的结果<div id="demo"> {{xiaoming}}</div><div id="demo"> {{xiaohong}}</div><script>
计算机网络入门(二)——快速理解网络通信协议下
目录上篇小结用户上网设置静态IP地址动态ip地址DHCP协议上网设置小结一个实例：访问网页本机参数DNS协议子网掩码应用层协议TCP协议IP协议以太网协议服务器端响应上篇小结我们已经知道，网络通信就是交换数据包。电脑A向电脑B发送一个数据包，后者收到了，回复一个数据包，从而实现两台电脑之间的通信。数据包的结构，基本上是下面这样：发送这个包，需要知道两个地址：对方的MAC地址；对方的IP地址。有了这两个地址，数据包才能准确送到接收者手中。但是，前面说过，MAC地址有局限性，如果两台电脑不在
计算机网络入门(一)——快速理解网络通信协议
目录五层模型层与协议实体层链接层定义以太网协议MAC地址广播网络层网络层的由来IP协议IP数据包ARP协议传输层传输层的由来UDP协议TCP协议应用层互联网的实现，分成好几层。每一层都有自己的功能，就像建筑物一样，每一层都靠下一层支持。用户接触到的，只是最上面的一层，根本没有感觉到下面的层。要理解互联网，必须从最下层开始，自下而上理解每一层的功能。如何分层有不同的模型，有的模型分七层，有的分四层。我觉得，把互联网分成五层，比较容易解释：五层模型越下面的层，越靠近硬件；越上面的层，越靠近用户。层与
今日推荐
周排行