自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(29)
  • 资源 (2)
  • 收藏
  • 关注

原创 js闭包的理解

百度百科对闭包的定义闭包就是能够读取其他函数内部变量的函数。在javascript中,只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的函数。在本质上,闭包是将函数内部和函数外部连接起来的桥梁。

2023-06-09 15:41:05 1582

原创 在vscode中安装使用live Server(前端搭建自己的本地服务器环境)

在vscode中安装使用live Server(前端搭建自己的本地服务器)在扩展中搜索live Server,找到并下载,下载完后点击设置图标,点击扩展设置

2023-04-27 10:07:33 3727 1

原创 常见的功能函数

本文会不定时更新,有需要的随便拿走不谢一、解析URL参数二、parseTime() 格式化时间函数三、防抖四、节流

2022-08-30 16:25:54 565

原创 可视化大屏的几种适配方案

一、css3 transform:scale()方法二、rem+grid(或百分比)三、vw和vh适配方案四、其他资源网站

2022-08-29 14:16:48 13313 1

原创 前端开发技术规范

命名规范项目命名采用小写驼峰命名 lowerCamelCase,代码中的命名均不能以下划线,也不能以下划线或美元符号结束;目录命名全部采用小写驼峰命名 lowerCamelCase,有复数结构时,要采用复数命名法, 缩写不用复数。JS、CSS、HTML、PNG 文件命名采用小写驼峰命名 lowerCamelCase,代码中的命名均不能以下划线,也不能以下划线或美元符号结束;

2022-06-02 15:58:05 1051

原创 小技巧—谷歌浏览器快速清除本页面缓存

在开发当中,页面经常会遇到缓存问题产生的bug,刷新也无法清除,这时候,我们常常会到浏览器设置里面去进行清除,这样既费力又容易误清其他页面的缓存,这时候,就到了使用下面这个方法的时候了。首先,我们按F12键或者鼠标右键打开控制台,然后右键点击左上角的刷新按钮这个时候,就会出现如下所示选项我们点击最后一项,就可以只清除本页面的缓存并硬性重新加载了。(要注意的是,不打开控制台,右键刷新按钮是不会生效的)

2022-06-02 15:49:25 3819 1

原创 如何获取百度地图的全国各省市区的地理区域位置(地图-JSON-点位-行政区域)

如何获取百度地图的区县点位?打开百度地图开发平台,将代码拷贝到红色框内后点击运行即可,注意输入自己需要的行政区域,支持省市县。

2022-05-20 13:38:20 4432 1

原创 npm是什么,常用命令有哪些?

npm是什么?NPM的全称是Node Package Manager,是随同NodeJS一起安装的包管理和分发工具,它很方便让JavaScript开发者下载、安装、上传以及管理已经安装的包那么什么是包呢?a.定义:包就是一坨代码可以是一个文件也可以是一个目录。b.目的:用来解决问题。用以解决一个或一类问题。c.思路:NPM 的思路大概是这样的: 买个服务器作为代码仓库(registry),在里面放所有需要被共享的代码 发邮件通知 jQuery、Bootstrap、Un

2022-05-19 09:58:16 2477

原创 html文件中<%%>、<%=%>、<%:%>各是什么意思

在阅读源码的时候,我们经常会发现这种写法或者这种写法然而这种写法并不是很常见,当我们不了解他的意思及使用方法时,我们阅读代码就会变得晦涩难懂,那么,他们到底代表什么意思呢?<%这里可以写程序语言,如C#后台程序%>, <%=这里可以取到后台非私有的变量值%>=====================================================<%%>之间可以写服务器端代码,比如<%for(var i=0;i&lt.

2022-05-18 13:18:30 4447

原创 数据量太大,DOM节点加载过多,怎么保证前端在渲染的时候页面不会卡(性能优化)

一、定时器分批渲染既然一次渲染10万条数据会造成页面加载速度缓慢,那么我们可以不要一次性渲染这么多数据,而是分批次渲染, 比如一次10000条,分10次来完成, 这样或许会对页面的渲染速度有提升。 然而,如果这13次操作在同一个代码执行流程中运行,那似乎不但无法解决糟糕的页面卡顿问题,反而会将代码复杂化。 类似的问题在其它语言最佳的解决方案是使用多线程,JavaScript虽然没有多线程,但是setTimeout和setInterval两个函数却能起到和多线程差不多的效果。 因此,要解决这个问题, 其中

2022-05-12 09:45:30 8117 1

原创 前端面试题整理(html+css部分)--持续更新

1、你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?IE:trident内核Firefox:gecko内核Safari:webkit内核Opera:以前是presto内核,Opera现已改用GoogleChrome的Blink内核Chrome:Blink(基于webkit,Google与OperaSoftware共同开发)2、Doctype的作用?严格模式与混杂模式的区别?<!DOCTYPE>用于告知浏览器该以何种模式来渲染文档严格模式下:页面排版及JS解析是以

2022-05-10 16:23:04 690 1

原创 css 将div旋转之后,让文字保持水平显示

css 将div旋转之后,让文字保持水平显示

2022-04-25 17:06:37 1846 1

原创 echarts折线风向图(附源码,可直接使用)

简洁明白,附源码,可直接使用

2022-04-24 15:42:33 2454 1

原创 css最简单的轮播效果和旋转(跑马灯)效果的实现

附代码,代码拿来就能用,只需要将图片替换为自己的就可以,和html同级别即可 .

