自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Grid布局

Grid:网格布局它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。与Flex布局的区别Flex:轴线布局,一维布局Grid:二维布局定义采用网格布局的区域,称为"容器"(container)。容器内部采用网格定位的子元素,称为"项目"(item)。注意:Grid是针对父与子之间,孙子是不起作用的;行和列容器里面的水平区域称为"行"(row),垂直区域称为"列"(column)。单元格行和列的交叉区域,称为"单元格"(cell)。网格线划分网格的线,称为"

2021-04-28 11:06:02 393

原创 如何在github上快速找到精准的开源项目

开源项目有哪些组成部分:name: 项目名description: 项目的简要描述项目的源码README.md: 项目的详细情况的介绍条件限制in:name xxxxxx:就是关键字name:名字in:name xxx stars:>5000stars:就是收藏量in:name xxx stars:>5000 forks:>3000forks:就是分享量in:readme xxxreadme:就是readme里包含的文字in:descri

2021-04-28 10:43:38 114

原创 Flex 布局

弹性盒1、要使用弹性盒布局,要先在容器上定义display:flex;告诉浏览器这是弹性盒布局2、弹性盒比较形式,默认让子元素横向排列(row)3、在弹性盒中,外面的父元素称为容器,里面的子元素称为项目(子项目)4、弹性盒的目的:让容器有能力去控制项目----改变他的宽度,子元素的顺序,位置等5、每一种布局的出现就是为了解决一个问题 float 、position 、6、在弹性盒布局中,有轴的概念----主轴(水平方向—x)----侧轴(垂直方向—y)7、弹性盒内的弹性项目不分块级元素跟行内元

2021-04-28 10:15:50 920

原创 js下划线和驼峰互相转换

驼峰转下划线var obj2 = { msg: 'success', inLi: [ { name: 'hh', cardList: [ { bigName: 'hxx', liCxx: 21, xxxYzz: 20 }, { bigName: 'hxx', liCxx: 21,

2021-04-26 18:03:11 542

原创 高德地图简单使用

官网:https://developer.amap.com/api/javascript-api/guide/abc/prepare准备1、注册账号申请key2、准备页面在public的index.html中添加<script language="javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=<%= process.env.VUE_APP_AMAP_JS_KEY %>&plugin=AMap.

2021-04-26 10:34:07 373

原创 HTTP相关知识点集合

文章目录HTTP介绍HTTP优缺点解决队头阻塞:HTTP请求方式GET和POST区别:options作用:HTTP状态码常用状态码:URL组成HTTP版本HTTP1.1HTTP2.0HTTP报文HTTP标头通用标头实体标头请求标头响应标头HTTP相关组件网络模型应用层运输层网络层链路层物理层OSI模型浏览器Web服务器CDNWAFWebServiceHTMLWeb页面构成HTTP相关协议DNSDNS如何工作递归查询和迭代查询DNS缓存DNS实现负载平衡DNS使用UDP协议得原因URI/URLHTTPSHTT

2021-04-26 10:07:40 651

原创 利用 html5 canvas 完成一个实时时钟 demo

利用canvas实现一个实时时钟动画效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><bod

2020-07-25 23:19:24 157

原创 闭包的理解以及使用场景

闭包(closure)一、变量的作用域问题:全局变量和局部变量各自有什么缺点?二、闭包形成闭包的三步特点三、原理四、使用场景点击li弹出下标一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。问题:全局变量和局部变量各自有什么缺点?全局变量:在函数体外定义的变量,每个函数都能使用修改,就会造成全局污染局部变量:在函数体内定义的变量,只有当前函数能使用,但是不能在全局重复使用函数在创建的时候会创建两个对象,一个是函数对象本

2020-07-06 11:40:09 480

原创 Git的基本使用

Git是个工具Git用途:1)托管代码到远程2)版本控制(实现原理:文件快照,每个版本都会有一个文件快照,比直接备份文件快速便捷,因此,Git仓库又被称为版本库)3)团队协作,强大的分支功能Git代码托管平台github: https://github.com/全球最大的coding:https://coding.net/腾讯云gitee:https://gitee.com/码云Git工作流程概念介绍Remote:远程workspace:本地工作空间Index:暂存区Rep

2020-06-18 11:46:54 269

原创 chrome截取整个网页的小技巧

1、首先找到找到这三个点2、更多工具>>>开发者工具或者你直接F12右键检查都可以3、在控制台(console)这里输入快捷键Ctrl+shift+P4、然后弹出一个输入框5、在输入框中输入“Capture full size screenshot”,会弹出Capture full size screenshot指令,鼠标点击该指令按钮。6、最后他会下载一个png格式的图片到你的电脑...

2020-06-16 11:22:48 212

空空如也

空空如也

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

TA关注的人

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