自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(31)
  • 资源 (1)
  • 收藏
  • 关注

原创 【ES6】Promise

当达到最终的fulfilled或rejected时,promise的状态就不会再改变了(所以多次调用resolve,后面的resolve都无效,只取第一次)最初状态pending, 等待中,此时promise的结果为undefined;当调用resolve(data)时, 状态变为 fulfilled。Promise可以理解为一个容器,里面可以编写异步程序的代码。当调用reject(err)时, 状态变为 error。Promise对象可以解决回调地狱的问题。// 2、获取成功失败结果。

2024-02-13 23:04:06 1257

原创 【ES6】模块化

太多的模块化规范给开发者增加了学习难度与开发的成本,因此官方的es6模块化规范诞生了。还可起别名 import {age as age1} from ‘文件路径’;按需导入 import {age} from ‘文件路径’;CommonJS适用于服务器端的JavaScript模块化。AMD、CMD适用于浏览器端的JavaScript模块化。默认导入 import 变量 from ‘文件路径’按需导出 export let age = 18;import ‘文件路径’;一个文件只能有一个默认导出。

2024-02-11 22:45:12 636

原创 【echarts】入门示例

/ 基于准备好的dom,初始化echarts实例。5、将配置项设置给echarts实例对象。// 使用刚指定的配置项和数据显示图表。1、引入echarts.js文件。3、初始化echarts实例对象。// 指定图表的配置项和数据。'ECharts 入门示例'2、准备一个呈现图表的盒子。

2024-02-10 22:22:52 425

原创 【element-ui】el-table实现跨页多选

2、el-table-column添加属性reserve-selection为true。1、el-table添加属性row-key。

2024-02-06 16:50:45 644

原创 html2canvas截图

【代码】用html2canvas对另一个页面进行截图。

2024-02-05 20:54:36 298

原创 【浙政钉】埋点

埋点官方对接文档 https://www.yuque.com/sisialing/bcg47r/ywfbnk。基础埋点和用户信息埋点需要每一个页面都添加,可在路由变化的时候添加。

2024-02-05 10:28:54 564

原创 【leaflet】用自定义pane实现图层顺序调整

【代码】【leaflet】用自定义pane实现图层顺序调整。

2024-02-04 09:45:06 362

原创 【css】单行文字溢出省略号显示

2020-09-06 21:35:26 119

原创 【css】三角的做法

宽度高度设为0,边框设为透明,根据朝向修改其中一个方向的边框颜色,三角形的大小由边框大小决定。

2020-09-06 20:05:18 116

原创 【css】字体图标的使用

字体图标下载地址:https://icomoon.io/(以这个为例)http://www.iconfont.cn/点击download就可以下载了把fonts文件夹放入页面根目录下在 CSS 样式中全局声明字体@font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?7kkyc2'); src: url('fonts/icomoon.eot?7kkyc2#iefix') format('embedded-o

2020-09-05 17:39:03 173 1

原创 【css】显示与隐藏

一、displaydisplay:none;隐藏display:block;显示隐藏后不占位置二、visibilityvisibility: hidden;隐藏visibility: visible;显示隐藏后占位置三、overflow

2020-09-04 21:33:44 175

原创 【JS】变量

一、什么是变量?用于存放数据的容器。二、变量的使用1、声明变量var age;2、赋值age = 18;3、变量的初始化(声明一个变量并赋值)var age = 18;三、只声明不赋值,结果是?四、不声明,不赋值五、不声明,直接赋值六、变量命名规范七、交换两个变量的值添加一个临时变量来做...

2020-09-03 23:28:32 123

原创 【JS】JS输入输出语句

2020-09-03 22:18:37 186

原创 【JS】JS注释快捷键

1、当行注释Ctrl+/2、多行注释shift+alt+a

2020-09-03 22:06:20 2114

原创 【JS】JS的组成

2020-09-03 17:48:15 77

原创 【css】绝对定位的盒子居中

