笔记
文章平均质量分 55
锦鲤儿
这个作者很懒,什么都没留下…
展开
-
React中JSX&元素渲染&组件和Props
一、JSX简介JSX,是JavaScript的语法扩展,表示在JavaScript中写HTML的代码,可以很好的描述UI应该呈现出它应有交互的本质形式。1、JSX是一个表达式在编译之后,JSX表达式会被转为普通的JavaScript函数调用,并得到其返回值。所以,我们可以在if语句、for循环的代码块中使用JSX,可以将JSX赋值给变量,可以把JSX当做参数传入。2、JSX特定属性1、可以通过引号,将属性值指定为字符串字面量const element = <div tabIndex="1原创 2022-03-31 15:27:54 · 2573 阅读 · 0 评论 -
实现一个上中下布局,上下盒子高度固定、位置固定,中间元素自适应
面试题目:实现一个上中下布局,上下元素高度固定,且固定在屏幕的顶部和底部,中间元素自适应填满剩余空间。HTML代码<div class="header">顶部</div><div class="middle">中间</div><div class="footer">底部</div>CSS代码<style type="text/css"> * { margin: 0; p原创 2022-03-16 20:22:03 · 1438 阅读 · 0 评论 -
Windows中将Nginx添加为服务
前言:在使用LeafLet写离线地图时,需要将Nginx作为LeafLet的代理,实现内网访问外网地图瓦片,下面是将Nginx添加为Windows服务。1、下载安装Nginx官网:http://nginx.org/en/download.html注意:我是将Nginx安装到了D盘,所以后面的文件修改时注意自己的路径问题。2、添加服务nginx-service.xml、cmd-restart-nginx.bat、cmd-start-nginx.bat、cmd-stop-nginx.batngin原创 2022-02-17 12:00:59 · 8189 阅读 · 4 评论 -
flex弹性布局属性速查
1、行内元素也可以使用flex布局.box { display:inline-flex;}2、设置了flex布局之后,子元素的float、clear、vertical-align属性失效。3、容器的属性flex-direction属性属性决定主轴的方向属性值:row、row-reverse、column、column-reverseflex-wrap属性默认情况下,项目都排在一条线上,flex-wrap属性定义,如果一条线放不下,如何换行。属性值:nowrap(默认)不换行、原创 2021-11-26 15:27:38 · 324 阅读 · 0 评论 -
使用element的upload组件实现上传图片
使用element的upload组件实现图片的上传<el-upload class="upload" action="接口地址" :limit="1" :auto-upload="false" :before-remove="beforeRemove" :on-exceed="handleExceed" :on-change="commitmentFilehandleUpload" :on-error="handleFail" :f原创 2021-07-19 15:03:07 · 289 阅读 · 0 评论 -
Spring基础知识点学习笔记(思维脑图)
原创 2021-05-06 15:06:11 · 206 阅读 · 0 评论 -
web前端项目知识点总结(持续更新~)
1、问题描述:一个盒子里有两个行内块元素,第一个盒子设置了margin-top,第二个没有设置,为什么第二个也会下沉?运行结果:因为行内块元素的默认对齐方式是和基线对齐,不是和底部对齐,即默认vertical-align:baseline。解决办法:1、给第二个盒子加上:vertical-align:top/center/…ps:两个盒子中间有间隔问题:给父盒子设置font-size: 0;2、导航栏会因为浏览器页面的缩小而导致部分元素被挤下来的问题解决方案:被挤下来是因为导航栏的.原创 2021-04-23 20:55:48 · 1142 阅读 · 2 评论 -
element-ui前端页面消息提示框
Message消息提示框用来显示不同状态的提示框(不可手动点击关闭)// 显示成功的操作this.$message({ message: '恭喜你,这是一条成功消息', type: 'success' }); // 显示警告的操作this.$message({ message: '警告哦,这是一条警告消息', type: 'warning' });原创 2021-04-11 14:31:33 · 20619 阅读 · 5 评论