weixin_47471015的博客

原创 一.CSS属性

1.文字属性1.样式fs font-style: italic;倾斜的fsn font-style: normal;2.粗细格式： font-weight: bold;单词取值:bold 加粗 bolder 比加粗还要粗 lighter 细线， 默认就是细线数字取值：100-900之间整百的数字3.大小格式：font-size: 30px;单位：px（像素 pixelfz30 font-size: 30px;4.字体格式：font-family:"楷体";注

原创 vue中使用低版本swiper

1.下载这两个版本插件：“swiper”: “^4.5.1”,“vue-awesome-swiper”: “^4.0.4”,npm install vue-awesome-swiper@4。0.4 --save -devnpm install swiper@4 --save -dev2.在xxxx.vue的组件中引入<script>import { swiper, swiperSlide } from "vue-awesome-swiper";import "swiper/di

原创 2021-03-03

原创 1.1 ES6 let 与 const

1.1 ES6 let 与 constvar、let 声明的就是变量，变量一旦初始化之后，还可以重新赋值.constconst 声明的就是常量，常量一旦初始化，就不能重新赋值了，否则就会报错.const 就是为了那些一旦初始化就不希望重新赋值的情况设计的const 的注意事项1.使用 const 声明常量，一旦声明，就必须立即初始化，不能留到以后赋值2.const 声明的常量，允许在不重新赋值的情况下修改它的值,所以基本数据类型是不能修改，但是引用数据类型是可以修改的。const 其实

原创 前后端交互（上）

基本概念1.什么是服务器?服务器也是电脑，只不过是一台 24 小时不断电，不关机的电脑根据提供的服务功能不同: 文件服务器、邮件服务器、Web 服务器等等；简而言之: 服务器其实就是一台"提供了某种服务功能"的超级电脑2.如何让电脑能够提供某种服务?如何让电脑可以聊天?听歌?浏览网页?想让电脑提供聊天服务,可以安装相应的聊天软件, 例如:QQ/旺旺…想让电脑可以提供听歌服务,可以安装相应音乐软件, 例如:酷我/酷狗…想让电脑可以提供浏览网页服务,可以安装相应浏览网页软件, 例如:谷歌

原创 CSS布局之等分布局与等高布局

等分布局等分布局就是指一行被分为若干列，每一列的宽度是相同的值；方法一：float 属性实现等分布局效果给各个元素设置浮动和宽度 { float: left; width: 25%; //宽度用百分比等分 //给每个元素设置浮动-- 子元素浮动 - 导致父元素的高度塌陷}清除浮动 1.固定的高度 height 固定写死（不推荐）2.父元素加overflow:hidden => BFC 特点: 把浮动的高度给计算进去 优点：代码简洁 缺点：

原创 CSS布局之三列布局（圣杯与双飞翼）

三列布局三列布局一 两列定宽,一列自适应(右边)方案一：float + margin 属性实现；左中设置 float: left;右设置 margin-left 取值为左盒子的总宽#left { width: 200px; /* 定宽 */ height: 300px; background-color: #c9394a; float: left;}#center { width: 200px; /* 定宽 */ height: 300px; background-

原创 CSS布局之两列布局

两列布局两列布局一般情况下是指定宽与自适应布局，两列中左列是确定的宽度，右列是自动填满剩余所有空间的一种布局效果；左列自适应, 右列定宽float + margin 属性实现；float + overflow 属性实现；display 属性的 table 相关值实现；使用绝对定位实现；使用 flex 实现；使用 Grid 实现；方案一：float + margin 属性实现<style> *{margin: 0;padding: 0;} #left

原创 css布局之居中布局

水平居中布局> 含义: 指当前元素在父级元素容器中，水平方向是居中显示的；方案一:>给父元素添加 text-align:center; >子元素若为行内元素，行内块元素，文本，则可实现水平居中 。方案二：单个块级元素水平居中> 子元素宽度必须小于父元素宽度，并且要给子元素定宽。再给子元素设置 margin:0 auto;>>margin后面如果只有两个参数的话，第一个表示top和bottom，第二个表示left和right,因为0 auto，表示上下边界