加了绝对定位的盒子不能通过 margin:0 auto 水平居中,但是可以通过以下计算方法实现水平和垂直居中。① left: 50%;:让盒子的左侧移动到父级元素的水平中心位置。② margin-left: -100px;:让盒子向左移动自身宽度的一半。① top: 50%;:让盒子的左侧移动到父级元素的水平中心位置。② margin-top: -100px;:让盒子向左移动自身宽度的一半。...

2020-09-03 13:39:24 192

原创 【css】固定定位——固定在版心右侧位置

让固定定位的盒子 left: 50%. 走到浏览器可视区(也可以看做版心) 的一半位置。让固定定位的盒子 margin-left: 版心宽度的一半距离。

2020-09-02 15:01:42 947 1

原创 【css】定位

一、定位组成定位:将盒子定在某一个位置,所以定位也是在摆放盒子, 按照定位的方式移动盒子。定位 = 定位模式 + 边偏移定位模式用于指定一个元素在文档中的定位方式。边偏移(有 top、bottom、left 和 right 4 个属性)则决定了该元素的最终位置。二、定位模式静态定位 static静态定位是元素的默认定位方式,无定位的意思相对定位 relative(重要)相对定位是元素在移动位置的时候,是相对于它原来的位置来说的(自恋型)。相对定位的特点:a. 它是相对于自己原来的

2020-09-02 14:49:24 102

原创 【css】清除浮动

一、为什么需要清除浮动?由于父级盒子很多情况下,不方便给高度,但是子盒子浮动又不占有位置,最后父级盒子高度为 0 时,就会影响下面的标准流盒子。二、清除浮动本质1.清除浮动的本质是清除浮动元素造成的影响2. 如果父盒子本身有高度,则不需要清除浮动3. 清除浮动之后,父级就会根据浮动的子盒子自动检测高度。父级有了高度,就不会影响下面的标准流了清除浮动的策略是: 闭合浮动. 只让浮动在父盒子内部影响,不影响父盒子外面的其他盒子三、清除浮动方法额外标签法也称为隔墙法,是 W3C 推荐的做法

2020-09-02 00:07:38 225

原创 【css】浮动特性

浮动特性一、脱标脱离标准普通流的控制(浮) 移动到指定位置(动), (俗称脱标)浮动的盒子不再保留原先的位置二、浮动元素一行显示如果多个盒子都设置了浮动,则它们会按照属性值一行内显示并且顶端对齐排列。浮动的元素是互相贴靠在一起的(不会有缝隙),如果父级宽度装不下这些浮动的盒子, 多出的盒子会另起一行对齐。三、浮动元素会具有行内块元素特性四、浮动元素经常和标准流父级搭配使用...

2020-09-01 15:59:55 122

原创 【css】外边距合并问题

相邻块元素垂直外边距的合并当上下相邻的两个块元素(兄弟关系)相遇时,如果上面的元素有下外边距 margin-bottom,下面的元素有上外边距 margin-top ,则他们之间的垂直间距不是 margin-bottom 与 margin-top 之和。取两个值中的较大者这种现象被称为相邻块元素垂直外边距的合并。解决方案:尽量只给一个盒子添加 margin 值。嵌套块元素垂直外边距的塌陷...

2020-08-15 14:52:26 128

原创 a标签不能继承父级的颜色的原因

浏览器默认给a标签指定了一个样式,又因为继承的权重是零,所以会优先执行原有的样式,也就是浏览器给定的默认样式。

2020-08-14 19:14:03 377

原创 好用的工具(收藏)

Snipaste下载地址:https://zh.snipaste.com/Snipaste 是一个简单但强大的截图工具,也可以让你将截图贴回到屏幕上.常用快捷方式:F1 截图F3 在桌面置顶显示点击图片, alt 可以取色 (按下shift 可以切换取色模式),C复制颜色值按下esc 取消图片显示...

2020-08-12 13:43:27 68

原创 vscode自动格式化快捷键及保存页面自动格式化方法

