- 博客(85)
- 收藏
- 关注
原创 SpringBoot学习(二)
BeanUtils.copyProperties(user,userPojo) 把user里面的值传入到新创建的里面去,用来传输。return userRepository.save(userPojo) 如果传入的id存在则会修改,没有则会新增一个id。@RequestBody:传过来的是一个文本,自动转成一个对象,自动会调用UserDto的类来使用。@Length(min = 6,max = 12) 密码的长度限制,最小和最大的长度。
2024-11-22 17:26:28
757
原创 SpringBoot学习(一)
2.嵌入的 Tomcat、Jetty 或者 Undertow,无须部署 WAR文件,内嵌了web服务器(前三个都是web服务器),不用war包,放到对应的服务器中,只需要一个jar包就行,通过java来启动就行。3.提供starter POMs来简化Maven配置和减少版本冲突所带来的问题,相当于是依赖,简化了很多的依赖,并且还帮助我们管理了很多的版本号,减少冲突。在某些情况下,数据库列的名称可能与实体类的字段名称不同,或者需要映射到不同的列,这时就需要使用 name 属性来指定正确的列名。
2024-11-19 17:59:58
930
原创 React项目知识积累(三)
是 JavaScript 中的一个静态方法,用于检查传递给它的参数是否是一个 Array 对象。该方法接受一个可选参数,即一个分隔符字符串,用于在数组的每个元素之间插入。less文件中的@primary-color,会在config.js中的theme中统一写,方便统一更改。关键字来改变导出项的名称,使其与原始模块中的名称不同。是一个内置函数,用于返回一个由给定对象自身的所有可枚举属性名称组成的数组。如果你想在无论是否有错误抛出的情况下执行某些代码,可以使用一个可选的。在一个模块中,默认导出项只能有一个。
2024-05-24 19:00:32
755
原创 React项目知识积累(二)
是 JavaScript 中的一个内置方法,用于选择多个元素并返回一个 NodeList 对象。在上述例子中,选择了所有元素,并将它们存储在一个NodeList对象中。可以使用length属性获取所选元素的数量,并使用索引获取每个元素的属性和内容。需要注意的是,返回的是一个静态的 NodeList 对象,这意味着如果匹配的元素发生变化,NodeList 不会自动更新。如果需要动态更新匹配的元素列表,请使用或者其他动态查询节点的方法。
2024-05-23 19:35:32
563
原创 React项目知识积累(一)
true使用useRequestmanualtruedatedateonError你需要确保date参数被正确传递给请求。如果date是一个变量,你应该在调用时传递它。
2024-05-23 17:21:36
1324
原创 Vue小程序项目知识积累(三)
var()函数用于插入自定义属性(也称为CSS变量)的值。设置一个CSS变量的值,但是如果变量不存在,它将默认返回20rpx。CSS变量必须在一个有效的CSS规则(如选择器)内定义,否则它们不会被识别。如果你在:root伪类中定义了,那么你可以在任何后代元素中使用var()函数来引用它。我们首先在:root伪类中定义了变量,然后在一个名为.element的类中使用var()函数来设置背景颜色。这个方法将动态设置变量的值。请确保在执行这个操作的时候,DOM已经完全加载,否则可能不会生效。
2024-05-22 16:46:28
1104
原创 自学ES6
1.let声明变量 let a; let b, c, d; let e = 2323, f = '我是大帅哥', g = [];1.变量不能重复声明 let start = '罗志祥'; let start = '小猪';这样会报错: let start = '罗志祥'; console.log(start);这样就不会报错:2.块儿级作用域 全局作用域 函数作用域 eval作用域(严格函数中存在...
2021-10-12 13:48:17
229
原创 前端面试题(三)
1.行内元素有哪些?块级元素有哪些? 空(void)元素有那些?CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,比如div默认display属性值为“block”,成为“块级”元素;span默认display属性值为“inline”,是“行内”元素。行内元素有:span a b i img input select strong块级元素有:div p h1-h6 ul table form ul ol li dl dt dd…...
2021-08-23 00:10:26
542
原创 前端面试题(二)
1.高阶组件?redux里面有一个高阶组件?(redux里面的connect就是一个高阶组件)react-router里的withRouter,withRouter提供了history,在没有通过route跳转,也没有传递this.props的时候,可以通过withRouter实现路由跳转,redux里的高阶组件也用过,是connect,连接全局store的.2.redux中如果需要使用异步调用数据的话需要使用什么?(redux中间件)首先需要使用axios或者fetch发送异步请求,然后需要中
2021-08-21 23:38:55
730
原创 前端面试题(一)
1.介绍一下box-sizing的属性?1.box-sizing 规定两个并排的带边框的框,2.box-sizing的属性值:content-box/border-box/inherit content-box:(默认的盒子,设置padding和border会撑开盒子,使盒子比原本的宽高更大,padding=>内边距,margin=>外边距)宽度和高度分别应用到元素的内容框,在宽度和高度之外绘制元素的内边距和边框 .border-box:(包含了padding和border,设置
2021-08-20 21:16:24
1170
2
原创 微信小程序
一、底部导航(tabBar)在app.json中的代码:{ "pages": [ "pages/index/index", "pages/logs/logs", "pages/teacher/teacher", "pages/student/student", "pages/jiekou/jiekou" ], "window": { "backgroundTextStyle": "light", "navigationBarBac
2021-08-12 22:13:33
165
原创 Vue中购物车
Vue中购物车是用axios进行调接口,然后放在store中,就可以随时调用!示例:Show.vue:<template> <div class="header0"> <table> <caption> 商品界面 </caption> <thead> <tr> <th>编号</th.
2021-08-12 09:35:16
175
原创 Vuex介绍
1.Vuex采用和Redux类似的单向数据流的方式来管理数据。用户界面负责触发动作(Action)进而改变对应状态(State),从而反映到视图(View)上。2.Vuex是Vue.js应用程序的状态管理模式+库。3.它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可测的方式发生变化。4.Vuex把组件的共享状态抽取出来,以一个全局单例模式管理。在这种模式下,我们的组件树构成了一个巨大的“视图”,不管在树的哪个位置,任何组件都能获取状或者触发行为!5.通过定义和隔离..
2021-08-12 09:24:15
257
原创 Vue中的注意点(二)
1.插值语法的实现:<template> <div class="app"> <!-- v-mode:value 的简写形式: v-model --> 姓:<input type="text" v-model="firstName" /><br /><br /> 名:<input type="text" v-model="lastName" /><br /><br />
2021-08-10 23:59:25
202
原创 Vue中的注意点(一)
1.如果新建一个vue文件有警告框:可以在首页中的js段中加入: Vue.config.productionTip = false;//阻止vue在启动时生成生产提示2.如果不用el进行和id值进行绑定,并在连接vue之前调用一个函数:var v = new Vue({ // el: "#ex",//el用于指定当前Vue实例为哪个容器服务,值通常为css选择器字符串 data: { data: { }, }, methods: { },
2021-08-09 21:59:29
322
原创 Axios
一、axiosAxios是一个基于promise的HTTP库,可以用在浏览器和node.js 中特点:-从浏览器中创建XMLHttpRequests-从 node.j创建http请求-支持Promise API(then)-拦截请求和响应(可以取消请求)-转换请求数据和响应数据-取消请求-自动转换JSON 数据(自动转换是一个缺点)-客户端支持防御XSRF (跨网站请求伪造:https://en.wikipedia.org/wiki/Cross-sito_requ
2021-08-04 22:36:52
1238
原创 vue导航守卫
一、导航守卫1.vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的,单个路由独享的,或者组件级的。(1)应用:比如在路由跳转前做一些验证,比如登录验证,vue-router提供的beforeEach可以方便地实现全局导航守卫(navigation-guards)。(2)组件内部的导航守卫函数使用相同,只是函数名称不同(beforeRouteEnter、beforeRouteUpdate(2.2新增)、beforeRouteLeave).
2021-08-04 22:35:53
202
原创 vue动画和路由传值
一、过度&动画介绍Vue在插入、更新或者移除 DOM时,提供多种不同方式的应用过渡效果1.在CSS过渡和动画中自动应用class.2.可以配合使用第三方 CSS 动画库,如 Animate.css3.在过渡钩子函数中使用JavaScript直接操作 DOM.4.可以配合使用第三方JavaScript 动画库,如 Velocity.js二、组件过渡Vue提供了 transitIon的封装组件,在下列情形中,可以给任何元素和组件添加进入/离开过渡。当插入或删除包含在.
2021-08-02 20:21:29
456
2
原创 JS的介绍
一、浏览器架构:二、js的应用:1.网页中的特效:焦点图、二级菜单、放大镜2.表单验证3.后台交互:ajax(调数据)4.html5的大部分功能三、JavaScript的概念以及特点:1.JavaScript是一种基于对象(object)和事件驱动(Event Driven)并且具有安全性能的脚本语言。2.JavaScript具有以下几个基本特点:(1)是一种脚本编写语言(2)基于对象的语言(3)简单性(4)安全性(5)动态性(6)跨平台性..
2021-07-31 23:54:49
299
2
原创 内容分发和props类型
一、props类型限制如果prop是一个对象,不是字符串数组时,它包含验证:验证类型:String、Number、Boolean、Function、Object、Array props: { // 基础类型检测,(‘null’意思是任何类型都可以),在传参值后加上类型,会自动判断,会限制传的值的参数类型. propsA: Number, //多种类型,并列排序 propsB: [String, Number], // 必传且是字符串 prop..
2021-07-30 22:29:27
593
原创 vue传值
组件的介绍:1.组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。2.所有的Vue组件同时也都是Vue的实例,所以可接受相同的选项对象(除了一些根级特有的选项)并提供相同的生命周期钩子。全局组件:——Vue.component(tagName, options)——Vue.component('my-component', {——template: '<div>A custom component! </div&g
2021-07-29 16:45:02
370
原创 git和less
一、Git与SVN的区别1.GIT不仅仅是个版本控制系统,它也是个内容管理系统(CMS)工作管理系统等。2.如果你是一个具有使用SVN背景的人,你需要做定的思想转换, 来适应GT提供的一些概念和特征。3.Git与SVN区别点:(1)GIT是分布式的,SVN不是:这是GIT和其它非分布式的版本控制系统,例如SVN、CNS等,最核心的区别。(2)GIT把内容按元数据方式存储,而SVN是按文件:所有的资源控制系统都是把文件的元信息隐藏在一个类似.svn,.cvs等的文件夹里。(3)GIT分支和SVN
2021-07-27 20:50:21
482
原创 Vue介绍
一、vue介绍1.Vue.js是用于构建交互式的 Web 界面的库。2.它提供了 MVVM数据绑定和一个可组合的组件系统,具有简单、灵活的API。从技术上讲,Vue.js集中在MVVM模式上的视图模型层,并通过双向数据绑定连接视图和模型。3.实际的DOM操作和输出格式被抽象出来成指令和过滤器。相比其它的MVVM 框架,Vue.js 更容易上手。4.Vue.js是一个用于创建Web交互界面的库。它让你通过简单而灵活的API创建由数据驱动的UI组件。5.内核生成:Es6和---.
2021-07-27 14:21:24
31321
原创 vue的环境配置
一、准备项目1.新建项目目录:mkdir vuetest22.进入项目:cd vuetest23.建立package.josn --------------npm init -y:(所有的都是默认的)二、安装webpack1.按照webpack官网进行配置安装:npm install --save-dev webpack@4.40.2npm install webpack webpack-cli@3.3.9 -Dproject: webpack-demo ...
2021-07-26 23:40:33
995
9
原创 react面试题
1、工程化主要工具有哪些,特点是什么(webpack、grunt、glup、git)(1)webpack更加强调模块化开发管理,而文件压缩合并、预处理等功能,是他附带的功能。Webpack是一个前端模块化方案,更侧重模块打包。我们可以把开发中的所有资源(图片、js文件、css文件等)都看成模块,通过loader(加载器)和plugins(插件)对资源进行处理,打包成符合生产环境部署的前端资源.Webpack就是需要通过其配置文件(Webpack.config.js)中 entry 配置的一个入口文件
2021-07-24 14:15:00
742
原创 hook介绍
一.hook(钩子):(按照生命周期和功能进行封装)优势:逻辑简化.(1)要启用Hooks,所有React软件包都必须为16.8.0或更高版本.(2)钩子是允许从功能组件(function component)“挂钩”React状态和生命周期功能的功能。钩子在类内部不起作用-它们允许你在没有类的情况下使用React.(3)React提供了一些像useState这样的内置Hook。你还可以创建自定义Hook以在不同组件之间重用有状态行为.(4)Hook是一些可以让你在函数组件里“钩入” R
2021-07-21 14:49:03
6161
1
原创 react-redux
react-redux:(封装原来的redux)1.Redux是独立的,它与React没有任何关系,React-Redux是官方提供的一个库,用来结合redux和react的模块.2.store的三大功能:dispatch,subscribe,getState都不需要手动来写React-Redux已经做了,react-redux提供了两个接口Provider、connect.3.只使用redux流程(1)component-->dispatch(action)-->reducer
2021-07-21 09:16:41
214
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人