摘要：
一. 简介 1. Webpack背景 (1). 事实上随着前端的快速发展，目前前端的开发已经变的越来越复杂了： A. 比如开发过程中我们需要通过模块化的方式来开发； B. 比如也会使用一些高级的特性来加快我们的开发效率或者安全性，比如通过ES6+、TypeScript开发脚本逻辑， 通过sass、l 阅读全文
摘要：
一. 组件入门 1. 命名方式 (1). 使用kebab-case（短横线分割符）【推荐！】 当使用 kebab-case (短横线分隔命名) 定义一个组件时，你也必须在引用这个自定义元素时使用 kebab-case，例如 <my-component-name>； (2). 使用PascalCase 阅读全文
摘要：
一. 引用类型赋值 1. 原理 (1). js中对象和数组都是引用类型。 (2). 内存分为两个区域，栈区域 和 堆区域。 (3). 引用类型，在栈区域中存放的堆的二进制地址，这个地址指向 堆区域中的实际值。 (4). 将一个对象A赋值给另一个对象B，实际上是将A的地址赋值给了B，A和B共同指向同一 阅读全文
摘要：
一. 分析diff算法中的key 二. Computed源码剖析 1. 剖析 计算属性可以有两种写法，一种直接传入一个方法，另外一种，写set和get对象进行处理？ 问题：Vue内部是如何对我们传入的是一个方法，还是说是一个包含set和get的对象进行处理的呢？ 解析：Vue源码内部做了一个简单的逻 阅读全文
摘要：
一. 基本指令 1. v-for 数据准备 data() { return { userInfo: { name: 'ypf', age: 18, school: '北大' }, movies: ["星际穿越", "盗梦空间", "大话西游", "教父", ], userList: [ { name 阅读全文
摘要：
一. 常用指令1 1. Mustache语法(双大括号) 如果我们希望把数据显示到模板（template）中，使用最多的语法是 “Mustache”语法 (双大括号) 的文本插值。并且我们知道，data返回的对象是有添加到Vue的响应式系统中； 当data中的数据发生改变时，对应的内容也会发生更新。 阅读全文
摘要：
一. 代码片段制作 （PS：已经迁移到单独的分类下，详见：https://www.cnblogs.com/yaopengfei/p/17162646.html） 1. 复制自己所需要的代码 比如要把下面的代码制作成代码片段 Vue.createApp({ template: '#myApp', da 阅读全文
摘要：
一. 简介 1. 说明 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用 阅读全文
摘要：
一. SSM分层搭建 1. 项目拆分 将单模块工程项目拆分成 ssm、ssm_controller、ssm_service、ssm_dao、ssm_pojo 多模块工程项目，如下图： 2. ssm父层 新建1个普通的maven项目，删除多余的文件夹，仅保留pom.xml，后续用于统一构建和管理。 3 阅读全文
摘要：
一. 事先准备 1. 表结构 2.整合内容 Spring MyBatis Spring整合MyBatis SpringMVC Spring整合SpringMVC 3. pom文件 代码如下： <?xml version="1.0" encoding="UTF-8"?> <project xmlns= 阅读全文
摘要：
一. 拦截器 1. 简介 拦截器（ Interceptor）是一种动态拦截方法调用的机制 作用：① 在指定的方法调用前后执行预先设定后的的代码 ②阻止原始方法的执行 核心原理： AOP思想 拦截器链：多个拦截器按照一定的顺序，对原始被调用功能进行增强 PS：拦截器 VS 过滤器 归属不同： Filt 阅读全文
摘要：
一. SpringMvc简介 1. 说明 SpringMVC 是一种基于 Java 的实现 MVC 设计模型的请求驱动类型的轻量级 Web 框架，属于SpringFrameWork 的后续产品，已经融合在 Spring Web Flow 中。 SpringMVC 已经成为目前最主流的MVC框架之一， 阅读全文
摘要：
。。。。。 阅读全文
摘要：
一. Aop简介 1. AOP概念 AOP(Aspect Oriented Programing)面向切面编程，一种编程范式，隶属于软工范畴，指导开发者如何组织程序结构 AOP弥补了OOP的不足，基于OOP基础之上进行横向开发 uOOP规定程序开发以类为主体模型，一切围绕对象进行，完成某个任务先构建 阅读全文
摘要：
一. 简介 1. 移动端常见布局 (1). 移动端单独制作 A. 流式布局（百分比布局） B. flex 弹性布局（强烈推荐） C. less+rem+媒体查询布局 D. 混合布局 (2). 响应式 A. 媒体查询 B. bootstarp PS. 流式布局：就是百分比布局，也称非固定像素布局。 通 阅读全文
摘要：
一. Spring注解用法剖析 1. 开启注解扫描 (1). 通过XML的形式 <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="h 阅读全文
摘要：
一. Spring简介 1. Spring简介 (官网：https://spring.io/) Spring是分层的JavaSE/EE应用full-stack轻量级开源框架。 2. Spring发展史 3. IOC简介 (1). 工厂模式发展史 (2). Spring的演化 (3). IOC 二. 阅读全文
摘要：
一. 常用注解 1. 简介 Mybatis也可以使用注解开发方式，这样我们就可以减少编写Mapper映射文件了。常用注解如下： @Insert：实现新增 @Update：实现更新 @Delete：实现删除 @Select：实现查询 @Result：实现结果集封装 @Results：可以与@Resul 阅读全文
摘要：
一. 接口代理实现Dao 1. 背景 在这之前调用方法是通过硬编码的形式，直接映射到xml文件中的方法，比如： List<Student> list = sqlSession.selectList("StudentMapper.selectAll"); 调用的是StudentMapper.xml文件 阅读全文
摘要：
一. MyBatis简介 1. 背景 原始 JDBC 的操作问题分析 (1). 频繁创建和销毁数据库的连接会造成系统资源浪费从而影响系统性能。 (2). sql 语句在代码中硬编码，如果要修改 sql 语句，就需要修改 java 代码，造成代码不易维护。 (3). 查询操作时，需要手动将结果集中的数 阅读全文
摘要：
一. IDEA配置Maven 1. IDEA配置Maven (1). 进入maven选项，配置maven安装路径、配置文件、本地仓库路径。（这里全局配置，如果针对某个项目没生效，则打开项目后针对项目再重新配置） 特别注意：上述这种改变方式，Maven home的路径经常就被重置了，所以还需要去IDE 阅读全文
摘要：
一. 说明 java基础更新中。。。 二. 目录 阶段一：必备基础 第一节：Java环境配置及IDEA的安装、相关配置 第二节：IDEA的入门用法(快捷键、创建项目、调试模式、Jar包等等) 第三节：IDEA创建Web项目、Tomcat下载配置及与IDEA的集成 第四节：Git的概述、代码托管平台、 阅读全文
摘要：
一. Maven简介 1. 什么是Maven Maven 的正确发音是[ˈmevən]，而不是“马瘟”以及其他什么瘟。Maven 在美国是一个口语化的词语，代表专家、内行的意思。 一个对 Maven 比较正式的定义是这么说的：Maven 是一个项目管理工具，它包含了一个 项目对象模型 (POM：Pr 阅读全文
摘要：
一. 动态登录页 二. 三套皮肤 三. 菜单伸缩 四. 其它 1. 基础布局页面 2. 日期控件改造 3. 弹框 ! 作 者 : Yaopengfei(姚鹏飞) 博客地址 : http://www.cnblogs.com/yaopengfei/ 声 明1 : 如有错误，欢迎讨论，请勿谩骂^_^。 声 阅读全文
摘要：
一. TortoiseGit的使用 1. TortoiseGit的下载和安装 TortoiseGit是一款开源的Git图形界面工具，使用TortoiseGit可以简化Git相关的操作（本质上还是执行的Git相关命令）。 (1). TortoiseGit下载地址： https://tortoisegi 阅读全文
摘要：
一. Git概述 1. Git历史 Git 诞生于一个极富纷争大举创新的年代。Linux 内核开源项目有着为数众多的参与者。 绝大多数的 Linux 内核维护工作都花在了提交补丁和保存归档的繁琐事务上（1991－2002年间）。 到 2002 年，整个项目组开始启用一个专有的分布式版本控制系统 Bi 阅读全文
摘要：
一. 升级1 1. async+await 异步编程 (1). 首先利用Promise封装ajax方法 //ajax-Promise模式【异步】（自定义异常调用的时候写catch） ajaxAsync(type, url, data, funSuc, funErr) { return new Pro 阅读全文
摘要：
一. IDEA入门用法1 1. 创建JavaSe项目 【Empty Project(空解决方案) → New Module(选择java，这是javase项目)→package(文件夹,命名空间)→Java class(类)】 (1). 创建空解决方案 JavaBasic01 (2). 设置整个解决 阅读全文
摘要：
一. IDEA创建Web项目 1. 方案1 (1). 创建1个javase项目，以上一节创建的Test2为例 (2). 选中Test2，右键Add Framework Support→勾选 Web Application，添加完毕。 (3). 如下图，多了个Web文件夹 2. 方案2 二. Tomc 阅读全文
摘要：
一. 常规升级-20210605 EFCore相关的从5.0.4 升级到 5.0.6 AutoFac从6.1.0 升级到6.2.0 EPPlus 从 5.5.5 升级到 6.6.4 JWT 从8.1.3 升级到 8.2.2 protobuf-net 从 3.0.73 升级到 3.0.101 Z.En 阅读全文