一、vscode快速格式化代码:Shift+Alt+F二、保存页面的时候自动格式化代码:1)文件 ------.>【首选项】---------->【设置】;2)搜索emmet.include;3)在settings.json下的【工作区设置】中添加以下语句:“editor.formatOnType”: true,“editor.formatOnSave”: true4)测试:写乱格式,保存即可自动格式化...

2020-08-09 18:01:42 4585

原创 css基础(笔记)

css选择器的作用:选择标签用的。选择器分为基础选择器和复合选择器两个大类。基础选择器是由单个选择器组成的。基础选择器又包括标签选择器、类选择器、id选择器、通配符选择器。标签选择器是指用标签名(例如p、div)作为选择器。类选择器:样式点定义,结构类(class)调用一个或多个。id选择器:样式#定义,结构id调用,只能调用一次。经常和JavaScript搭配使用。类选择器好比名字(可以重复),id选择器好比身份证号(唯一)。通配符选择器:样式 * 定义,不需要调用,修改所有标签样式。

2020-08-09 00:21:10 154

原创 【html】表单标签

表单标签为什么需要表单使用表单目的是为了收集用户信息。表单的组成在 HTML 中,一个完整的表单通常由表单域、表单控件(也称为表单元素)和 提示信息3个部分构成。表单域表单域是一个包含表单元素的区域。在 HTML 标签中, 标签用于定义表单域,以实现用户信息的收集和传递。 会把它范围内的表单元素信息提交给服务器。<form action=“url地址” method=“提交方式get/post” name=“表单域名称(用于指定表单的名称,以区分同一个页面中的多个表单域)"&gt

2020-08-08 22:17:22 106

原创 【html】列表标签

列表标签表格是用来显示数据的,那么列表就是用来布局的。列表最大的特点就是整齐、整洁、有序,它作为布局会更加自由和方便。根据使用情景不同,列表可以分为三大类:无序列表、有序列表和自定义列表。无序列表(重点)<ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> ...</ul>ul只能嵌套li,li可以嵌套所有元素有序列表(理解)<ol&

2020-08-08 21:02:29 209

原创 【html】表格标签

表格标签表格的主要作用Pink老师总结: 表格不是用来布局页面的,而是用来展示数据的表格的基本语法<table> <tr> <td>单元格内的文字</td> ... </tr> ...</table>< table > < /table > 是用于定义表格的标签。< tr > < /tr > 标签用于定义表格中的行,必须嵌套在 < table

2020-08-08 20:34:26 237

原创 学成网html+css案例

这是跟着pink老师敲的第一个html+css的静态页面:html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>学成网</title> <link rel="stylesheet" href="style.css"></head><body> <!-- 页

2020-08-08 19:28:07 1653 1

原创 HTML标签(上)

HTML 语法规范基本语法概述HTML 标签是由尖括号包围的关键词,例如 。HTML 标签通常是成对出现的,例如 和 ,我们称为双标签。标签对中的第一个标签是开始标签,第二个标签是结束标签。有些特殊的标签必须是单个标签(极少情况),例如 ,我们称为单标签。标签关系双标签关系可以分为两类:包含关系和并列关系。包含关系:<head> <title> </title></head>并列关系:<head> </he

2020-08-08 18:11:19 227

原创 HTML简介

HTML简介网页什么是网页什么是HTML常用浏览器常用浏览器内核Web 标准(重点)为什么需要 Web 标准Web 标准的构成网页什么是网页网站是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合。网页是网站中的一“页”,通常是 HTML 格式的文件,它要通过浏览器来阅读。网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页,常见以 .htm 或 .html 后缀结尾的文件,因此将其俗称为 HTML 文件。什么是HTML

2020-08-08 17:04:51 215

学成网PSD.zip

学成网素材包,包含4个psd文件(学成网职业规划.psd 学成网首页.psd 学成网课程列表页.psd 学成网课程介绍页.psd)

2020-08-08

空空如也

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

TA关注的人

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