时间慢点跑-CSDN博客

原创 Spring Boot+Vue 前后端分离项目跨域之我走过的坑

Spring Boot+Vue 前后端分离项目之我走过的坑一、跨域问题同源策略是一种约定，是浏览器的核心的安全功能，指的是不同的同源策略进行访问可能会出现的安全性问题。二、什么是跨域当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域当前页面url被请求页面url是否跨域原因http://www.baidu.com/http://www.baidu.com/index.html否同源（协议、域名、端口号相同）http://www.bai

2021-04-18 18:51:29 356

原创 Mybatis使用注解开发

lyz的自学笔记文章目录一、使用注解开发1、面向接口开发2、使用注解开发一、使用注解开发1、面向接口开发在真正的开发中，很多时候会选择面向接口编程根本原因：解耦可扩展，提高复用，分层开发中，上层不用管具体的实现，大家都遵守共同的标准，使得开发变得容易，规范性更好1、关于接口的理解接口从更深层次的理解，应是定义（规范，约束）与实现（名实分离的原则）的分离2、接口应有两类：第一类是对一个个体的抽象，他可对应为一个抽象体第二类是对一个个体某一方面的抽象，即形成一个抽象面一个体有可能

2020-10-05 22:12:37 252

原创 limit实现分页

lyz的自学笔记文章目录一、分页一、分页为什么要分页如果需要查询前面几条数据，或者中间、后面几条数据时该怎么做呢？这个时候就可以使用分页查询减少数据的处理量使用limit分页 select * from user limit 5 [0-5] select * from user limit 1,5 [1-5]使用Mybatis实现分页，核心SQL1、UserMapper接口 //分页查询用户信息 List<User> getUserByLimit

2020-10-05 16:25:48 473

原创 Mybatis日志

lyz的自学笔记文章目录一、日志1、日志工厂一、日志1、日志工厂如果一个数据库操作出现了异常，我们需要排错，日志就是最好的助手。曾经：sout、debug现在：日志工厂SLF4JLOG4J【掌握】LOG4J2JDK_LOGGINGSTDOUT_LOGGING【掌握】NO_LOGGING在Mybatis中具体使用哪一个日志实现，在配置文件中的设置（settings）中设定STDOUT_LOGGING标准日志输出 <settings> &l

2020-10-05 15:49:13 170

原创 Mybatis解决属性名和字段名不一致的问题

lyz的自学笔记文章目录一、问题分析二、解决方法1、起别名2、结果映射（resultMap）一、问题分析如果数据库中的字段名和我们自己写的实体类中的属性名不一致的情况下，会出现什么问题呢？例如：数据库中的字段实体类中的属性名结果是不管是增删改查，如果不做特殊处理，程序也不会报错，但是实体类中属性名与数据库表中的字段名是无效的例：查询数据库表中全部信息映射文件中的代码 <select id="getUserList" resultType="com.lyz.bean.U

2020-10-05 14:47:18 482

原创 Mybatis配置解析

lyz的自学笔记文章目录前言一、配置解析1、核心配置文件2 、环境配置（environments）3、事务管理器（transactionManager）4、数据源（dataSource）5、属性（properties）6、类型别名（typeAlias）7、设置（settings）8、映射器（Mapper）前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文

2020-10-05 14:16:53 177

原创 vue-router动态路由和参数路由

lyz自学笔记文章目录前言一、什么是动态路由二、使用动态路由前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、什么是动态路由在某些情况下，一个页面的 path路径可能是不确定的，比如我们进入用户界面时，希望是如下路径：/user/aaaa 或 /user/bbbbb除了前面的/user之外，后面还跟上了用户的ID这种pa

2020-09-28 14:27:25 446

原创 Vue-cli脚手架的简介和安装

