自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vue2中子组件给父组件传参,父组件中同时接收自己绑定事件的参数和子组件传递过来的参数

通过自定义事件实现子组件给父组件传值,父组件如何接收子组件的传值和自身的传值,本文带你了解

2025-05-21 09:22:00 196

原创 Vue2在子组件上使用v-model实现数据的双向绑定、.sync修饰符

在父组件中引用子组件,怎么实现数据的双向绑定,简单的写法,本文介绍两种v-model和.sync修饰符

2025-05-15 15:56:21 417

原创 js中的FormData类型

JavaScript中的FormData接口用于构建和发送表单数据,尤其适用于文件上传。它可以通过构造函数创建空对象,或从HTML表单初始化。使用append()方法可以添加字段,支持同名键。FormData可通过fetch或XMLHttpRequest发送到服务器,浏览器会自动设置Content-Type为multipart/form-data。

2025-05-13 09:55:05 549

原创 web组件的底层实现

由HTML模版+影子DOM+自定义元素实现web组件

2025-05-09 10:26:21 152

原创 <template>标签的用法

template标签的使用方式,原生的和在vue中使用有哪些区别,一文带你了解

2025-05-08 14:25:47 1157

原创 js的File API和Blob API

文件上传离不开几个重要的API,其中包括FIle、FileReader、Blob等,本文带你了解

2025-05-06 09:15:00 254

原创 js实现跨上下文消息(与iframe内部窗格通信)

postMessage和onMessage实现外层窗格和内嵌iframe的通信

2025-04-29 14:39:13 433

原创 css网格布局Grid

强大的二维布局方案:网格布局,一文带你了解

2025-04-28 09:31:46 668

原创 js的作用域,作用域链,执行上下文,变量对象,活动对象

javaScript的作用域,作用域链,执行上下文等概念一文带你搞懂

2025-04-25 14:19:31 742

原创 js中get,set用法

js中get,set出现在很多地方。他们在不同地方的写法和注意点是有区别的,本文带你总结

2025-04-25 09:39:51 254

原创 理解js函数(Ⅱ)

函数的闭包,尾调用优化你知道多少?以及js中怎么定义私有变量?这篇文章带你搞懂

2025-04-24 17:30:00 627

原创 理解js函数(Ⅰ)

带你了解js函数的第一篇文章,后面会出第二篇

2025-04-24 11:17:25 1013

原创 Js的反射(Reflect)API应用场景

js的内置对象Reflect,你了解多少,有哪些应用场景?本文带你了解。

2025-04-23 10:43:34 286

原创 关于el-table可展开行实现懒加载的方案

el-table展开行实现数据懒加载,并尽量减少请求次数

2025-04-22 18:11:43 329

原创 理解js代理

理解js代理是什么,了解他的使用和存在的一些问题

2025-04-22 11:12:08 1357

原创 html,css,js实现电子点名绘制和下载

本文教你如何用前端三件套实现:电子签名的绘制和导出

2025-04-19 15:27:50 466

原创 js中的class类

js中类是用来干嘛的,类的本质又是什么,一篇文章带你搞懂!

2025-04-19 11:04:28 1874

原创 vue2使用vuedraggable组件实现拖拽排序的功能

怎么快速给元素进行排序?拖拖拽拽就可搞定,教你在vue2项目中使用vuedraggable组件实现拖拽排序效果。。。

2025-04-17 11:20:23 381

原创 Js实现继承

js继承的发展经历了原型链继承,盗用构造函数继承,组合继承和es6推出的class类继承,本文带你搞懂这几种继承的代码编写方式,学习一些编程的新思路。

2025-04-15 16:02:06 811

原创 js对象属性枚举顺序

js对象的属性可以是数字类型,字符串类型,Symbol符号类型。而属性又有自身属性和继承自原型对象的属性。这篇文章让你了解几个枚举属性的方法,注意他们的区别和使用场景,希望你能有所收获!

2025-04-15 11:11:14 322

原创 一文搞懂JS中Function和Object的关系

Function和Object是什么关系,你到底搞清楚了吗?函数也是对象,都是Function的实例对象.

2025-04-14 14:01:18 185

原创 js原型和原型链

