自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 一个css布局

<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title><style>* { box-sizing: border-box;} body { font-family: Arial; padding: 10px; background: #f1f1f1;} /* 头部标题 */.he

2020-09-25 16:52:21 117

原创 vuecli的安装

1、配置淘宝镜像npm config set registry https://registry.npm.taobao.org2、验证是否成功(只要出现一行https就可以了)npm config get registry3、下载VueClinpm i -g @vue/cli4、查看版本vue --version

2020-09-23 23:07:07 108

原创 笔记--axios

get 无参请求<script src="https://unpkg.com/axios/dist/axios.min.js"></script><script> axios.get("http").then(res=>{ console.log(res); }).catch(err=>{ console.log(err); })</script>get 有参请求<scrip

2020-09-21 16:32:16 241

翻译 笔记--axios

axiosPromise based HTTP client for the browser and node.jsaxios的安装使用 npm:$ npm install axios使用bower:$ bower install axios使用yarn:$ yarn add axios使用 jsDelivr CDN:<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></scrip

2020-09-21 11:44:00 232

原创 vue--笔记

1、v-on:为元素绑定事件 如:click 简写 @ 绑定的方法定义在 methods 属性中 方法内部通过 this 可以访问定义在 data 中的数据 2、v-show:让元素显示/隐藏 原理是修改元素的display,实现显示、隐藏 v-show="true"--显示 v-show="false"--隐藏 3、v-if:判断真假,让元素显示、隐藏 ...

2020-09-16 14:33:30 72

原创 css3

盒子模型添加这行,会使盒子不在因为border、padding变大box-sizing: border-box;

2020-09-09 22:41:37 80

原创 为什么清除浮动?

因为最大的父元素不方便给高度,子元素不确定多少所以应该让子元素撑开父元素但是会使父元素变为0会影响下一个元素这时候就需要清除浮动了因为浮动不占有位置,需要清除浮动,来占位置...

2020-09-09 21:14:17 335

原创 nth-child和nth-of-type的区别

nth-child会把盒子里的每个元素都排序nth-of-type会把盒子里,指定的元素排序

2020-09-09 20:16:08 76

原创 css--初始化

*{ margin:0;padding:0}em,i{ font-style:normal}li{ list-style:none}img{ border:0; vertical-align:middle}button{ cursor:pointer}a{ color:#666; text-decoration:none}a:hover{ color:#c81623}button,input{ fon

2020-09-09 13:38:03 282

原创 三角形--css

.div1 { width: 0; height: 0; border-top: 100px solid blueviolet; border-bottom: 100px solid transparent; border-left: 100px solid transparent; border-right: 100px solid transparent;

2020-09-09 00:20:06 93

原创 字体图标的使用

字体图标网址https://icomoon.io/1、选择喜欢的下载即可,会打包成一个压缩包2、解压,把fonts文件夹放到html目录下3、在下载的文件中,选择style.css复制第一个{},放到style中,这是字体的引入4、寻找字体:在下载的文件中有一个html,选择后面的小方框,复制到你的字体中5、给字体添加样式font-family: 'icomoon';这样就可以呈现出字体图标了...

2020-09-09 00:06:28 149

原创 input--输入表单

input输入表单元素 type="file":上传文件 type="submit":提交 type="reset":重置 type="button":普通按钮 配合js使用 type="text":文本输入框 type="password":密码输入框 type="radio":单选框 type="checkbox":复选框 name:单选、复选要有相同的name值 name、value:每个表单元素都要求有,是提供给后端使

2020-09-08 22:58:14 308

原创 小技巧

图片改尺寸 给img添加尺寸,就会跟父元素一样大了 width:100%; height:100%;鼠标经过,让子元素显示出来例如:鼠标经过,视频变暗,播放(先在视频上方加一个罩子,鼠标经过,让罩子显示).div1:hover .div2{ display: block; }鼠标经过,变色.div1:hover{ display: block; backgro

2020-09-08 17:03:45 77

原创 笔记--盒子布局方式

定位 = 定位模式(定位方式) + 边偏移(最终位置) 定位模式 position:static--静态定位 position:relative--相对定位 1、,相对于它原来的位置对齐 2、保留原来的位置 position:absolute--绝对定位 1、没有父元素,以浏览器对齐 2、有父元素,没定位,以浏览器对齐 3、有.

2020-09-08 14:48:55 209

原创 随笔--js

/*// 1、弹窗alert("弹窗");// 2、多了一个取消按钮,常配合if判断confirm("取消");// 3、输出到控制台,用于js调试console.log("输出到控制台****************");// 4、弹出对话框,用于接收用户输入的信息prompt("弹窗,请输入您的银行卡号:")// 5、在页面输出信息,还能输出标签信息document.write("在页面输<br><strong>出信息</strong>")*/

2020-09-04 12:28:11 166

原创 随笔--html

html标题由<h1>--<h6>组成html段落由<p>标签组成style可以改变元素的样式如:<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>html链接由<a>标签组成如:<a href="http://www.w3school.com.cn">This is a link</a>html图

2020-09-04 11:01:43 63

原创 随笔--css

width:宽度height:高度background:背景颜色border:元素四周的边框border-top:顶部边框border-left:左边边框border-right:右边边框border-bottom:底部边框padding:元素包含的内容和元素边框的距离,也叫内边距padding-top:顶部-内边距padding-left:左边-内边距padding-right:右边-内边距padding-bottom:底部-内边距内边距会改变元素的大小margin:设置

2020-09-04 10:27:45 100

原创 随笔

windows如何查看端口netstat -ano查询指定的端口占用netstat -aon|findstr "提示的端口"查询PID对应的进行进程tasklist|findstr "2016"http开启服务http-server --proxy http://localhost:8080?

2020-08-28 10:58:49 80

原创 ngrok(内网穿透)

ngrok的使用方法进入ngrok官网(https://ngrok.com/),注册ngrok账号并下载ngrok;根据官网给定的授权码,运行如下授权命令:3.下载好的的ngrok,解压,双击,运行4.在ngrok中输入 ngrok authtoken 授权码5.运行你的端口 ngrok http 80806.第一个是http协议对应的外网地址,第二个是https协议对应的外网地址。这样,凡是访问http://110357ac.ngrok.io的请求都将发送到localhost:808

2020-08-27 12:02:59 176

转载 http开启服务,更好的办法

http-server --proxy http://localhost:8080?注意最后这个?

2020-08-27 10:00:45 160

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除