Spring详解，代码事例，IOC，AOP，事务。整合MyBatis，JUnit Spring详解，代码事例，IOC，AOP，事务。整合MyBatis，JUnit。spring调的是无参构造方法，public ，private都可以掉到（反射）无参构造方法如果不存在，将抛出异常BeanCreationException，实例工厂，使用 FactoryBean 实例化，bean 生命周期
JavaSE概念详解，代码事例，基础，IO，网络，Lambda，反射，模块化，注解，XML解析 【基础加强】JavaSE概念详解，代码事例，IO流，网络编程，模块化，Lambda，反射，注解，XML解析，测试
Nacos详解，从安装到服务部署，及nginx反向代理 实际部署时，需要给做反向代理的nginx服务器设置一个域名，这样后续如果有服务器迁移nacos的客户端也无需更改配置.Nacos的各个节点应该部署到多个不同服务器，做好容灾和隔离
SpringCloud详解，图文码笔记 Feign是一个声明式的http客户端，官方地址: https://github.com/OpenFeign/feign其作用就是帮助我们优雅的实现http请求的发送，解决上面提到的问题。使用Feign的步骤如下:引入依赖:Feign是一个声明式的http客户端，官方地址: https://github.com/OpenFeign/feign其作用就是帮助我们优雅的实现http请求的发送，解决上面提到的问题。
vue keep-alive 中的生命周期 keep-alive是 Vue 提供的一个内置组件，用来对组件进行缓存——在组件切换过程中将状态保留在内存中，防止重复渲染DOM。如果为一个组件包裹了 keep-alive，那么它会多出两个生命周期：deactivated、activated。同时，beforeDestroy 和 destroyed 就不会再被触发了，因为组件不会被真正销毁。当组件被换掉时，会被缓存到内存中、触发 deactivated 生命周期；当组件被切回来时，再去缓存里找这个组件、触发 activated钩子函数。.
vue 监听页面卷去的高度，获取元素离页面顶部的距离 获取元素离页面顶部的距离补充 document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 网页可见区域宽： document.body.clientWidth 网页可见区域高： docu
js小数计算精度丢失，生产中应用方案 在生产环境中，开发时写的；1.js处理精度丢失问现成解决方法/** * 处理小数运算精度丢失问题 * a: number * b: number * type: string 加，减，乘，除 add, sub, multiply , division * @returns */export function decimalOperation(a, b, type) { const changeA = a.toString().split('.') con.
JavaScript中，数组常用的API 1.修改原数组的API1.1.pop（）：弹出数组中最后一个元素，并返回这个元素let arr = [1,2,3,4,5,6]let result = arr.pop()console.log(arr) // [1, 2, 3, 4, 5]console.log(result) // 61.2.push（）：添加一个或多个元素到数组末尾，并返回新的长度let arr = [1,2,3,4,5,6]arr.push(7,8)console.log(arr) // [1, 2, .
JavaScript中，字符串处理(String对象)合集，附代码 1.字符串操作 let a = 'HelloWorld'; let b = 'World' //1.concat() 连接两个或多个字符串 // +左右可以为null，concat为会空指针。 let c = a.concat(b); //输出结果：HelloWorldWorld let c = a + b; //HelloWorldWorld//2. replace()：字符串替换或正则匹配替换 ..
前端优化 - 提高 Web 性能的 9 个技巧 这篇文章将介绍您可以用来帮助改进前端优化的有用技术。通过专注于干净的代码、压缩图像、最小化外部请求、实施 CDN 和其他一些方法，您可以显着提高网站的速度和整体性能。1.清理HTML文档HTML 或超文本标记语言是几乎每个网站的支柱。HTML 允许您使用标题、副标题、列表和其他有用的文本组织功能来格式化网页。借助 HTML5 的最新更新，您还可以create有吸引力的图形。网络爬虫可以轻松读取 HTML，因此搜索引擎可以使用您网站的更新content及时。在处理 HTML 时，您应该努力以简洁.
优雅的二次封装Element-UI 1.创建vue项目vue create appname2.借助babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。npm install babel-plugin-component -D3.在 main.js 中写入以下内容：import Vue from 'vue';import { Button, Select } from 'element-ui';import App from './App.vue';Vue.com.
webpack配置与优化 1.认识配置项1.1.入口(entry)入口起点(entry point)指示 webpack 应该使用哪个模块，来作为构建其内部依赖图的开始。进入入口起点后，webpack 会找出有哪些模块和库是入口起点（直接和间接）依赖的。每个依赖项随即被处理，最后输出到称之为 bundles 的文件中，我们将在下一章节详细讨论这个过程。可以通过在webpack 配置中配置entry属性，来指定一个入口起点（或多个入口起点）。默认值为./src。接下来我们看一个 e...
Vue中 $nextTick 原理及作用 Vue 的 nextTick 其本质是对 JavaScript 执行原理 EventLoop 的一种应用。我们可以理解成，Vue在更新DOM时是异步执行的。当数据发生变化，Vue将开启一个异步更新队列，视图需要等队列中所有数据变化完成之后，再统一进行更新nextTick 的核心是利用了如 Promise 、MutationObserver、setImmediate、setTimeout的原生 JavaScript 方法来模拟对应的微/宏任务的实现，本质是为了利用 JavaScript 的这些异...
js中的defineProperty（）方法 defineProperty（）定义对象中新属性或者修改原有的属性；Object.defineProperty(obj,prop,descriptor)defineProperty（）方法需要传三个参数：obj:必须，目标对象； prop：必须；需要定义或修改的属性名字； descriptor：必须；目标属性所拥有的特性；第三个参数——>descriptor，说明，需要写成对象形式：value：设置属性值，默认undefined； writable：是否可以重写，...
JS 中 this 指向,call()、apply()、bind() 1. 箭头函数箭头函数 this 不会被改变，所以只要当前函数是箭头函数，那么就不用再看其他规则了。箭头函数的 this 是在创建它时外层 this 的指向。这里的重点有两个：创建箭头函数时，就已经确定了它的 this 指向。 箭头函数内的 this 指向外层的 this。箭头函数是不绑定this的，它的this来源于上级作用域var user = { name: 'kiki', foo: () => { console.log('箭头函数中的this',th..
关注