什么是原型?什么又是原型链?一片文章带你搞懂!!!

2025-04-14 11:09:36 1255

原创 js中this的指向问题

在js中,this出现的位置多种多样,你会不会迷糊呢?this到底指代的是哪个对象?这篇文章带你搞懂不同场景下this的指向问题。文章后面有相关测试题,可以检测你是否真的明白了。

2025-04-12 20:48:17 375

原创 js创建对象

js创建对象的方式多种多样,你了解哪些呢?他们各自的优缺点你了解多少?这篇文章带你了解一下。

2025-04-11 17:10:59 411

原创 理解js对象

文档带你了解js对象基础,属性分类,对象合并,解构赋值等特性。

2025-04-11 10:22:08 570

原创 js异步机制

异步机制和同步机制是相对应的,异步是指:当代码按照顺序执行到一些比较耗时的操作,不会立刻执行,而是将这些操作推到一个队列中等待合适的时机从队列中取出任务执行(涉及到js的事件循环机制,这里不做展开),这就是js的异步机制。因为js是单线程的,所有的JavaScript代码都在渲染主线程中执行,如果比较耗时的操作,如定时器设置了10秒后执行某项操作,如果没有异步机制,渲染主线程就会被阻塞在这里,10秒钟时间白白浪费,网页也会卡在那里不动,可想而知,用户的体验会有多差。有了异步机制,这种情况就会避免发生。

2025-04-09 18:04:46 775

原创 js生成器

js生成器,可以阻断和恢复函数的执行,你可以联想到async/await。生成器函数调用得到一个生成器对象,他的本质呢,也是一个迭代器对象。生成器和迭代器有着密切的联系,你可以用生成器函数来实现迭代工厂函数【Symbol.iterator】,让js对象可用for of遍历。

2025-04-07 16:14:35 476

原创 js迭代器

迭代器为方便遍历各种数据结构而设计,js的对象本是不可迭代遍历的,但是你通过实现一个迭代工厂函数,js对象便可迭代遍历,是不是很神奇?

2025-04-02 11:18:18 340

原创 Object和Map和WeakMap比较,以及localStorage怎么存取Map类型的值

首先,Object和Map十分相似,使用object能解决的问题,一般Map都能解决。Map和Object主要三点区别:1、Object的键是数值、字符串、Symbol,Map的键可以是任意类型的值。2、Object的属性是无序的,而Map的键是有序的。3、Object无法用for of进行迭代,但是Map可以。

2025-04-01 16:26:17 303

原创 【减小图片打包体积】image-webpack-loader

网页加载慢?图片体积过大?使用webpack图片压缩,图片体积直接缩小10倍,加载速度飕飕的!!!

2025-03-31 16:22:37 434

原创 vue的SPA项目nginx配置注意点

前端发布后,nginx怎么进行静态资源和动态资源的配置,一文帮你搞懂

2025-03-28 09:47:36 412

原创 前端工程化开篇

前端发展历史是怎样的?前端工程化是什么?你写的vue代码是怎么在浏览器中运行的?这篇文章带你初步了解相应过程。

2025-03-25 11:26:40 345

原创 uniapp配置代理解决跨域问题

2、项目中增加vue.config.js。1、manifest.json中配置。

2025-03-19 16:37:13 697

原创 uniapp路由跳转导致页面堆积问题

在A页面用navigationTo跳转到了B页面,在B页面用navigationTo跳转到了C页面,在C页面提交表单后,用navigationBack返回到B页面,在B页面的onShow生命周期钩子中请求数据更新状态。但是页面栈中堆积了很多页面,从该页面返回就到了C页面,而C页面是表单提交页面,我们希望从B返到A。从A页面跳转到B页面,然后从B页面跳转到了C页面,在C页面提交了表单之后要返回到B页面,但是此时B页面的状态需要更新,完事之后,我们希望此时在B页面点击返回之后回到A页面。

2025-03-18 15:29:04 409

原创 ngrok实现内网穿透,可从外网访问本地服务

做了项目想在朋友面前装一装,没有服务器?朋友访问不到?不用急,ngrok帮你解决!

2025-03-11 10:19:24 259

原创 vue2项目开启br压缩