2022-04-24 14:46:49 1219

原创 使用Vite快速创建vue3项目(超级简单,超级快速)

使用Vite快速创建vue3项目(超级简单,超级快速)

2022-04-22 16:23:41 51701 9

原创 地理区域位置融合-地图-JSON-点位-行政区域(简单方便直接粗暴)

地理区域位置融合-地图-JSON-点位-行政区域(简单方便直接粗暴)不但可以进行区域位置的融合,还可以获取全国各省市区的JSON点位文件

2022-04-21 14:56:14 785 2

原创 如何获取全国各省市区的地理区域位置(地图-JSON-点位-行政区域)

如何获取全国各省市区的地理区域位置(地图-JSON-点位-行政区域),看完本文,你再也不会为找不到相关区域的JSON地图文件发愁了!!!

2022-04-21 14:22:49 3932

原创 css制作炫酷的罗盘时钟特效(附代码)

炫酷的罗盘时钟特效;可以直接使用;

2022-04-19 17:04:24 4096 3

原创 echarts进阶--柱状图显示不同的颜色,X轴下方不显示,X轴标签名和数值显示在X轴上方

echarts进阶--柱状图显示不同的颜色,X轴下方不显示,X轴标签名和数值显示在X轴上方

2022-04-18 16:32:50 2849

原创 echarts柱状图优化进阶(根据数值大小等级渐变,多色渐变)

echarts柱状图优化进阶(根据数值大小等级渐变,多色渐变)

2022-04-15 10:16:09 2778

原创 echarts柱状图优化(柱状图渐变色实现的两种方式)

echarts柱状图优化(柱状图渐变色实现的两种方式)两种方式实现的效果是一样的,效果图如下

2022-04-15 09:41:14 8468

原创 常用的JS方法 一行代码实现

常用的JS方法 一行代码实现,让你的开发高效,代码看起来更加高大上!1、生成随机颜色2、数组乱序3、数组去重4、滚动到顶部5、滚动到底部6、获取浏览器Cookie的值7、复制到剪贴板8、清除全部Cookie9、从 URL 获取查询参数10、翻转字符串11、校验数组是否为空12、计算2个日期之间相差多少天13、提取A数组中B数组存在的元素......

2022-04-14 16:43:12 883

原创 深拷贝实现的六种方式(优缺点浅析)

深拷贝实现的几种方式:1、通过递归方式实现深拷贝;2、JSON.parse(JSON.stringify(obj));3、jQuery的extend方法实现深拷贝;4、Object.assign(obj1, obj2);5、扩展运算符;6、数组使用数组方法进行深拷贝(concat、slice)...

2022-04-14 11:27:39 5272 1

原创 iframe的快速使用及方法的调用(HTML中引入另一个HTML文件)

iframe的快速使用及方法的调用;HTML中引入另一个html文件;

2022-04-14 09:19:20 2130

原创 百度地图搜索功能的实现--new BMap.LocalSearch

new BMap.LocalSearch实现百度地图搜索功能

2022-04-12 14:34:09 4621 2

原创 echarts 关于Y轴的刻度优化(最大最小值的设置-自适应)

min:0, //取0为最小刻度 max: 100, //取100为最大刻度 min:'dataMin', //取最小值为最小刻度 max: 'dataMax', //取最大值为最大刻度

2022-04-12 14:10:24 24667 1

原创 百度地图的使用(自定义marker及Label文本标注样式优化自定义居中)

百度地图的使用就不多说了,请参考官方文档。直接上js代码。//这是一个点位var markerPoint = new BMap.Point(116.404, 39.996);//自定义marker---Size为图片大小,anchor为偏移量var myIcon = new BMap.Icon("/jsdemo/img/dian.png", new BMap.Size(32, 32),{anchor:new BMap.Size(16, 32) });// 创建Marker标注,使用图标var

2022-04-11 14:28:42 10976 1

原创 渐变%进度条(基数500)

1、HTML代码 <template slot-scope="scope"> <div class="bgLine"> <div :class="'leaveBgg' + scope.row.leave" //渐变色等级 :style="{ width: scope.row.para

2021-10-15 11:13:39 251

原创 el-date-picker样式优化及截止到时不显示分秒优化

截止到时不显示分秒其实比较简单就HTML部分添加format="yyyy-MM-dd HH"value-format="yyyy-MM-dd HH:mm:ss"然后在css部分将样式隐藏.el-time-spinner__wrapper { width: 100% !important; } .el-scrollbar:nth-of-type(2) { display: none !important; }el-date-picker样式优化涉及样式较多,代...

2021-10-15 11:02:39 3255

前端开发技术规范(命名规范、HTML 规范、语义化标签。。。)

命名规范 项目命名 采用小写驼峰命名 lowerCamelCase,代码中的命名均不能以下划线,也不能以下划线或美元符号结 束; 目录命名 全部采用小写驼峰命名 lowerCamelCase,有复数结构时,要采用复数命名法, 缩写不用复数。 JS、CSS、HTML、PNG 文件命名 采用小写驼峰命名 lowerCamelCase,代码中的命名均不能以下划线,也不能以下划线或美元符号结 束;

2022-06-02

济南市先行区(起步区)区域划分-地理位置,坐标,JSON文件

济南市先行区(起步区)区域划分-地理位置,坐标,JSON文件;

2022-04-21

空空如也

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

TA关注的人

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