- 博客(23)
- 收藏
- 关注
原创 使用antd组件
新任务的是要用antd搞公司的两个页面,师姐以为我两天就能搞出来,结果我将近用了一周,还是靠我旁边那位兄弟指点又指点才完成的。。。。那些标签啥的用inline-block调了好久,因为旁边那位兄弟说antd的栅格系统很坑。原来外面的div要给宽度,里面的元素也要给,搞不懂元素遍历,抄人家的例子稀里糊涂就做出来了<div>{props.list.map((item, index) =>{ return(
2020-11-13 22:10:59
312
原创 dva初步使用笔记
无状态组件用公司的写法完全不会,幸好我旁边还有一位兄弟可以江湖救急啊,而且师姐也很好就是有点怕她。。。。搞懂了state的传值,跟react的不一样,还傻傻的以为state可以修改。在models里面初始化所有的state值,然后在controllers接收models值,通过dispatch触发modules里面的异步之类的方法,component里面的组件用props接收state值。input框要注意value和name <Input prefix={<UserOutline
2020-11-13 21:46:38
360
原创 实习任务之使用react实现登录获取动态列表
目录结构:Login.css代码:#container{ width: 400px; height: 300px; margin: auto; border: gray solid 0.5px; border-radius: 5px;}h2{ text-align: center; margin-top: 50px;}#username{ margin-left: 65px; margin-top: 25px;
2020-10-28 08:18:28
211
原创 实习任务之webpack基本配置
任务描述:1、在已安装node的环境下安装webpack,因为之前下载出现了版本不兼容,所以我指定了版本下载使用命令:npm install webpack@4.41.1 --save-dev npm install webpack-cli@3.3.9 --save-dev npm install webpack-dev-server@3.8.2 --save-dev //服务器 ...
2020-10-26 20:20:20
90
原创 css、js基础实习考核
令老娘胆战心惊的考核终于过去了。。。。整理笔记1、说明html中的块级元素、行内元素、行内块级元素之间的区别及其转换?答:块级元素:能够自动换行开启新的一行,能够设置宽高,margin和padding对上下左右四个方向设置均有效。行内元素:相邻的行内元素不换行,设置宽高无效,margin设置仅左右方向有效,上下无效,padding设置上右下左都有效。水平方向上padding-left, padding-right, margin-left, margin-right都有边距效果,但是垂直方向上p
2020-10-26 20:10:41
174
原创 实习任务之使用ajax获取动态数据列表
任务描述:end.html页面代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="
2020-10-20 17:54:48
158
原创 litemall项目本地部署启动
从这里下载litemall项目导入idea中,选择litemall-all下得到Application右键点击Run 'Applicatuon(2)'在浏览器输入 http://localhost:8080/wx/index/index 启动成功到这里后端已经启动成功,接下来启动前端,进入litemall/litemall-admin输入npm install安装完了之后再输入npm run dev到此项目启动成功然后就是小程序环节啦,到这里注...
2020-09-10 23:46:09
3579
原创 vue学习之侦听器(十三)
1、侦听器的应用场景 数据变化时执行异步或开销较大的操作这个属性也可以用计算属性来实现案例:验证用户名是否可用需求:输入框中输入姓名,失去焦点时验证的是否存在,如果已经存在,提示从新输入,如果不存在,提示可以使用需求分析:①通过v-model实现数据绑定 ②需要提供提示信息 ③需要侦听器输入信息的变化 ④需要修改触发的事件...
2020-09-08 00:53:05
110
原创 vue学习之计算属性(十二)
1、何为需要计算属性? - -表达式的计算逻辑可能会比较复杂,使用计算属性可以使模板内容更加简洁在vue实例参数当中添加一个新的属性computed,通过函数的形式来定义,使用的时候直接写函数名即可(不用加括号)然后写处理语句的时候必须要写return才能最终得到计算属性的结果。计算属性是基于data中是数据来处理的。2、计算属性与方法的区别 a、计算属性是基于它们的依赖进行缓存的b、方法不存在缓存...
2020-09-07 23:04:24
131
原创 vue学习之自定义指令(十一)
1、全局指令a、获取元素焦点inserted:被绑定元素插入父节点时调用(仅保证父节点存在,但不一定已被插入文档中)2、改变元素的背景颜色(带参数的自定义指令)2、局部指令(推荐使用)...
2020-09-07 21:10:32
148
原创 vue学习之循环结构(十)
2、分支循环结构<li v-for='item in list'>{{item}}</li><li v-for='(item,index) in list'>{{item}} + '---' +{{index}}
2020-08-27 13:14:13
197
原创 vue学习之样式绑定(九)
class样式处理对象语法:<div v-bind:class="{ active: isActive}"></div>数组语法:<div v-bind:class="{activeClass, errorClass}"></div>或另外一种直接操作值的处理逻辑is开头属性名一般是一个标志位,要么是true要么是false...
2020-08-24 14:11:26
125
原创 vue学习之属性绑定(八)
Vue如何动态处理属性?v-bind指令用法<a v-bind:href='url'>跳转</a> 缩写形式:<a :href='url'>跳转</a>点击切换之后再点击百度v-model的底层实现原理分析<input v-bind:value="msg" v-on:input="msg=$event.target.value">...
2020-08-23 15:11:22
124
原创 vue学习之事件基本使用(七)
事件函数参数传递 普通参数和事件对象:<button v-on:click='say("hi",$event)'>Say hi</button>单个参数传递多个参数传递事件绑定-参数传递1、如果事件直接绑定函数名称,那么默认会传递事件对象作为事件函数的第一个参数2、如果事件绑定函数调用,那么事件对象必须作为最后一个参数显示传递,并且事件对象的名称必须是$event...
2020-08-21 00:34:09
110
原创 vue学习之事件绑定(六)
1、Vue如何处理事件?v-on指令用法:<input type='button' v-on:click='num++' />v-on简写形式:<input type='button' @click='num++' />2、事件函数的调用方式(函数必须要定义在methods中) 直接绑定函数名称:<button v-on:click='say'>Hello</button> 调用函数:<button v-on:...
2020-08-21 00:12:57
127
原创 vue学习之双向数据绑定(五)
双向数据绑定:页面数据之间的影响是双向的v-mode指令用法:<input type='text' v-model='uname' />其中涉及的MVVM设计思想: ①M(model) ②V(view) ③VM(View-Model)它的核心理念就是分而治之,把不同的代码放到不同的业务模块当中,然后再通过逻辑把它们组织到一块。最核心的就是双向绑定的方式,从视图到模型用的是事件监听,从模型到视图用的是数据绑定。...
2020-08-20 23:48:04
106
原创 vue学习之数据响应式(四)
如何理解响应式?数据的变化导致页面内容的变化的这种效果称为数据响应式v-once是只编译一次,显示内容之后不再具有响应式功能v-once的应用场景:如果显示的信息后续不需要再修改,可以使用v-once,这样可以提高性能...
2020-08-20 23:21:05
130
原创 vue学习之数据绑定指令(三)
1、v-text 填充纯文本 相比插值表达式更加简洁,而且不存在“闪动”问题。2、v-html 填充html片段 解析出来的内容是带有样式的。但是,在网站上动态任意渲染html是非常危险的,因为容易导致XSS(跨站脚本攻击) 攻击,只在可信内容上使用v-html,永不用在用户提交的内容上。3、v-pre 填充原始信息 显示原始信息,跳过编译过程。...
2020-08-19 02:44:37
129
原创 vue学习之v-cloak指令(二)
首先我们需要了解什么是指令?指令的本质就是自定义属性。在vue中,指令的格式:以v-开始(比如:v-cloak)在插值表达式中存在“闪动”的问题,在浏览器比较卡的情况下频繁刷新时会看到花括号的内容,要解决这个问题就要使用v-cloak指令,例:v-cloak指令用法: 1、提供样式 [v-cloak]{ display:none; } 2、在插值表达式所在的标签中添加v-cloak指令此指令的原理:先通过样...
2020-08-19 02:17:49
183
原创 vue学习之基本使用(一)
使用vue简单地输出 "hello vue"进入vue官网下载vue.js库文件引入vue.js库代码细节分析el:元素的挂载位置(值可以是css选择器或者dom元素)把数据关联到页面的某个标签里data:数据模型(值是一个对象)开发页面功能所用到的业务处理,当中可以放很多的键值{{}} 插值表达式用法:(1)将数据填充到html标签中 (如上)(2)插值表达式支持基本的计算操作,例如:...
2020-08-19 01:26:13
81
原创 若依框架(前后端版)字典的使用
1、在数据库建一张student表,要注意给每一个属性都添加注释,以及整张表都要添加注释22、登陆若依管理系统,将student表导入 若依如图:3、生成代码解压将代码贴进对应的位置,前端贴前端,后端贴后端,以及将生成sql文件导入数据库中4、重启项目5、此时的性别并没有选项,我们可以添加选项代码刷新一下...
2020-06-26 23:02:56
15977
3
原创 若依框架(前后端分离)的导入和启动
一、下载nodejs从这里下载一直点击下一步安装即可。二、设置淘宝镜像源进入nodejs的文件夹→nodes_modules→npm中npmrc中添加registry=https://registry.npm.taobao.org三、搭前后端从这里下载项目前端将ruoyi-ui导入idea中,直接 Run 'npm install',等待下载完成使用命令行进入ruoyi-ui目录中运行命令...
2020-06-20 17:42:24
3595
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人