心湖中的石子-CSDN博客

原创 spring揭秘读书笔记（一）IOC的基本概念，继承关系的注入，构造方法注入，setter方法注入，接口注入，创建一个spring项目，两种容器，注解方法注入依赖，bean标签及各类属性

另外，上还有一个default-autowire，取值为上述值，它可以为下的所有标签统一设置注入方式。还可以和及容器的类来使用使用，local为本配置文件，parent为父容器bean（未能复现）从生命周期的角度看，类的创建如果需要依赖另一个类，这里有一个先后的顺序的问题，depends-on指定了谁依赖谁。在配置bean的时候，需要使用type。对应注入对象类型为java.util.List及其子类或者数组类型的依赖对象。

2023-08-09 08:43:01 177

原创 spring注解驱动开发（二）

如果容器内没有任何bean，单IOC自动装配默认一定要将属性装配好，否则会报错，可以使用在@Autowired（required=false),这里设置了required为非必须。@Resource是用来替代@Autowired的，和@Autowired一样实现自动装配，默认按照组件名称进行装配，没有能支持@Primary。环境：开发环境，测试环境，生产环境，在不同环境下可能链接不同的数据库，因此需要可以根据当前环境，动态的激活和切换一系列组件。

2023-07-31 14:27:13 1325

原创 spring注解驱动开发（一）

自定义导入的类定义，需要实现ImportBeanDefinitionRegistrar接口，并重写 registerBeanDefinitions方法。Bean是默认单实例的,通过指明prototype（多实例）和singleton（单实例）属性指明是否单实例。这里实现FactoryBean接口，实现三个方法，注意泛型中使用Color类。创建自定义工厂类，实现FactoryBean接口，并改写一下方法。调整bean的作用域范围，默认单实例，可以修改为多实例。17、使用FactoryBean接口导入类。

2023-07-30 15:34:36 741

转载 Linux下安装部署NodeJS和npm

https://www.jianshu.com/p/bd38b0a0bc07

2022-01-24 01:23:59 326

原创 vuex补充：state存储数据，mutation修改数据（传参），action处理异步（传参）,getters

1、组件访问state的第一种方法this.$store.state.全局数据名称2、组件访问state的第二种方法从vuex中按需导入mapState函数import{ mapState } from ‘vuex’将全局数据，映射为当前组件的计算属性 computed：{ ...mapState(['count']) }完整代码：<template> <div> <h3>当前最新的count值为：{{count}}</

2021-12-31 08:49:07 1985

原创 vue2项目复习02-合并参数,mockjs模拟数据，在store中存取轮播图数据，使用swiper插件实现轮播图，使用watch+$nextTick解决轮播图

