- 博客(375)
- 资源 (25)
- 收藏
- 关注
原创 spring揭秘读书笔记(一)IOC的基本概念,继承关系的注入,构造方法注入,setter方法注入,接口注入,创建一个spring项目,两种容器,注解方法注入依赖,bean标签及各类属性
另外,上还有一个default-autowire,取值为上述值,它可以为下的所有标签统一设置注入方式。还可以和及容器的类来使用使用,local为本配置文件,parent为父容器bean(未能复现)从生命周期的角度看,类的创建如果需要依赖另一个类,这里有一个先后的顺序的问题,depends-on指定了谁依赖谁。在配置bean的时候,需要使用type。对应注入对象类型为java.util.List及其子类或者数组类型的依赖对象。
2023-08-09 08:43:01
235
原创 spring注解驱动开发(二)
如果容器内没有任何bean,单IOC自动装配默认一定要将属性装配好,否则会报错,可以使用在@Autowired(required=false),这里设置了required为非必须。@Resource是用来 替代@Autowired的,和@Autowired一样实现自动装配,默认按照组件名称进行装配,没有能支持@Primary。环境:开发环境,测试环境,生产环境,在不同环境下可能链接不同的数据库,因此需要可以根据当前环境,动态的激活和切换一系列组件。
2023-07-31 14:27:13
1363
原创 spring注解驱动开发(一)
自定义导入的类定义,需要实现ImportBeanDefinitionRegistrar接口,并重写 registerBeanDefinitions方法。Bean是默认单实例的,通过指明prototype(多实例)和singleton(单实例)属性指明是否单实例。这里实现FactoryBean接口,实现三个方法,注意泛型中使用Color类。创建自定义工厂类,实现FactoryBean接口,并改写一下方法。调整bean的作用域范围,默认单实例,可以修改为多实例。17、使用FactoryBean接口导入类。
2023-07-30 15:34:36
778
原创 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
2046
原创 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
977
原创 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
1152
原创 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
1517
原创 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
1752
原创 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
1034
原创 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
1421
原创 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
485
原创 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
1098
原创 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
1458
原创 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
648
原创 vue2、3复习02-组件的生命周期,父子组件、兄弟组件、后代之间组件的数据共享,vuex,全局配置axious,使用ref引用dom元素,使用ref引用组件的方法,this.$nextTick
1、组件的运行过程
2021-11-12 22:46:24
1165
原创 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
788
原创 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
663
原创 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
605
原创 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
711
原创 react(尚硅谷)05-初始化脚手架、目录结构,父子组件传值 ,react ajax,消息订阅及发布,fetch,spa单页面,路由的理解,路由的基本使用,路由组件及一般组件,封装NavLink组件
1、初始化脚手架
2021-11-03 17:30:39
359
原创 react(尚硅谷)04-生命周期函数(新旧),父子组件,getDrivedStateFromProps,getSnapshotBefore,生命周期总结,dom的diffing算法
1、生命周期
2021-10-31 19:04:05
488
原创 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
309
原创 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> <!--引入核心库,先核心库,在rect-dom操作dom库,最后babel注意顺序--> <script sr
2021-10-31 09:53:44
490
原创 react(尚硅谷)01-jax,面向组件编程,函数式组件,类式组件,三大属之state,绑定事件,解决this指向问题,state状态的更改,state的一些理解
1、react初始案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--引入核心库,先核心库,在rect-dom操作dom库,最后babel注意顺序--> <script src="../js/react.development.js"></script>
2021-10-29 22:36:42
226
原创 axios专题(李强)02完结-模拟axios创建过程,模拟axios发送请求,模拟axios实现拦截器,模拟axios实现取消请求功能、axios源码总结
1、模拟axios创建过程<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><!-- <script src="node_modules/axios/dist/axios.js"></script>--></head><body> <s
2021-10-21 12:07:34
167
原创 axios专题(李强)01-安装json-server,引入axios,基本使用,其他方式发送请求,响应结果的结构,配置对象,默认配置,创建实例对象发送请求,拦截器,取消请求,文件结构说明
1、后端获取时间
2021-10-20 09:21:28
185
原创 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
175
原创 ajax专题(李强)01-ajax基本操作、ajax传递参数,ajax设置请求头,服务器端响应json请求,ajax的ie缓存问题,网络请求超时与异常处理,手动取消网络发送,重复发送请求的处理
1、axios的理解和使用
2021-10-17 11:52:12
320
原创 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
356
原创 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
703
原创 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<
2021-10-15 00:21:05
648
原创 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
1110
原创 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
822
原创 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
4386
原创 前后端分离(蜗牛学苑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
257
原创 前后端分离(蜗牛学苑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
2061
原创 前后端分离(蜗牛学苑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
132
原创 前后端分离(蜗牛学苑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
576
UMLbook.pdf
2021-08-28
MyEX006Menu.rar
2020-03-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人