在前端开发过程中,盒子居中是常常用到的。其中 ,居中又可以分为水平居中和垂直居中。水平居中是比较容易的,直接设置元素的margin: 0 auto就可以实现。但是垂直居中相对来说是比较复杂一些的。下面我们一起来讨论一下实现垂直居中的方法。 首先,定义一个需要垂直居中的div元素,他的宽度和高度均为3 ...
分类:
Web程序 时间:
2020-07-13 11:44:04
阅读次数:
71
P1.课程介绍 视频教程 尚硅谷2020最新版Webpack5实战教程(从入门到精通) https://www.bilibili.com/video/BV1e7411j7T5?p=1 我的代码:https://github.com/K-Artisan/webpack-in-action-note 环 ...
分类:
Web程序 时间:
2020-07-13 11:41:10
阅读次数:
71
(注意:下面的date可以加个判断是10位时间戳还是13位时间戳来进行编码是否需要*1000; param为你要转换的时间戳变量 if(param.length == 10){ let date = new Date(parseInt(param) * 1000); }else if(param.l ...
分类:
Web程序 时间:
2020-07-13 11:39:05
阅读次数:
265
示例 1 : 尺寸 属性:font-size值:数字或者百分比 <style> p.big{ font-size:30px; } p.small{ font-size:50%; } p.small2{ font-size:0.5em; } </style> <p >正常大小</p> <p class ...
分类:
Web程序 时间:
2020-07-13 11:33:48
阅读次数:
81
一、 引言 对于一个多人团队来说,制定一个统一的规范是必要的,因为个性化的东西无法产生良好的聚合效果,规范化可以提高编码工作效率,使代码保持统一的风格,以便于代码整合和后期维护。 二、 HTML/CSS规范 2.1 浏览器兼容 根据公司业务要求而定,一般:主流程测试:Chrome 30+、IE9+; ...
分类:
Web程序 时间:
2020-07-13 11:31:28
阅读次数:
75
一、工厂模式 function createPerson(name, job) { var o = new Object(); o.name = name; o.job = job; o.sayName = function() { console.log(this.name); } return ...
分类:
Web程序 时间:
2020-07-13 11:28:25
阅读次数:
58
计算机视觉 - 传统CV和深度学习CV的区别 https://blog.csdn.net/lovetaozibaby/article/details/107174485 ...
分类:
Web程序 时间:
2020-07-13 11:28:04
阅读次数:
50
Three.js 动效方案 背景 Three.js(下面简称 Three) 作为一个 3D 库,不仅减少了我们学习 OpenGL 和 WebGL 的成本,还大大提升了前端在可视化上给用户带来更多的真实、沉浸式的体验。众所周知,Three 更多的是用 3D 模型 + 投影相机 + 用户交互的方式来构建 ...
分类:
Web程序 时间:
2020-07-13 11:22:29
阅读次数:
79
https协议采用的SSL协议的加密算法进行详细的解释,并配有图解 ...
分类:
Web程序 时间:
2020-07-13 10:03:27
阅读次数:
107
示例 1 : 文字颜色 属性名color颜色的值可以采用3种方式1. 预定义的颜色名字比如red,gray,white,black,pink2. rgb格式分别代表红绿蓝的比例 rgb(250,0,255) 即表示红色是满的,没有绿色,蓝色是满的,即红色和蓝色混合在一起:紫色3. 16进制的表示#0 ...
分类:
Web程序 时间:
2020-07-13 10:00:01
阅读次数:
99
示例 1 : 注释 注释以/* 开始以*/结束被注释掉的文字会自动隐藏 <style> /*设置所有的p元素中的内容为红色*/ p{ color:red; } </style> <p>红色的p</p> ...
分类:
Web程序 时间:
2020-07-13 09:51:00
阅读次数:
61
这一篇郭先生就说说ThreeBSP(组合网格)的使用,先上图,在线案例点击ThreeBSP案例。 组合网格允许我们使用二元操作函数操作网格,但是提前需要引入threeBSP.js,它提供了如下三个函数。 名称描述 intersect(相交) 使用该函数可以在两个几何体的交集上创建新的几何体。两个几何 ...
分类:
Web程序 时间:
2020-07-13 09:49:54
阅读次数:
107
需求:后端需要一个数组,里面的结构是 let arr = [{"url":'http://www.xxx.com',"test_id": 1001}] 习惯了for of一把梭的我,想试试用map来实现这个需求。进行测试验证: var users = [ {name: "张含韵", "email": ...
分类:
Web程序 时间:
2020-07-13 09:44:50
阅读次数:
83
使用表单上传文件 通过表单上传文件 <form class="form-horizontal" role="form" enctype="multipart/form-data" method="POST" action="/contest/vacation-photo/{{year}}/{{mon ...
分类:
Web程序 时间:
2020-07-13 09:42:27
阅读次数:
89
PHP复习题(选择题) 1. 如何使用 PHP 输出 “hello world”? A. "Hello World"; B. echo "Hello World"; C. Document.Write("Hello World"); 答案:B 2. 下面代码执行结果是? <?php FUNCTION ...
分类:
Web程序 时间:
2020-07-13 09:41:59
阅读次数:
834
示例 1 : 尺寸大小 属性:width值:可以是百分比或者像素为了便于观察一个元素的大小设置效果,进行了背景色的设置 <style> p#percentage{ width:50%; height:50%; background-color:pink; } p#pix{ width:180px; ...
分类:
Web程序 时间:
2020-07-13 09:36:39
阅读次数:
107
常用PHP内部函数练习 1、字符串函数 (1)strlen($str);//返回字符串长度 mb_strlen($str) 可以返回中文字符长度; (2)strtolower($str);//字母转小写 (3)strtoupper($str);//字母转大写 (4)ucwords($str);//每 ...
分类:
Web程序 时间:
2020-07-13 09:35:21
阅读次数:
81