floyd_hh-CSDN博客

原创 Webpack入门与实战——读书笔记

1. Webpack简介Webpack是一个开源的JavaScript模块打包工具，其最核心的功能是解决模块之间的依赖，把各个模块按照特定的规则和顺序组织在一起，最终合并为一个JS文件（有时会有多个，这里讨论的只是最基本的情况）。这个过程就叫作模块打包。手动引入script文件的缺点：需要手动维护JavaScript的加载顺序每一个script标签都需要向服务器发送一次请求，增加负担每个script中，顶层作用域是全局作用域，会造成全局作用域污染模块化的优点：通过导入导出语句

2021-10-24 12:55:43 184 1

原创你不知道的JavaScript(中卷)——读书笔记

1. 类型ECMAScript语言类型： Undefined、Null、Boolean、String、Number、Object、Symbol(ES6新增)类型判断：使用typeof判断类型特例： (null的二进制前三位是000)typeof null === "object" // true// 判断Null!a && typeof a === "object"函数// 函数typeof function a(b,c){} === "function" //

2021-10-24 12:54:43 207

原创你不知道的JavaScript(上卷)——读书笔记

1. 作用域1.1 角色引擎从头到尾负责整个JavaScript程序的编译及执行过程。编译器引擎的好朋友之一，负责语法分析及代码生成等脏活累活。作用域作用域引擎的另一位好朋友，负责收集并维护由所有声明的标识符（变量）组成的一系列查询，并实施一套非常严格的规则，确定当前执行的代码对这些标识符的访问权限。1.2 编译过程RHS查询（赋值操作的左侧）简单地找到某个变量LHS查询（赋值操作的右侧）试图找到变量地容器本身，从而可以对其赋值1.3 作用域嵌套当

2021-10-24 12:54:17 203

原创 react学习