lyz的自学笔记文章目录一、什么是脚手架？二、使用步骤1.引入库2.读入数据总结提示：以下是本篇文章正文内容，下面案例可供参考一、什么是脚手架？脚手架原称Vue CLICLI是什么意思？CLI是Command-Line Inrerface,翻译为命令行界面，俗称脚手架Vue CLI是一个管发布的vue.js项目脚手架使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置二、为什么要使用Vue CLI如果你只是简单写几个Vue的Demo程序，那么就不需要使用Vue C

2020-09-27 20:31:53 180

原创然后在webpack中配置Vue

lyz的自学笔记文章目录前言一、如何在webpack中配置才可以使用vue二、使用Vue三、el和template的区别前言在webpack中使用vue开发提示：以下是本篇文章正文内容，下面案例可供参考一、如何在webpack中配置才可以使用vue1、不使用webpack的情况下去使用Vue下载Vue框架，使用scricpt标签引入vue.js文件，就可以使用Vue了，这样使用不是模块化思想2、使用webpack的情况下去使用Vue使用npm下载vue，然后通过import引入v

2020-09-27 00:14:37 139

原创生成环境优化总结

lyz自学代码文章目录前言一、生产环境打包构建速度优化1、oneOf2、babel缓存3、多线程打包4、externals5、dll二。生产环境性能优化1、缓存（hash-chunkhash-contenthash）2、tree shaking3、code split4、懒加载/预加载5、pwa前言生产环境最终的目的：是为了将来上线的项目性能达到最好，提高用户体验提示：以下是本篇文章正文内容，下面案例可供参考一、生产环境打包构建速度优化1、oneOf1、只匹配一种loader，匹配到了就不

2020-09-26 10:11:24 124

原创 externals、Dll

