自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 仿微信 java IM即时通讯 | uni-app IM即时通讯 | vue IM即时通讯桌面端 | 源码出售

uniapp IM 即时通讯 源码私有云服务、无第三方服务,方便二开可支持数十万并发连接、数据加密传输一套代码 支持 Android, IOS, h5IM 即时通讯

2020-11-12 12:14:25 4137 2

原创 css 快速入门教程 - Grid 网格布局教程

css 快速入门教程 - Grid 网格布局教程学习 grid 时,需要先了解 grid 的一些重要术语。CSS Grid 网格布局 - 重要属性 属性 描述 设置在网格容器上 display display grid 或者 inline-grid 声明元素为网格容器 行和列 grid-template-columns 设置网格列 grid-template-rows 设置网格行 网格排序 grid-aut

2021-06-28 16:51:49 170

原创 CSS Grid 网格布局 - auto-fit 关键字 和 auto-fill 关键字的区别

CSS Grid 网格布局 - auto-fit 关键字 和 auto-fill 关键字 的区别auto-fit 和 auto-fill 都是模式填充,在网格容器宽度大于网格项的最小宽度总和时就会有区别。实例解析:css.css :.wrap{ display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-template-rows: 60px; grid-auto-rows: 60px;

2021-06-25 14:25:49 1110

原创 css 快速入门之 flex 布局教程

css 快速入门之 flex 布局教程flex 简称弹性布局,是2009年W3C提出的 css3 新属性。弹性布局(flexible box)模块旨在提供一个更加有效的方式来布置,对齐和分布在容器之间的各项内容,即使它们的大小是未知或者动态变化的。 弹性布局的主要思想是让容器有能力来改变项目的宽度和高度,以填满可用空间(主要是为了容纳所有类型的显示设备和屏幕尺寸)的能力。 最重要的是弹性盒子布局与方向无关,相对于常规的布局(块是垂直和内联水平为基础),很显然,这些工作以及网页设计缺乏灵活性,无法支持大型

2021-06-24 15:20:10 209

原创 css grid 网格布局 - 网格区域对网格线的影响

网格区域的命名会影响网格线的命名。当给区域命名后,区域2条边会自动得到命名 “-start” 和 “-end”。这意味着一条网格线可能有多个名称。比如以下 :.wrap{ display: grid; grid-template-areas:'header header header' 'sidebar main main' 'footer footer footer';}区域名称相同的,在使用时就像单元格合并,如以上的 main ,其上边行线和左边列线为 main-s

2021-06-21 13:34:22 343

原创 浏览器开发者工具(inspect)简单介绍

新手认识浏览器开发者工具(inspect)现代浏览器都有内置调试工具,可以查看错误信息,也可以打断点,甚至在代码执行时检测变量。新手小白是不是对开发者工具众多功能感到迷茫?先来认识下基础简单功能开发者工具简单介绍...

2020-09-13 16:03:29 1928

原创 overflow 消除 float 的行框围绕

overflow 消除 float 设置产生的行框围绕overflow 设置后:代码详情

2020-09-12 23:04:01 74

原创 最方便简单的自定义js插件方法

js-最方便简单的自定义插件对新手来说,闭包什么的可能不好理解,那就先试着用对象方法式来写自己的插件吧。代码链接

2020-09-12 17:54:10 581

转载 HTML注释、CSS注释、JS注释的区别

HTML注释、CSS注释、JS注释的区别html: <!-- 注释内容 -->css : /* 注释内容 */js : 单行 //多行 /* 注释内容 */详情代码

2020-09-12 17:37:44 448

空空如也

空空如也

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

TA关注的人

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