Nacos集成分布式事务Seata文档
今天参照seata官方文档总结下seata集成，网上有很多各式各样的博客，有的真是误导人，个人建议以后学习新组件，我们一定要先看组件官方文档，这里我们以seata1.4 AT模式为例服务端搭建步骤：1.打开seata官方文档：http://seata.io/左下角找到 【部署】==> 新人文档2.下载seata源码 https://github.com/seata/seata/tree/1.4.0 存放client端sql脚本，参数配置和server端数据库脚本及...
docker 运行 seata-server 配置nacos
1、拉取镜像docker pull seataio/seata-server:1.4.02、运行镜像docker run --name seata-server -p 8091:8091 -d seataio/seata-server:1.4.03、复制配置文件到主机docker cp seata-server:/seata-server /opt/seata 该命令会把seata-server容器目录结构复制到我们宿主机/opt/seata目录下4、停止服务d.
常用的docker-compose.yml贴一下
version: '3'services: #mysql服务 mysql5.7: restart: always image: mysql:5.7 container_name: docker_mysql environment: MYSQL_ROOT_PASSWORD: "123456" MYSQL_USER: 'root' MYSQL_PASS: "123456" volumes: - /opt...
redis实现分布式锁-直接用去吧
import com.alibaba.fastjson.JSON;import com.google.common.collect.Lists;import lombok.extern.slf4j.Slf4j;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.context.annotation.Scope;import org.springframework.data.
1.webpack基础
(一) 为什么要使用webpack1、什么是WebpackWebPack是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。2.为什要使用WebPack，WebPack和Grunt以及Gulp相比有什么特性首先，Grunt和Gulp只能将一些CSS和JS文件分别压缩合并成单个文件，当然也具有一些编译功能，比如Less和Sass的编译、ES6到ES5的编译等等。但
2.webpack与Loader、plugins、sourceMap和babel等
(一) webpack与Loaderhttps://www.webpackjs.com/loaders/https://blog.csdn.net/kouzuhuai2956/article/details/106119674webpack 可以使用 loader 来预处理文件。这允许你打包除 JavaScript 之外的任何静态资源。你可以使用 Node.js 来很简单地编写自己的 loader。[1]. Loader打包静态资源（图片）https://www.webpackjs.com/loa
3. tree shaking、code splitting、splitchunksplugin、shimming等
(一) Tree shakinghttps://www.webpackjs.com/guides/tree-shaking/使用tree shaking 可以将没有使用的模块、方法、文件不进行打包，但是tree shaking只支持ES Module 引入的方式 (module.exports import from)在webpack.config.js文件中进行配置https://webpack.docschina.org/configuration/optimization/在packa
12. vue基础和原理
一、Vue使用(一) 基本使用，组件使用-常用，必须会[1]. 指令、插值插值、表达式指令、动态属性v-html:会有XSS风险，会覆盖子组件[2]. computed和watchcomputed 有缓存，data不变则不会重新计算watch如何深度监听？watch默认是浅监听watch监听引用类型，拿不到oldValue[3]. class和style使用动态属性使用驼峰写法[4]. class和stylev-if v-else的用法，可使用变量，也可以使
2.webpack打包样式(css、less、sass)资源
常用的样式loaderstyle-loader : 将css样式加载到页面的标签里面css-loader: 解析( @import 和 url() ，会 import/require() 后再解析(resolve)它们。less-loader: 解析less语法postcss-loader: 添加css前缀，需要在项目根目录下新建postcss.config.js文件，进行相关配置。(一) 处理css文件在src文件夹中创建index.js文件，base.css文件，并在index.js
3.html-webpack-plugin 使用自己的html模板
插件需要引入才能使用。打包html所需的插件html-webpack-plugin: 打包结束后，默认自动生成一个html文件，并把打包生成的js/css自动引入到html文件中更多配置：https://github.com/jantimon/html-webpack-plugin#configuration安装 html-webpack-plugin 插件npm i html-webpack-plugin -D在webpack配置文件webpack.config...
4. webpack处理图片资源
常用的样式loaderfile-loader：可以用来帮助webpack打包处理一系列的图片文件；比如：.png 、 .jpg 、.jepg等格式的图片。url-loader：功能类似于 file-loader，但是在文件大小（单位 byte）低于指定的限制时，可以返回一个 DataURL。html-loader：处理html中的img，结合url-loader可以将html中的img的路径正确打包注意点：因为url-loader默认使用es6模块化解析，而html-loader引入
5. webpack处理不需要处理的资源(如字体图标)
以打包字体图标为例使用的loader：file-loader图标库是阿里图标库下载的下载file-loader (还需要安装html-webpack-plugin，css-loader, style-loader)npm i file-loader -D创建入口文件(src/index.js)并引入图标库的入口文件import './css/iconfont.css'创建模板文件(src/index.html)<p class="iconfont icon-shan
6. devServer自动打包和自动刷新页面
https://webpack.docschina.org/configuration/dev-server/特点：只会在内存中编译打包，不会有任何输出下载webpack-dev-servenpm i webpack-dev-server -D在webpack配置文件webpack.config.js中进行配置devServer:{ //项目构建后的路径 contentBase: path.resolve(__dirname, 'build'), //启动gzip压缩.
9. webpack的js兼容性处理
使用的loader、插件babel-loader Babel是一个JavaScript编译器，能够让我们放心的使用新一代JS语法。@babel/preset-env js基本语法转换@babel/core js的api进行转换@babel/polyfill js全部兼容性处理，不需要配置，直接引入，会有体积过大的问题core-js 按需进行兼容性处理根据自己的需求安装loader和插件npm i babel-loader @babel/preset-env @babel/core
8. webpack的js语法检查eslint
需要的插件、loadereslint-loader 语法检查eslit eslit语法库eslint-config-airbnb-base aribnb语法规则eslint-plugin-import安装eslint和相关规则npm i eslint-loader eslint eslint-config-airbnb-base eslint-plugin-import -D在入口文件src/index.js中添加如下内容function add(a,b){ retur
今日推荐
周排行