1. 概述声明式的视图层（JSX）从状态到UI——单向数据流虚拟DOM——灵活的渲染Diff算法——高效的DOM操作React相当于MVC框架的V层，需要结合其他库发挥作用2. 基础JSX语法： HTML写在js中，用{}包裹对象组件类组件import React, { Component } from 'react';import ReactDOM from 'react-dom';class App extends Component { constru

2021-10-24 12:53:05 117

原创 Mybatis源码分析

title: Mybatis源码分析date: 2021-02-17 11:21:28tags: mybatisdescription: Mybatis源码学习（整体架构图） .

2021-09-13 23:10:13 113

原创 mybatis入门学习

title: mybatisdate: 2021-02-02 14:37:46tags: mybatisdescription: mybatis知识1.原始jdbc操作1.1查询操作1.2插入操作2.mybatis简介持久层：可以将业务数据存储到磁盘，具备长期存储能力，只要磁盘不损坏，在断电或者其他情况下，重新开启系统仍然可以读取到这些数据。CRUD:增删改查 Create Retrieve Update Delete3.mybatis开发步骤导入pom坐标 .

2021-09-13 23:09:30 103

原创软件设计师考试（一）——计算机硬件基础

title: 计算机硬件基础date: 2021-01-25 12:06:36tags: examdescription: 软考（一）1.查漏补缺逻辑异或：a⊕b （如果a、b两个值不相同，则异或结果为1。如果a、b两个值相同，异或结果为0）逻辑同或：a⊙b （如果a、b两个值不相同，则同或结果为0。如果a、b两个值相同，同或结果为1）在计算机中采用补码来表示和运算数据，原因是采用补码的目的：使得符号位能够与数值为一起参加运算，使运算部件的设计更加简单使减法运算转化为加法运.

2021-09-13 23:07:53 152

原创软件设计师考试（二）——面向对象

title: 面向对象date: 2021-01-27 23:24:29tags: examdescription: 软考（二）1.基本概念面向对象的四个核心概念：对象、类、继承、消息传递（对象之间进行通信的一种构造）面向对象技术开发主要步骤：面向对象分析、面向对象设计、面向对象程序设计、面向对象测试对象=属性（数据）+行为，特性：清晰的边界、良好定义的行为和可扩展性多态（同一操作作用于不同的对象，客户类无需知道所调用方法的特定子类的实现）通用的多态参数多态（泛型.

2021-09-13 23:06:51 228

原创软件设计师考试（三）——程序设计语言

title: 程序设计语言date: 2021-01-27 23:24:16tags: examdescription: 软考（三）1.编译与解释1.1解释型语言和编译型语言相同之处：都需要转换成二进制才能执行。不同之处：1、运行的时候是否需要编译器编译型语言运行的是最终的二进制代码了，所以不再需要编译器；但是解释型语言边解释、边运行，所以运行时候还有部分代码没有解释好举个例子：在浏览器里，要看 html 效果，要通过带有内置编译工具的软件去查看（如：浏览器或者模拟浏览器的工具）。2、.

2021-09-13 23:06:18 257

原创软件设计师考试（六）——操作系统

title: 操作系统-软考date: 2021-02-18 12:40:02tags: examdescription: 软考（六）1.进程管理1.1进程状态(三态模型、五态模型)1.2信号量与PV操作前趋图进程的同步与互斥PV操作什么是信号量？信号量（semaphore）的数据结构为一个值和一个指针，指针指向等待该信号量的下一个进程。信号量的值与相应资源的使用情况有关。当它的值大于0时，表示当前可用资源的数量；当它的值小于0时，其绝对值表示等待使用该资源.

2021-09-13 23:05:26 170

原创软件设计师考试大纲

title: 软考date: 2021-01-23 19:56:10tags: examdescription: 学习路线

2021-09-13 23:04:13 122

原创软件设计师考试（四）——数据结构与算法

title: 数据结构与算法date: 2021-02-07 16:13:03tags: examdescription: 软考（四）1.分治法（分解、解决、合并）1.1递归1.2二分法查找2.回溯法（走不通退回再走）3.贪心法4.动态规划法

2021-09-13 23:02:45 73

原创软件设计师考试（七）——计算机网络

title: 计算机网络-软考date: 2021-02-18 12:40:28tags: examdescription: 软考（七）1.七层模型二层设备可能分割冲突域，三层设备可能分割广播域2.网络协议网络层名称常见协议信息分组应用层HTTP SMTP FTP DNS报文(message)传输层TCP UDP报文段(segment)网络层IP 路由器数据报(datagram)数据链路层以太网 WIFI DOCSIS 网桥交换机.

2021-09-13 23:01:12 102

原创软件设计师考试（八）——数据库

title: 数据库-软考date: 2021-02-18 12:40:47tags: examdescription: 软考（八）1.三级模式两级映射外模式、概念模式、内模式外模式-概念模式映射、概念模式-内模式映射2.数据库设计过程2.1设计流程(概念结构设计、逻辑结构设计、物理设计)前提：需求分析（数据流图、数据字典、需求说明书）概念结构设计（ER模型）逻辑结构设计（关系模式）物理设计（DBMS特性、硬件、OS特性）3.E-R模型（实体、属性、联系）3.1冲突.

2021-09-12 11:51:52 125

原创软件设计师考试(五)——软件工程

title: 软件工程date: 2021-02-07 19:26:51tags: examdescription: 软考（五）1.开发过程模型瀑布、增量、原型、螺旋、喷泉、基于构件的开发模型、形式化方法模型、统一过程UP、敏捷方法瀑布模型（需求明确，二次开发）演化模型（典型的有原型模型和螺旋模型）、增量模型（每一个增量均发布一个可操作的产品,可以快速构造核心产品，容易边做边改）原型模型（适用于用户需求不清、需求经常变化的情况，系统规模不是很大，动态定义需求，有效地捕获系统.

2021-09-12 11:51:17 498

原创模块化编程

title: 模块化编程date: 2021-08-31 14:45:29tags: 前端知识description: 前端模块化编程1. 模块化编程将一个大程序按照功能划分为若干小程序模块类比java中的import, c#的using2. AMD（异步模块定义）3. Common.js (node.js的模块化规范) 同步一次性加载运行时加载// 全局加载模块const util = require('util');// 模块定义exports 模.

2021-09-12 11:43:57 611

原创 js异步编程

title: 异步编程date: 2021-08-12 16:59:54tags: javascriptdescription: js中的异步1.异步所谓"异步"，简单说就是一个任务分成两段，先执行第一段，然后转而执行其他任务，等做好了准备，再回过头执行第二段。比如，有一个任务是读取文件进行处理，异步的执行过程就是下面这样。1.回调函数 callback所谓回调函数，就是把任务的第二段单独写在一个函数里面，等到重新执行这个任务的时候，就直接调用这个函数fs.readFile('/etc.

2021-09-12 11:43:04 62

原创跨域问题及解决方案

title: 跨域date: 2021-08-31 14:28:41tags: 前端知识description: 跨域问题解决方案1. 跨域问题浏览器的同源策略：浏览器只能访问与包含它的页面处于同一个域内的资源2. JSONP (参数式JSON)只支持GET请求jsonp由回调函数和数据组成，回调函数是当响应到来时应该在页面中调用的函数，数据是传入回调函数中的JSON数据function handleResponse(response) { alert(response.nam.

2021-09-12 11:42:24 112

原创 Sass学习

title: Sass学习date: 2021-08-10 13:50:45tags: cssdescription: sass学习1.基础语法Sass是css语法的扩展// scss文件.header { span { color:red; } &:active { color:green; } // &表示span &:hover { }}// sass.

2021-09-12 11:41:36 78

原创 css实战

title: css实战date: 2021-07-29 17:29:47tags: cssdescription: 实战经验html语义化标签 header section footer navhtml标签 input button解释型列表dl就是定义一个列表dt说明白了就是这个列表的标题dd就是内容,能缩进<dl> <dt>标题标题</dt> <dd>内容内容</dd> <dd&g.

2021-09-12 11:41:04 169

原创 css基础二

title: css基础二date: 2021-07-27 16:59:54tags: cssdescription: css系统学习1.BFC规范创建BFC设置float设置positiondisplay:inline-block / display:flex / display:inline-flexoverflow:hidden 溢出隐藏，溢出盒子边框的内容会隐藏BFC的作用取消盒子的margin塌陷（竖直方向上margin取较大者）阻止浮动元素覆盖.

2021-09-12 11:40:29 53

原创 css基础一

title: css基础一date: 2021-07-27 16:59:43tags: htmldescription: html系统学习1.选择器id选择器 #name类选择器 .name指定特定的HTML元素使用 p.name分组选择器h1,h2,p{ color:green;}嵌套选择器.marked p{ color: white;}p.marked { text-decoration: underline;}.

2021-09-12 11:40:09 87

原创 node服务端

title: node服务端date: 2021-08-20 15:13:37tags: nodedescription: node.js1. 路由const http = require('http')const querystring = require('querystring')const server = http.createServer((req,res) => { // console.log('已经收到http请求') const url = req.

2021-09-12 11:39:28 253

原创 react-HOOK

title: react HOOKdate: 2021-08-09 11:17:42tags: reactdescription: react16.8 hook学习1. useStatefunction xxx(props) { const [isOnline,setIsOnline] = useState(null);}2.useEffectfunction xxx(props) { const [isOnline,setIsOnline] = useState(nul.

2021-09-11 16:04:41 91

原创 vue原理

title: vue原理date: 2021-08-29 18:03:33tags: vuedescription: vue原理1. MVVM数据劫持 + 发布订阅模式数据劫持（observe）通过defineProperty()给属性添加get和set，每次赋予一个新对象会给新对象增加defineProperty（数据劫持）// 创建一个Observe构造函数// 写数据劫持的主要逻辑function Observe(data) { // 所谓数据劫持就是给对象增加get.

2021-09-11 16:04:10 75

原创 Vuex学习

title: Vuex学习date: 2021-08-04 15:19:24tags: vuedescription: Vuex学习Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。第一步安装npm install vuex -S.

2021-09-11 16:03:34 163 1

原创 vue2学习

title: vue2学习date: 2021-08-02 20:55:03tags: vuedescription: vue2版本官网学习1. Vue 框架Vue是一套用于构建用户界面的渐进式框架核心：声明式渲染（采用模板语法来声明式地将数据渲染进DOM）内部指令：v-if(控制DOM) v-else v-show(控制css) v-for(优先级高于v-if) v-text(解决双括号模板暴露问题) v-html(渲染html代码有安全问题xss) v-on v-model(.

2021-09-11 16:03:05 109

原创 Redux学习

title: Redux学习date: 2021-08-24 11:14:16tags: reactdescription: Redux学习1. Redux工作流程2.创建Redux中的仓库// npm install --save redux// store/index.jsimport { createStore } from 'redux'import reducer from './reducer'const store = createStore(reducer) //.

2021-09-11 16:02:23 58

原创 js学习五

title: js学习五date: 2021-08-05 13:35:49tags: javascriptdescription: http协议、存储、Ajax1. Cookie全称HTTP Cookie，是浏览器存储数据的一种方式存储在用户本地，而不是存储在服务器上一般会自动随着浏览器每次请求发送到服务器端利用Cookie跟踪统计用户访问网站的习惯// 写入cookiedocument.cookie = 'username=zs'; // Name Valuedocument..

2021-09-11 16:01:27 78

原创 js学习四

title: js学习四date: 2021-08-04 10:45:55tags: javascriptdescription: es6 es7 es8学习ES61. let 与 constlet 只在代码块内有效let只能声明一次，不能重复声明let不存在变量提升，var 会变量提升console.log(a); // ReferenceError: a is not definedlet a = "apple";console.log(b); // undefin.

2021-09-11 15:59:56 75

原创 js学习三

title: js学习三date: 2021-08-03 15:00:07tags: javascriptdescription: js面向对象1.面向对象对象是键值对的集合，表示属性和值的映射关系创建对象// 构造函数var person = new Person();person.say(); // 直接调用Person(); // 添加到windowwindow.say();//在另一个对象作用域中调用var o = new Object();Person..

2021-09-11 15:59:23 73

原创 js学习二

title: js学习二date: 2021-08-02 11:10:26tags: javascriptdescription: javascript学习1.闭包函数能够“记忆”其定义时所处的环境，即使函数不在其定义的环境中被调用，也能访问定义时所处环境的变量每次创建函数都会创建闭包，它允许我们将数据与操作将数据的函数关联起来功能：记忆性（函数所处环境的状态会始终保持在内存中，不会在外层函数调用后被自动清除）模拟私有变量2.DOMDOM是JS操纵HTML和CSS的桥梁.

2021-09-11 15:57:10 106

原创 js学习-一

title: js学习(一)date: 2021-07-25 18:42:30tags: javascriptdescription: JS红宝书学习一、概览JavaScript由ECMAScript、文档对象模型(DOM)、浏览器对象模型(BOM)组成ECMAScript提供核心语言功能DOM提供访问和操作网页内容的方法和接口BOM提供与浏览器交互的方法和接口Js 是一门基于对象的语言二、在HTML中使用JavaScript使用Script标签元素（script元素应该放在.

2021-09-11 15:56:43 107

原创 mybatis入门

2021-02-17 20:25:09 99

原创 SpringCloud-Netflix

原文链接：Floyd的个人博客单体结构（耦合度较高，不易维护）提供数据（数据部分）展示数据（视图部分）缺点：随着单体应用规模和复杂性的增长，当个别团队做出一点变动，整个应用程序必须被重新构建、测试、部署，增加了各个团队之间交流和协调的成本。** 2.分布式（各个微服务之间互不干扰）**注册中心+多个微服务3.集群（不同端口提供相同的微服务）例如上图中数据微服务可以由8001和8002两个端口提供** 4.服务注册和发现（Eureka）**[juˈriːkə]

2021-02-08 20:21:41 175

原创 Spring-MVC入门

原文链接：Floyd的个人博客1.MVC设计概述M(Model): 模型，即数据，dao、beanV(View): 网页，JSP，用来展示模型中的数据C(Controller): 控制器，把不同的Model，显示在不同的View上，Servlet2.Spring集成web环境配置ContextLoaderListener监听器使用WebApplicationContextUtils获得应用上下文3.开发步骤需求：客户端发起请求，服务器端接受请求，执行逻辑并进行视图跳转导入

2021-02-08 20:19:14 91

原创 spring开发

title: spring开发date: 2021-01-22 17:04:06tags: springdescription: spring开发实战Spring开发实战1.Spring项目构建2.Spring开发步骤[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xnsvyEID-1612786566029)(D:\code\source_posts\spring开发\image-20210122182416415.png?lastModify=1611459.

2021-02-08 20:16:18 453

原创 Spring思想

title: Spring思想date: 2021-01-23 15:40:17tags: springdescription: Spring入门，理论部分Spring 入门1.Spring 框架介绍1.1设计理念IoC(Inversion of Control):控制反转AOP(Aspect Oriented Programming):面向切面编程1.2常用术语框架：包括项目的整体框架、一些基础功能、规定了类和对象如何创建、如何写作*非侵入式设计 **（轻量级）*：无需继承.

2021-02-08 20:15:44 103

原创 2020-12-23

项目场景：前后端对接（使用ant design的pro table组件）跨域问题解决在将mock假的api替换成真实后台api接口的时候，如果直接使用完整url，则会报错。解决方法：在config文件中添加代理mock数据替换成真实接口以周报模块为例：富文本编辑框的引入antd中没有相关组件,需要引入tinymce富文本编辑器问题描述：原因分析：前后端传输数据时类型不匹配解决方案：参考https://docs.qq.com/doc/DRG1nSHVsd0lGUWF

2020-12-23 11:38:29 83