摘要：
const: 这个最简单，只需记住是声明的常量，定义的时候必须声明const的具体值，且之后不允许改变const的值 var和let区别 1、由于js引擎存在预解析，会把var变量名进行提升 对于var来说是这样执行的 var m; console.log(m); m=10; let不存在变量提升， 阅读全文
摘要：
项目中经常会碰到页面自适应的问题，例如：商城的列表展示、分类列表展示等页面，如下：该页面会随着页面的放大缩小而随之发生变化，解决方法：display: flex;配合子元素的动态宽度来实现，子元素的宽度 = (总宽 - 自身的margin) / 每行的数量即可。 .box{ border: 1px 阅读全文
摘要：
在页面布局中，元素水平垂直居中的方法有很多，这里就列举3个简单，用的比较多的方法吧。 情况一、已知元素的宽高 1 <style> 2 .center { 3 width: 200px; 4 height: 200px; 5 Courier New", serif; font-size: inheri 阅读全文
摘要：
作为一个开发小白，也是第一次编写博客文章，若有错误请各位大牛大佬指正，轻喷！！！ 我在学校接触最多的就是前端，然后最近在学习新的前端知识，发现前端布局常见的有很多种，不同的应用场景有不同的布局方式，下面就来简单介绍一下吧。 静态布局 浮动布局 定位布局 栅格布局 table布局 弹性（flex）布局 阅读全文
摘要：
盒模型 宽度：width 高度：height 边框：border 圆角：border-radius 外边距：margin 内边距：padding 阴影效果：box-shadow 背景：background 背景颜色：background-color 背景图片：background-image 背景位 阅读全文
摘要：
CSS3引入了很多新特性，比如： 1. 选择器：CSS3引入了新的选择器，如伪类选择器、伪元素选择器等，使得选择元素更加灵活和精确。 2. 边框圆角：CSS3允许通过 border-radius 属性为元素的边框添加圆角，创建圆形、椭圆形或具有不同角度的矩形边框。 3. 盒阴影：使用 box-sha 阅读全文
摘要：
让我们逐步解释每个部分的作用： <!DOCTYPE html>：这是HTML5的文档类型声明，用于指示文档使用HTML5规范解析。 <html>：<html>标签是HTML文档的根元素，它包含了整个HTML文档的内容。 <head>：<head>标签定义了文档的头部，其中包含了关于文档的元数据和引用 阅读全文
摘要：
阅读全文
摘要：
一、行内元素 1.不独占一行，高宽由内容撑开2.无法设置width和height3.margin（单用无效，配合别的标签可以有效，下面案例中有解释）/padding的上下无效，但是左右有效 <a></a> <strong></strong> <span></span> 二、行内块元素 1.不独占一行 阅读全文
摘要：
https://www.cnblogs.com/qy-blog/p/17896457.html static：静态定位（默认）。依据文档流定位。 relative：相对定位。以自身为基准，设置坐标（left、top、right、bottom），不脱离文档流。 absolute：绝对定位。以父元素为基 阅读全文
摘要：
一、docker概述docker是基于go语言实现的云开源项目，让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中，然后发布流行的linux和windows操作系统的机器上，也可以实现虚拟化。容器是完全使用沙箱机制，相互之间不会有任何接口 二、docker的优点系统平滑移植、容器虚拟化，从开发 阅读全文
摘要：
Docker利用容器来运行应用。容器是从镜像创建的运行实例，它可以被启动、开始、停止、 删除。每个容器都是相互隔离的、保证安全的平台。可以把容器看做是一个简易版的Linux 环境（包括root用户权限、进程空间、用户空间和网络空间等）和运行在其中的应用程序。 阅读全文