lyz自学笔记文章目录前言一、externals二、Dll前言提示：以下是本篇文章正文内容，下面案例可供参考一、externals忽悠jQuery库，意思为打包的时候不打包jQuery库文件，那么jQuery就不能使用了，但是可以用个引入网络jQuery的方式引入jQuery externals: { // 拒绝jQuery被打包进来 jquery: 'jQuery' }二、Dll对代码单独的打包使用dll技术，对某些库（第三方库：jquery、rea

2020-09-26 09:51:29 217

原创 lazy loading、pwa、多进程打包

lyz自学笔记文章目录前言一、lazy loading二、pwa三、多进程前言lazy loading:懒加载，用到是就加载提示：以下是本篇文章正文内容，下面案例可供参考一、lazy loading console.log('index.js文件被加载了~'); // import { mul } from './test'; document.getElementById('btn').onclick = function() { // 懒加载~：当文件需要使用时才加载~

2020-09-26 09:37:18 112

原创缓存、tree shaking、code split

lyz自学笔记文章目录一、缓存二、tree shaking提示：以下是本篇文章正文内容，下面案例可供参考一、缓存1、在生成环境下不能使用HMR功能，当修改一个文件后，只需要打包这个文件，其他文件不管，所有就需要使用缓存，当第二次构建修改了一个js文件，就只会处理这个修改的js文件，其他文件就走缓存。2、如何配置开启缓存①、开启babel缓存例：处理js兼容性中使用CacheDirectory开启babel缓存{ test: /\.js$/,

2020-09-25 23:10:39 102

原创 HMR：hot module replacement 热模块替换

llyz自学笔记文章目录前言一、开发环境优化二、source-map前言 - webpack性能优化： ·开发环境优化优化打包构建速度优化代码调试 ·生产环境优化优化打包构建速度优化代码运行的性能提示：以下是本篇文章正文内容，下面案例可供参考一、开发环境优化1、HMR：hot module replacement 热模块替换 /模块热替换作用：一个模块发生变化，只会重新打包这一个模块（而不是打包所有的模块），极大的提升了构建速度2、那么如何去配置呢？直

2020-09-25 15:31:07 355

原创生产环境

lyz自学笔记文章目录前言一、生产环境开发前言生产环境配置提示：以下是本篇文章正文内容，下面案例可供参考一、生产环境开发1、开发环境就是将解析js、css、html等资源的打包的汇总 //处理绝对路径 const {resolve} = resolve('path') //提取所有css的文件成单一的css文件 const Minicssextractplugin = require('mini-css-extract-plugin') //压缩css文件 const Optim

2020-09-25 14:28:48 631

原创 js兼容性、js、html的压缩

lyz的自学笔记文章目录前言一、js兼容性二、js、html的压缩1.js压缩2.html压缩前言一些浏览器并不认识ES6以上的语法，所以就需要配置js的兼容性问题提示：以下是本篇文章正文内容，下面案例可供参考一、js兼容性1、js兼容性处理需要使用一个loader： babel-loader。2、除了下载babel-loader这个包，还需要下载‘@babel/preset-env’，这个包就是让指示babel-loader去做什么样的兼容性处理。 npm i babel-loade

2020-09-25 09:34:20 164

原创提取css成单独文件、css兼容性处理、压缩css文件

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码

2020-09-24 22:01:58 496

原创 devServlet、开发环境配置

lyz的自学笔记文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言开发提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimp

2020-09-24 20:40:00 121

原创 Webpack打包HTML/图片/其他资源

lyz自学笔记文章目录前言一、如何打包HTML资源二、打包图片资源前言提示：以下是本篇文章正文内容，下面案例可供参考一、如何打包HTML资源1、还是先创建两个文件：index.html/index.js，代码就不在这里显示了2、打包HTML资源需要使用一个插件‘html-webpack-plugin’，所以需要下载插件‘html-webpack-plugins’3、下载完成后引入webpack-config文件中 const HtmlWebpackPlugin = require('h

2020-09-24 17:15:52 351

原创 Webpack打包样式资源

lyz自学笔记文章目录前言一、如何打包样式文件二、总结前言webpack如果要编译css、less等样式文件，需要使用loader帮忙翻译提示：以下是本篇文章正文内容，下面案例可供参考一、如何打包样式文件1、在src下分别创建index.css和index.less文件，并且在里面写一些样式 //index.css文件 html, body{ margin: 0; padding: 0; height: 100%; background-color: pink;

2020-09-24 16:25:38 114

原创 Webpack的初体验

lyz的自学笔记文章目录一、webpack的初体验1、初始化包2、创建一个js文件，当作webpack入口起点文件3、使用webpack运行指令开始打包4、运行打包后的文件二、打包ES6模块化、css文件一、webpack的初体验1、初始化包（1）、使用npm构建一个包，包名随便，但是还是要根据命名规则，见名知义，其他配置默认。 npm init（2）、下载引入webpack和webpack-cli，webpack表示我们要使用webpack技术，webpack-cli可以让我们使用指令去

2020-09-24 15:28:38 104

原创 webpack基本知识

lyz的自学笔记文章目录webpack简介前言一、什么是webpack？二、为什么要使用webpack？三、webpack的五个核心总结webpack简介前言1、环境参数： Nodejs 10版本以上 Webpack 4.26以上2、预备技能：基本Nodejs知识和npm指令熟悉ES6语法lyz的笔记一、什么是webpack？Webpack是一个前端资源构建工具，一个静态模块打包器（module bundler）。所有的资源文件（js

2020-09-24 14:41:07 81

原创新手自学Spring Boot遇到org.springframework.boot包不存在，糊涂解决了！！！有大神可以解释一下吗？

新手自学Spring Boot遇到org.springframework.boot包不存在，糊涂解决了！！！有大神可以解释一下吗？第一天学习Spring Boot没想到就遇到问题了，在网上查找资料后还是没有解决！Idea版本：2020.1maven版本：3.6.3在学习spring Boot之前我先学习了maven了，也配置了本地仓库，我的本地仓库是在D:\Program File\maven_work\repository，在idea中我也配置了maven的一些相关的配置这里我使用的是Spri

2020-08-15 13:33:40 3967 3

weixin_50063227的博客