倒霉娃不要倒霉的博客

原创 echarts 折线图 实现某两个点之间不要连线

通过插入null或NaN的数据点来实现"断开"的效果。

原创 leaflet入门

Tooltip 工具提示。Polyline 折线。Polygon 多边形。Popup 弹出窗口。

原创 【软件设计师】软件开发模型

螺旋模型: 大型、复杂、风险项目；综合了瀑布模型和演化模型的优点，并且加了两个忽略的风险分析。RAD模型（快速应用开发模型）： 快速迭代、用户参与、模块化要求高、不适用新技术。RUP（统一软件开发过程）模型: 用例驱动、架构为中心、迭代、增量。喷泉模型：复用好、开发过程无间隙、节省时间。原型模型：快速构建，需求不明确。可重用构建模型： 复用构建。V模型：开发与测试结合。变换模型： 形式化开发。

原创 vue 去掉console

生产环境的配置 vue inspect --mode production > output.js。vue inspect 是Vue CLI提供的一个命令，用于检查当前项目的webpack配置。开发环境的配置 vue inspect > output.js。可以通过这个命令看配置是否成功。output.js查找。

原创 http的网页，前端请求资源变成了https

这个会把http变成https。

原创 【js】判断输入的四个数字字符串是否表示有效的月份和日期（两位表示月，两位表示日)

5、日期范围校验：根据所给月份，检查日期值是否在该月的有效范围内（1到31，考虑闰年情况）。3、提取月日：将前两位数字转换为月份，后两位数字转换为日期。2、格式校验：确保输入长度为4，且所有字符都是数字。1、接收输入：获取用户输入的四个数字组成的字符串。4、月份范围校验：检查月份值是否在1到12之间。

原创 滚动条样式

【代码】滚动条样式。

原创 【软件设计师】原码反码补码移码

负数：反码是原码符号位不变，其他取反；正数：原码、反码、补码一样。

原创 前端接口获取到文件流后并下载

Content-Disposition 是 HTTP 响应头字段，用于指示资源应该如何被客户端（如浏览器）处理，特别是当涉及到附件或文件下载时。

原创 typescript学习(更新中)

创建一个tsconfig.json。tsc检查是否安装成功。

原创 vue3学习(更新中)

ref() 接收参数，并将其包裹在一个带有 .value 属性的 ref 对象中返回。name="Person2"需要安装下面的插件。1、创建基本类型的响应式数据。2、创建对象类型的响应式数据。创建对象类型的响应式数据。

原创 【element-ui】el-table表格高亮选中

由current-change事件来管理选中时触发的事件，它会传入currentRow，oldCurrentRow。highlight-current-row 是否要高亮当前行。

原创 【echarts】修改tooltip指示器的线条颜色

【代码】【echarts】修改tooltip指示器的线条颜色

原创 【ES6】Promise

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

原创 【ES6】模块化

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

原创 【echarts】入门示例

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

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

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

原创 html2canvas截图

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

原创 【浙政钉】埋点

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

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

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

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

原创 【css】三角的做法

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

原创 【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

原创 【css】显示与隐藏

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

原创 【JS】变量

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

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

原创 【JS】JS注释快捷键

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

原创 【JS】JS的组成

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

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

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

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

原创 【css】定位

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

原创 【css】清除浮动

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

原创 【css】浮动特性

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

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

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

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

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

原创 好用的工具（收藏）

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

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

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

原创 css基础（笔记）

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

原创 【html】表单标签

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

原创 【html】列表标签

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