把我的格子衫拿来-CSDN博客

原创节流防抖函数及区别

区别节流：节流是指在短时间频繁触发同一函数时变成每隔一段时间触发一次防抖：防抖是指在短时间频繁触发同一函数时变成只执行最后一次不明白的话复制一下下面代码试试就懂了节流 - 效果展示（点击按钮控制台打印内容）//html代码块 <button class="box">点击打印</button>//js代码<script> //获取按钮 var btn = document.querySelector('.box') //节流函数.

2021-02-18 10:15:26 159 1

原创实现数字滚动效果

数字滚动效果效果下载并引入所需插件Html代码css代码JS代码效果下载并引入所需插件JQuery – 链接: JQuery.numScroll – 链接: numScroll. <script src="./jquery-3.3.1.min.js"></script> <script src="./numScroll.js"></script>Html代码 <div class="box"></div>c

2021-02-04 17:50:20 4691 9

原创【无标题】前端跨域问题及解决方法

前端，跨域，js

2022-01-06 11:18:36 501

原创 css单行、双行文本溢出显示省略号

注：text-overflow: ellipsis;只对display：inline；起作用如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性，当然还需要加宽度width属来兼容部分浏览。实现方法：overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图：但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略号呢。接下来重点说一说多行文本溢出显示

2021-03-30 10:52:55 179

原创简述原型链 javascript原型链

原型链以下仅是个人对原型链的理解，如有不对的地方望大佬指出先来看一下作者总结的一张图，一些含义注释图中都有写出结合下面这段代码可以帮助大家理解<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport

2021-03-19 10:27:19 325 2

原创自定义滚动条

自定义滚动条，基于JQ的自定义滚动条有时浏览器的滚动条看上去不是很美观，显得与整体页面格格不入，今天分享一个mCustomScrollbar方法最基础的自定义滚动条的方法需要的 JS 及 CSS 文件网盘地址链接: https://pan.baidu.com/s/1Mc3vg5GNplWxqMcp0TyCsg.提取码： ye691、首先引入所需文件 <head> <link rel="stylesheet" href="./jquery.mCustomScrollbar

2021-03-17 09:46:38 194 2

原创数据可视化立体柱状图柱状图

立体柱状图1、首先通过标签方式直接引入构建好的 echarts 文件<!DOCTYPE html><html><head> <meta charset="utf-8">  <script src="echarts.min.js"></script></head></html>2、然后准备一个具备高宽的 DOM 容器。

2021-03-15 15:56:41 1756 4

原创雷达图自定义点样式渐变背景色

雷达图的自定义点样式与渐变背景色1、首先通过标签方式直接引入构建好的 echarts 文件<!DOCTYPE html><html><head> <meta charset="utf-8">  <script src="echarts.min.js"></script></head></html>2、然后准备一个具备高

2021-03-12 12:01:46 6464 10

原创 Flex布局 Flex用法弹性布局

一、Flex 布局就是"弹性布局"，用来为盒子提供最大的灵活性。任何一个容器都可以指定为 Flex 布局加了display: flex;属性，我们就可以认为该盒子是一个弹性容器了//css代码块 .box { width: 300px; height: 300px; border: 1px solid black; display: flex; } .info { width: 50px; height: 50

2021-03-02 11:33:21 1115 1

原创高德地图API 添加标点自定义标点

高德地图API 添加标点自定义标点在我们创建完地图实例后，就可以在地图中添加遮盖物，覆盖物有多种类型，今天只说点标记首先构造一个点标记添加默认样式点标记// 构造点标记var marker = new AMap.Marker({ position: [116.405467, 39.907761] // 点标记在地图上显示的位置，数组内对应经纬度});// 将点标记添加到地图map上map.add(marker);添加自定义样式点标记（注意：icon实例中的image请求本地

2021-02-24 10:27:02 3788

原创如何使用高德地图API

今天分享一下高德地图API的基本使用步骤及方法高德开放平台直通车: https://developer.amap.com首先根据自身需求及提示完成注册，注册完成后，在使用地图之前还需要为应用添加Key(一定要先登录在添加Key)首先创建新应用根据需求添加完后，点击“添加”按钮根据提示及需求完成添加，就会自动生成一个Key然后我们就可以正常使用了1、首先在页面添加 JS API 的入口脚本标签（将刚才生成的Key值替换）//HTML<script type="text/jav

2021-02-20 16:41:00 11120 1

原创 CSS基础：让一个盒子垂直水平居中的几种方法及原理

CSS基础：让一个盒子垂直水平居中的几种方法方法一：通过position+transform实现方法二：通过display: flex;（弹性盒子）实现方法一：通过position+transform实现// 首先准备一个盒子 <div class="box"></div>// 实现效果代码 <style> .box { width: 100px; height: 100px; background-color

2021-02-08 10:52:53 1245 1

原创 VS-Code用户代码片段 - 快捷生成代码

VS-Code用户代码片段 - 快捷生成代码一.设置用户代码片段方法1 - 首先打开VS-Code（Visual Studio Code）代码编辑器2 - 找到设置图标并点击找到 - 用户代码片段 - 选项3 - 点击图示对应选项4 - 给你的专属代码片段起一个名字就可以开始编辑了5 - 进来之后的样子，有一些参数也不难理解，都有注释一.本人一些常用的代码片段（注：每个文件只能生成一个代码片段）------把原有的全部删除，替换成下面的---------------------

2021-02-07 09:58:05 1476 1

祝贺