在 Vue 2 项目中,你可以通过配置构建工具(如 Webpack)来启用对 .br 文件的支持。最后,确保你的网站在支持 Brotli 的浏览器上测试,以验证 .br 文件是否被正确加载和压缩。然后,你可以安装 brotli-webpack-plugin 插件来帮助你在构建过程中生成 .br 文件。通过以上步骤,你可以在 Vue 2 项目中启用并使用 .br 文件压缩,以提高网站的性能。minRatio: 压缩比率的最小值,只有当压缩比率达到或超过这个值时,文件才会被生成。步骤 1: 安装必要的依赖。

2025-03-10 10:19:46 457

原创 服务器进行压缩配置

以静态资源css为例,看到文件大小显著减小,请求时间大大缩短。在http块内,server块外,添加如下配置。

2025-03-07 17:46:01 189

原创 实现多个球沿椭圆轨迹进行旋转动画

X轴方向动画持续20秒,动画开始直接进入播放5秒时的状态,此时应该在向右运动过程中中间的位置。4、给其他球添加动画样式,通过设置动画的延时时间(正值为延迟播放,负值表示直接进入播放动画n秒之后的状态),可改变球的初始位置。2、想要球动起来,并且沿着椭圆轨迹,要用到运动的合成,同时添加X轴方向和Y轴方向上的动画,同时在过程中改变球的大小和透明度。在旋转的过程中,球的大小,透明度在不断地发生变化,转到前端的时候不透明且最大,转到后面的时候透明度很高且最小。给球绑定鼠标移入事件,鼠标移上,所有球动画停止。

2025-03-06 15:21:22 321

原创 文件上传和下载前后端交互逻辑

2、表单提交接口,提交表单时,将文件的id和表单信息一块提交给后台,实现文件和表单的绑定。1、后端给前端一个上传接口:进行文件上传,上传成功后,该接口返回文件的路径,名称,id。后端给前端提供一个下载接口,前端调用后,返回二进制文件流。

2025-03-05 15:08:49 287

原创 在https的网站里访问http的静态资源

B 前端处理请求地址,将拿到的地址去掉协议、域名、端口号后,进行请求,这样会将请求发送到你前端页面所在的服务器。场景:出于安全考虑,项目的前端访问地址由原来的http变为了https的地址。将资源请求发送到自己的https的前端服务,通过代理转发到http的静态资源服务器上,然后将拿到的资源以https的形式返给浏览器。A 拿到后端返回的静态资源地址后,不要直接请求,也不会请求成功,因为你前端是https的。C 进行代理配置,给改完的地址随便加一个“头”,类似"/ditu",改完之后就变成了这样,

2025-03-05 09:09:24 480

多球旋转动画效果,大小,透明度,椭圆轨迹

多球旋转动画效果,大小,透明度,椭圆轨迹

2025-03-06

历史轨迹添加图层,并进行动画播放

历史轨迹添加图层,并进行动画播放

2025-02-27

用于计算的mapbox插件turf

turf插件

2025-02-24

4490坐标系,mapbox插件对应的css

4490坐标系,mapbox插件对应的css

2025-02-24

4490坐标系对应的mapbox的js插件

4490坐标系对应的mapbox的js插件

2025-02-24

济勘院mapbox插件对应的css文件

济勘院mapbox插件对应的css文件

2025-02-24

济勘院mapbox的js插件

济勘院mapbox的js插件

2025-02-24

leaflet实现点位动态播放效果插件

leaflet实现点位动态播放效果插件

2025-02-23

轨迹线添加箭头js插件

轨迹线添加箭头js插件

2025-02-23

leaflet加载pbf切片js插件

leaflet加载pbf切片js插件

2025-02-21

MarkerCluster.Default.css

聚合样式文件

2025-02-19

MarkerCluster.css

聚合样式css

2025-02-19

leaflet.markercluster.js

leaflet聚合插件

2025-02-19

济南边界geojson数据

济南边界geojson数据

2025-02-18

leaflet-gw.js

leaflet-gw.js

2025-02-18

leaflet.css样式文件

leaflet.css样式文件

2025-02-18

leaflet.js库文件

leaflet.js库文件

2025-02-18

空空如也

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

TA关注的人

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