![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习
henouren
这个作者很懒,什么都没留下…
展开
-
react知识点学习(一)——定义CSS样式
本文转载自:React入门到精通(三)——定义组件和css样式方法一:内部样式Hello {this.props.name} {this.props.title}; .alert-text{ font-size: 20px; } 需要注意的是,react引用js文件,type="text/babel" ,并且要转载 2017-09-26 17:48:25 · 492 阅读 · 0 评论 -
CSS实现垂直居中(三)
在这之前,已经写了两篇关于垂直居中的实现方法,但是由于涉及到的情况各不相同。采用的方法也不一样,今天,另外介绍一种简单的通过CSS实现不同大小浏览器窗口垂直居中的方法。关键代码: #popup img{ max-width: 100%; max-height: 100%; /*以下三行实现垂直居中*原创 2017-10-20 13:46:04 · 244 阅读 · 0 评论 -
JS控制GIF图片的停止与显示(掷骰子实现)
在掷骰子游戏中,通过需要控制骰子的转动以及转动结果的显示,骰子的转动可以用GIF动图来实现,每次投掷骰子的结果可以通过点击按钮显示静态图片。代码如下: CSS实现GIF动图的停止与开始 var image = document.getElementById("gifImg");原创 2017-10-13 11:01:38 · 4198 阅读 · 1 评论 -
CSS实现三列自适应的两种方法
实现三列自适应布局 /*方法一:绝对定位法 将左右两侧分别使用绝对定位,通过left/right使之分别固定在左右两侧,并设置宽度 设置中间部分的margin为左侧的宽度 */ *{ margin: 0; padding: 0; height: 500px; } .left{ positio原创 2017-10-13 10:18:54 · 761 阅读 · 0 评论 -
CSS实现左边不动,右边自适应布局
如题,通过CSS实现左边固定,右边自适应的布局。主要有以下两种方法,均在代码上体现。 布局左不动右边自适应的两列布局 /*方法一:左边定宽,且浮动left*/ *{ margin: 0; padding: 0; } #left{ background: #007AFF; width: 250px;/*定宽*/原创 2017-10-13 09:59:09 · 3025 阅读 · 0 评论 -
CSS实现两列同等高度
要实现两列内容不同的元素显示同等高度,除了通过使用table表格以及设置固定高度外,还可通过使用display:table-cell实现。 实现布局两列等高 #box{ width: 800px; margin: 0 auto; } .col{ /*以下一句是核心代码*/ display:table-cell;/*原创 2017-10-13 09:50:50 · 1782 阅读 · 0 评论 -
图片全屏预览实现
要实现图片的全屏预览,主要知识点有一下几个:(1)点击图片弹出弹出层(2)获取已点击图片的图片地址(3)弹出层样式处理(包括背景透明度、图片居中等)(4)点击屏幕弹出层消失代码实现:HTML:主要是显示图片并创建弹出层 JS:纯js实现var imgs = document.getElementById("con原创 2017-10-20 14:26:34 · 5546 阅读 · 1 评论 -
前后端数据交互之前端传值到后台
在实际的项目开发中,经常要求前后端传值。今天,主要介绍前端向后台传值的几种方法。第一种:ajax传给后台的数据通过json封装起来,再用ajax将json传到后台,需要添加jquery库window.onload = function(){ //生成json var json = []; //实际情况中,json对象的值可通过document.getElement原创 2017-10-19 11:11:49 · 43156 阅读 · 6 评论 -
react知识点(二)
一、JSX是js的一种语法扩展,在React中用于描述UI1)在JSX中使用{}嵌入任何js表达式2)多行JSX最好使用括号wrap3)编译后,JSX表达式成为常规的JavaScript对象。因此可以在if或者for循环中使用,或者复制给其他的变量、从函数中返回等4)在JSX中,class为className5)JSX可以防止注入攻击。在JSX中包含用户输入是安全的,因转载 2017-09-28 10:43:07 · 392 阅读 · 0 评论 -
docker测试环境搭建
一、docker创建测试环境容器1、规划好需要暴露的端口2、创建容器dockerrun -d -p 暴露端口:容器内端口 --privileged=true --name 容器名称 镜像名称3、查看容器信息查看所有容器:dockerps -a查看某一容器的信息:docker inspect 容器ID查看某一容器的IP:docker inspect 容器ID |原创 2018-01-03 13:54:48 · 1254 阅读 · 1 评论