1、合并参数合并params和query参数goSearch(){ //代表的是如果有query参数也带过去 if (this.$route.query) { let location = { name: "Search", params: { keyword: this.keyword || undefined }, }; location.query = thi

2021-12-04 23:52:11 955

原创 vue2项目复习01-关闭elint检校，src文件别名，路由传参的对象写法，代理解决跨域问题，nprogress，vuex状态管理库，store的模块式开发，节流与防抖，编程式导航+事件委托路由跳转

1、关闭elint语法校验创建vue.config.js//关闭elint语法校验{ lintOnSave:false;}2、src文件夹配置别名jsconfig.json配置别名@代表src文件夹，@不能在node_modules和dist文件夹中使用{ "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/"] }, "exclude": ["node_module

2021-12-04 21:33:26 1113

原创 Vue3-EWShop电商系统前端开发-笔记01

1、接口文档https://www.showdoc.com.cn/12077455682696742、一些基础配置ico图标，public/index.html<link rel="icon" href="<%= BASE_URL %>favicon.ico">配置/vue.config.jsmodule.exports={ configureWebpack:{ resolve:{ alias:{ 'assets':'@/asse

2021-11-22 23:03:37 1444

原创 vue3小野森森-05-createApp，component，mount，unmount，directive指令，use，plugin，推荐一个好的vue3系列教程

1、createApp，component，mount，unmount许多apllication Api都放在了app实例上（通过createApp创建的实例）创建一个app实例const app = createApp(App)创建全局组件app.component（'组件名',组件模块名）2、directive指令略过吧3、use，plugin4、推荐一个好的vue3系列教程简书上的一个教程...

2021-11-19 10:09:47 1680

原创 vue3小野森森-04-error handler,warnHandler，globalProperties,isCustomElement,optionMergStrategeies,perform

1、error handler,warnHandler，globalProperties（全局属性）通过createapp创建的app对象里面包含config对象，error handler,warnHandler，globalProperties都在config对象里globalProperties（全局属性）可以在全局被访问，用来替代vue2里面的Vue.prototype如果要在原型上添加一个utils属性可以使用如下代码import { createApp } from 'vue'impo

2021-11-19 09:42:30 1004

原创 vue3小野森森-03-toRaw,markRaw,生命周期钩子，选项式provide及inject，组合式provide及inject，给provide及inject增加响应式，$refs

1、toRaw返回一个reactive或readonly包裹的proxy对象其实就是将一个proxy对象转化成普通对象<template> <div> </div></template><script>import {ref,reactive,toRaw,readonly,shallowReactive,shallowReadonly,toRefs} from 'vue'export default { name:

2021-11-18 23:26:17 1387

原创 vue3小野森森-02-readonly，watchEffect，watch，watch侦听多值，reactive与readonly周边，shallowReactive，shallowReadonly

1、readonly<template> <div> <span>{{}}</span> </div></template><script>import {reactive,readonly} from 'vue'export default { name: 'App', setup (props,context) { const reactiveObj=reactive({

2021-11-18 12:02:54 444

原创 vue3小野森森-01-关于setup，reactive，ref，unref，toRef，toRefs，isRef，customRef，shallowRef，triggerRef，computed

1、关于setup的一些概念vue3里面自定义事件依然需要先定义后使用vue3不再使用this.emit来发射自定义事件，而是使用context.semit来发射自定义事件，this已经是昨日黄花和vue2一样，emit里面有两个参数，一个是自定义事件名，一个是要发射过去的数据，数据可以是多个或者是数组在setup里面定义的变量和函数一定要通过return返回出去vue3把钩子都作为函数放在‘vue’里需要从‘vue’中解构出来在setup里面使用的变量要用ref或者reactive包裹一下，

2021-11-17 23:15:06 1051

原创 vue2、3复习04（完结）-vue-cli脚手架，后面都是基于vue2的创建，直接完结吧

1、vue-cli脚手架

2021-11-14 09:52:07 563

原创 vue2、3复习04-前端路由，路由工作方式及步骤，vue-router的使用步骤，路由重定向，路由高亮，嵌套路由及重定向，动态路由匹配，获得动态路由参数的两种方法，编程式导航，命名路由，导航守卫

1、前端路由后端路由：请求方式，请求地址与function处理函数之间的对应关系。后端路由基本使用方法（以express为例）2、spa与前端路由单页面应用程序，所有组件的展示与切换都在这唯一的一个页面内完成，不同组件的切换需要通过前端路由来实现前端路由：就是hash地址与组件之间的关系3、前端路由的工作方式1、用户点击了页面上的路由连接2、导致了url地址栏中的hash值发生了变化3、前端路由监听到了hash地址的变化4、前端路由把当前hash地址对应的组件渲染到浏览器中4、前端

2021-11-13 23:59:18 1424

原创 vue2、3复习03-组件概念，keep-alive保持状态，插槽的基础用法、默认内容，具名插槽，作用域插槽，解构作用域插槽的scope，私有及全局自定义指令，updated函数，自定义指令的参数值

1、什么是动态组件指的是动态切换组件的显示与隐藏，vue提供了一个内置的<component>组件，专门用来实现组件的动态渲染。1、<component>是组件的占位符2、通过is属性动态来指定要渲染的组件名称3、<component is="要渲染的组件的名称"></component关键代码： <component :is="comName"></component>源码grandFather.vue<t

2021-11-13 12:54:01 437

原创 vue2、3复习02-组件的生命周期，父子组件、兄弟组件、后代之间组件的数据共享，vuex,全局配置axious,使用ref引用dom元素，使用ref引用组件的方法，this.$nextTick

1、组件的运行过程

2021-11-12 22:46:24 1148

原创 vue2、3复习01-对props校验，自定义事件，自定义事件传参，组件上的v-model，watch侦听器，侦听器的immediate、deep选项，侦听对象中单个属性的变化

1、对props校验使用validator函数进行校验props:{ name:String, age:[Number,String], address:String, count:{ type:Number, require:true, default:100 }, type:{ validator(value){ return ['success

2021-11-12 07:40:09 742

原创 react（尚硅谷）08-react-redux，连接容器组件和redux组件、provider组件的使用、整合ui组件和容器组件，redux开发者工具

1、react-redux是一个插件库2、连接容器组件和redux组件安装react-redux库npm i react-redux --save1、创建容器文件夹container，并创建响应的容器组件count，及index.js2、container/count/index.js//引入count的ui组件import CountUI from '../../component/Count'import { createIncreatmentAciton, create

2021-11-05 12:43:45 634

原创 react（尚硅谷）07-antd的基本使用，推荐几款ui库、redux概念、场景、工作流程，redux的三大核心概念-action、reducer、store,计算器案例，异步action

1、antd的基本使用现在已经有了antd of react流行的开源React UI组件库material-ui(国外)官网: http://www.material-ui.com/#/github: https://github.com/callemall/material-uiant-design(国内蚂蚁金服)3. 官网: https://ant.design/index-cn4. Github: https://github.com/ant-design/ant-design/

2021-11-05 08:42:58 582

原创 react（尚硅谷）06-Switch的使用，路由模糊匹配，重定向，嵌套路由，向路由组件传递params、search、state参数，push与replace，编程式路由导航，withRouter

1、Switch的使用<div className="panel-body"> {/*注册路由*/} <Switch> <Route path="/about" component={About}/> <Route path="/home" component={Home}/>

2021-11-04 09:44:52 674

原创 react（尚硅谷）05-初始化脚手架、目录结构，父子组件传值，react ajax，消息订阅及发布，fetch，spa单页面，路由的理解，路由的基本使用，路由组件及一般组件，封装NavLink组件

1、初始化脚手架

2021-11-03 17:30:39 341

原创 react（尚硅谷）04-生命周期函数（新旧），父子组件，getDrivedStateFromProps，getSnapshotBefore，生命周期总结，dom的diffing算法

1、生命周期

2021-10-31 19:04:05 463

原创 react（尚硅谷）03-react中的事件处理，非受控组件，受控组件，高阶函数，函数柯里化

1、react中的事件处理时间处理通过onXxxx属性指定事件处理函数react使用的是自定义（合成）事件，而不是使用原生dom时间react中的事件是通过事件委托方式处理的（委托给组件最外层的元素）通过event.target得到发生事件的dom元素对象不要过度使用ref2、非受控组件包含表单的组件分类a.受控组件b.非受控组件<!DOCTYPE html><html lang="en"><head> <meta charset="

2021-10-31 11:47:22 282

原创 react（尚硅谷）02-props基本写法，给props设置数据规则，函数式组件使用props，字符串形式的refs，回调形式的的ref，createRef的使用

1、props基本写法和vue里面的props很像，这里直接从组件的标签属性中往组件属性中传值，建立起了组件和外部的通讯。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>  <script sr

2021-10-31 09:53:44 466

原创 react（尚硅谷）01-jax，面向组件编程，函数式组件，类式组件，三大属之state，绑定事件，解决this指向问题，state状态的更改，state的一些理解

1、react初始案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>  <script src="../js/react.development.js"></script>

2021-10-29 22:36:42 201

原创 axios专题（李强）02完结-模拟axios创建过程，模拟axios发送请求，模拟axios实现拦截器，模拟axios实现取消请求功能、axios源码总结

1、模拟axios创建过程<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <s

2021-10-21 12:07:34 157

原创 axios专题（李强）01-安装json-server，引入axios，基本使用，其他方式发送请求，响应结果的结构，配置对象，默认配置，创建实例对象发送请求，拦截器，取消请求，文件结构说明

1、后端获取时间

2021-10-20 09:21:28 162

原创 ajax专题（李强）02完结-jquery中发送ajax，axios发送ajax请求，fetch函数发送ajax请求，同源策略、jsonp的实现原理，jquery发送jsonp，设置cors响应头

1、jquery中如何发送ajax请求发送get请求$('#send').click(function(){ $.get('http://localhost:3000/test',{name:'zhangsan',age:34},function (data) { console.log(data) }) })发送post请求$('#send').click(function(){ $.post('http://localhost:3000/test',{n

2021-10-17 20:26:33 155

原创 ajax专题（李强）01-ajax基本操作、ajax传递参数，ajax设置请求头，服务器端响应json请求，ajax的ie缓存问题，网络请求超时与异常处理，手动取消网络发送，重复发送请求的处理

1、axios的理解和使用

2021-10-17 11:52:12 311

原创 promise专题05（完结）-自定义promise之resolve、reject、all、race封装，then的异步执行，async，await，async结合await发送ajax请求

1、resolve方法封装具体代码：Promise.resolve = function (value) { //返回promise对象 return new Promise((resolve, reject) => { if (value instanceof Promise) { value.then(value => { resolve(value) }, (reason) => { reject(reaso

2021-10-16 19:30:02 336

原创 promise专题04-自定义promise之then方法执行回调、异步的执行逻辑、指定多个回调，同步及异步修改状态then方法改变结果，then方法的完善有优化，catch方法异常穿透与值传递

7、then方法执行回调then方法里的两个形参实际对应着两个参数（函数），并且自己也带参（存储在PromiseResult里），因此要实现onResolved和onRejected两个函数的逻辑这里要判断PromiseState的状态，因为在resolve或reject的时候，已经实现修改了PromiseState的值（resolvue和reject隐含的第一项操作就是修改PromiseState的值，第二不就是修改PromiseResult的值）//相当于重写promisefunction

2021-10-16 11:50:30 656

原创 promise专题03-自定义promise之定义整体结构、创建类及then方法，添加PromiseState和PromiseResult属性，异常处理，PromiseState只能改变一次状态逻辑

1、自定义（手写）promise–定义整体结构index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="./js/jquery.js"></script> <script src="./js/mypromise.js"></script> <title>Title&lt

2021-10-15 00:21:05 615

原创 promise专题02-promiseResult，promise的基本流程，promiseAPI（构造函数，then，catch，resolve，reject，all，race），几个关键问题

1、promise对象值promiseResultpromise对象中的一个属性：[promiseResult]保存着对象成功或失败的结果这个值由resolve和reject函数来操作if (xhr.readyState === 4) { if (xhr.status >= 200 && xhr.status < 300) { resolve(xhr.response) } else {

2021-10-14 17:52:30 959

原创 promise专题01-初体验，promise传值到then中，封装文件操作，封装ajax，用一个函数封装promise，util.promisify，promise对象状态改变

1、promise初体验<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="js/jquery.js"></script> <title>Title</title></head><body><button id="awards">抽奖</button&g

2021-10-14 17:49:24 719

原创 sass笔记（完结）安装，使用，vscode中设置easy sass，嵌套，变量，混合，循环，分支

1、sass的安装概念：一门css的扩展语言，本质上一个脚本编程语言。通过sass所有的特点能够极大的提高编写css的效率。即用部分的sass代码代替之前写的繁琐的css代码。sass 底层是由一个面向对象的编程语言ruby来编写的。1、npm安装ruby再安装sass2、vscode直接搜索easy sass插件2、sass使用后缀 .sass或.scss3、在vscode中的settings设置sass文件转为css文件的相关配置信息在vscode中的 settings.json

2021-10-13 20:10:36 3900

原创前后端分离(蜗牛学苑06完结)-moment时间，RESTful，HTTP请求类型，同源及跨域，跨域的解决方法（jsonp，Cors，代理服务器），中间层转发请求，学生管理系统代码及教程地址

1、后端获取时间下载 moment插件npm i moment在studentsModel.js上增加一个time字段1、studentsModel.js//数据集合的相关配置//1、定义数据集合的结构：定义集合中数据有哪些属性，属性的值是什么类型（数据库结构）//解构出mongoose的Schema方法来，这个方法用来操作集合的const { Schema,model }=require('mongoose')//引入时间模块momentconst moment=require('m

2021-10-12 23:32:14 242

原创前后端分离(蜗牛学苑05)-上传图片前后端处理，图片预览，数据库保存图片数据，数据加密，md5、bcypt加密，认证流程，生成token，前端请求携带token,token配置，认证后处理，统一处理

1、图片上传前端处理1、index.html <div> <label>上传头像</label> <input type="file" id="upload"> </div> <div class="imag-box">  <img src="" alt=""/> </div> <d

2021-10-12 22:01:53 1930

原创前后端分离(蜗牛学苑04)-渲染教师的复选框列表，新增班级时关联教师，polulate嵌套关联查询，实现分页方式的选择及渲染，上一页和下一页的处理，分页其他操作

1、渲染教师的复选框列表添加新增老师页面代码和getTeachers函数1、index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>学生管理系统</title></head><body> <div> <h2>新增班级</h2> <d

2021-10-12 11:49:16 121

原创前后端分离(蜗牛学苑03)-学生列表渲染，新增学生界面及发送，删除学生，改造查询学生为按条件查询，模糊查询两种方式，获取并修改特定学生数据，新增班级，班级列表渲染，新增学生并关联班级，学生关联查询班级

1、学生列表渲染三个文件夹：表现层：routers服务层：service持久层：dao（数据库访问接口）- 1、在表现层创建routers文件夹，创建对应的students路由：students.jsvar express = require('express');var router = express.Router();let students=[ {_id:1,name:'zhangsan',age:'20',gender:'male'}, {_id:2,name:'li

2021-10-10 10:51:05 520