自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端页面表格导出

在 Vue 组件中通过 axios 或其他 HTTP 请求库发送 GET 或 POST 请求,与后端的 /api/download 或 /api/export 接口通信并获取文件流。这种方式通常是在前端通过 JavaScript 代码直接生成文件,然后利用浏览器的下载或导出功能来实现。在服务端实现下载和导出功能,并提供相应的接口,例如 /api/download 和 /api/export。在 Vue 项目中,实现文件下载和列表导出功能的方式有很多种,下面以两种常见方法为例进行说明。

2024-07-17 11:34:10 93

原创 uniapp开发APP,主动连接mqtt,订阅消息

通过查阅资料,了解到现在mqtt.js库的最新版本已经是5,但是目前应该mqtt@3.0.0版本最为稳定,我项目开发中使用的也是mqtt@3.0.0版本。

2024-07-16 11:10:43 254

原创 项目开发 TCP-Socket连接功能实现(Android端)

前段时间在公司做项目的时候遇到了一个功能需要使用TCP-Socket连接硬件设备进行通信,查了很多资料也只是关于HTTP-Socket相关的,没法满足项目的要求,后来查到一个相关的插件,现在有时间和大家分享一下。项目简单介绍:uniapp + vue2开发的一款App判断是否处于连接主动断开连接发送字符串消息、Hex字符串消息监听服务端消息注:服务端消息单次最大支持8192字节的数据监听通讯断连注:主动断连会触发该事件,被动断连可参照上面“判断是否处于连接”下的处理办法。

2024-06-27 09:45:13 449

原创 项目开发中关于 uniapp实现 Android和IOS获取App缓存,清除缓存功能

【代码】项目开发中关于 uniapp实现 Android和IOS获取App缓存,清除缓存功能。

2024-06-26 09:58:59 465

原创 前端框架---Vue2学习教程(上)

Vue是什么?官网的Vue的解释如下:Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。1、数据驱动视图数据的变化会驱动视图自动更新好处:程序员只管把数据维护好,那么页面结构会被vue自动渲染出来2、双向数据绑定在网页中,form表单负责采集数据,Ajax负责。

2024-01-29 21:02:27 1116

原创 JavaScript 高阶 Promise篇

Promise 是异步编程的一种解决方案,其实是一个构造函数,自己身上有all、reject、resolve这几个方法,原型上有then、catch等方法。Promise对象有以下两个特点。(1)对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。

2024-01-23 12:09:19 929

原创 JavaScript高级 函数进阶篇

相同点:都可以改变函数内部this指向;区别点:(1)、call()和apply()会调用函数,并且改变函数内部this指向;(2)、call()和apply()传递的参数不一样,call()传递参数arg1 、arg2… ,apply()必须是数组形式[arg];(3)、bind()不会调用函数,可以改变函数内部this指向;主要应用场景:(1)、call()经常做继承;(2)、apply()经常跟数组有关系,比如借助于数学对象实现数组最大值最小值;

2023-12-22 20:20:28 1093

原创 JavaScript高级 构造函数与原型篇

构造函数是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与new一起使用。我们可以把对象中一些公共的属性和方法抽取出来,然后封装到这个函数里面。在JS中,使用构造函数时需要注意以下两点:1.构造函数用于创建某一类对象,其首字母要大写2.构造函数要和new一起使用才有意义new 在执行时会做四件事情:1.在内存中创建一个新的空对象2.让this指向这个新的对象3.执行构造函数里面的代码,给这个新对象添加属性和方法4.返回这个新对象所以构造函数里面不需要(return)

2023-12-22 19:43:47 1023

原创 JavaScript高级 class类篇

class关键字定义类,创建构造函数,类名首字母大写。

2023-12-22 17:07:15 462

原创 JavaScript高级 ES6篇

前面的内容主要讲的是JavaScript基础内容,想要更加了解前端的小朋友们,需要再继续努力,我们开始向JavaScript高级内容出发了呦,不要掉队啦!

2023-12-19 16:11:10 1187

原创 常见的BOM对象

前面我们了解了什么是BOM,BOM有很多对象,那么具体有哪些对象呢?下面我们就来看看它们的真容!!

2023-12-19 15:15:17 749

原创 BOM基础学习

前面我们说了什么是DOM(文档对象模型)及其相关的属性与操作,那什么又是BOM呢?BOM(Browser Object Model)即浏览器对象模型,他提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。BOM 由一系列相关的对象组成,并且每个对象都提供了很多方法与属性。那怎么区分 DOM 和 BOM?浏览器厂商在各自浏览器上定义的,兼容性较差。

2023-12-11 14:50:19 1086

原创 DOM事件及相关操作

DOM事件及相关操作

2023-12-08 20:59:34 359

原创 DOM事件

DOM元素,只要触发事件,就会有一个对象,它内部存储了与事件相关的数据// 这里的 e 就是事件对象,也可以写成 event / evt官方给出的解释:event对象代表事件的状态,比如键盘按键的状态、鼠标/键盘的状态、鼠标的位置等简单的理解为:当事件触发后,跟事件相关的一系列信息数据的集合都会昂在这个对象里面,这个对象就是事件对象event,他有很多的属性和方法,可以在控制台打印出来看一下上图为键盘按下事件的事件对象的部分的内容。

2023-12-07 21:04:58 875

原创 DOM案例(详细源码版)

DOM学习的常见案例

2023-12-07 19:40:15 509

原创 关于 DOM (文档对象模型)

(1)掌握,没有兼容问题(2)了解(1)getAttribute(name) → 获取标签行内属性(2)setAttribute(name,value) → 设置标签行内属性(3)removeAttribute(name) → 移除标签行内属性(4)与element.属性的区别: 上述三个方法用于获取任意的行内属性,包括自定义的属性。(5)注意:以上方法的参数都是字符串格式。

2023-11-25 11:56:04 1255

原创 JavaScript基础(详细总结)下

全局函数不需要对象就可以直接调用: 方法名();

2023-11-22 12:33:55 38

原创 JavaScript基础(详细总结)中

匿名函数经常会跟事件进行结合着使用

2023-11-21 21:01:25 196

原创 JavaScript基础(详细总结)上

一门客户端脚本语言,运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎,不需要编译,直接就可以被浏览器解析执行了。//局部变量 用let定义let 变量名 = 值;//全局变量 用var定义var 变量名 = 值;//常量定义 constconst 常量名 = 值;<script>//整数类型var a=3;// Boolean类型var b=true;// 定义小数类型 小数和整数类型统称为number类型。

2023-11-21 16:34:58 143

原创 JavaScript运算符

JavaScript中的算数运算符主要有:+ 、- 、 * 、 / 、 ++ 、 -- 、 %

2023-10-31 20:57:04 29 1

原创 JS入门基础知识

JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的 高级编程语言。虽然它是作为开发Web页面的脚本语言而出名的,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。

2023-10-30 16:27:57 221 1

原创 弹性盒子flex

弹性盒子( Flexible Box 或 flexbox):CSS3的一种新布局模式。是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。

2023-10-25 14:23:48 113

原创 CSS变形3D

设置视⻆深度 (景深):perspective [pǝ'spektiv] 设置当前⽹⻚的视距为800px,⼈眼距离⽹⻚的距离,一般不⼩于600px。1. rotateX(⻆度) rotateY(⻆度) rotateZ(⻆度) 沿着元素中⼼点穿过的某个轴旋设置的⻆度。5. rotate3d(x,y,z,deg):沿着⾃定义轴旋转deg为⻆度()rotateX 为正则顺时针旋转,为负则为逆时针旋转。rotateZ 为正则顺时针旋转,为负则为逆时针旋转。rotateY 为正则逆时针旋转,为负则顺时针旋转。

2023-10-25 14:11:36 54

原创 CSS变形-2D

CSS,变形,2D

2023-10-25 13:59:11 58

原创 动画--过渡

2、css动画优势:不需要⽤js也能写,⽐较流畅,由浏览器去执⾏动画,减少代码量,性能⽐较⾼。-需要在某种条件下触发,例如hover、active、focus情况下。-通过过渡可以指定⼀个属性发⽣变化时的切换⽅式,平滑的过渡。-⼀次性的效果,不能循环,只能做简单的动画。1、 什么是css动画:使⽤css技术来控制⻚⾯元素。-只有两帧,设置动画初始值和结束值。-IE10开始兼容,移动端兼容良好。3、⼀般兼容到ie10以上浏览器(⼀般没太⼤问题)⽐如width、height、*ease [i:z] 默认值,

2023-10-20 09:28:23 17 1

原创 CSS浮动(float)

float属性用于创建浮动框,将其移动到一边,直到左边缘或右边缘触及包含块或另一个浮动框的边缘。语法:选择器 { float: 属性值;属性描述none默认值,不设置浮动left元素设置左浮动right元素设置右浮动。

2023-10-11 20:33:00 19

原创 CSS文本样式(附详细代码)

可以用来设置文本的大小写。

2023-10-10 19:04:24 737 1

原创 常用的CSS选择器

CSS常用选择器及权重

2023-10-07 16:50:51 31 1

原创 什么是块元素、行内元素,都有哪些?

块元素,行内元素

2023-09-26 20:58:29 763 1

原创 HTML5新元素

HTML5新元素自1999年以后HTML 4.01 已经改变了很多,今天,在HTML 4.01中的几个已经被废弃,这些元素在HTML5中已经被删除或重新定义。为了更好地处理今天的互联网应用,HTML5添加了很多新元素及功能,比如: 图形的绘制,多媒体内容,更好的页面结构,更好的形式 处理,和几个api拖放元素,定位,包括网页 应用程序缓存,存储,网络工作者,等。

2023-09-25 19:36:33 32 1

原创 HTML基础学习(入门)

html,前端

2023-09-25 14:25:23 101 1

原创 JS函数(function)

函数就是将实现特定功能的代码封装起来,当我们需要实现特定功能时,直接调用函数实现即可,不需要每次都写一堆代码,实现代码的复用。函数的作用:1、实现功能的封装,提高代码复用率2、用于构建对象的模板(构造函数)函数实际上是对象,每个函数都是Function类型的实例,并且都与其他引用类型一样具有属性和方法,由于函数是对象,因此函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定。

2023-09-22 15:10:11 37

原创 Javascript 数据类型

数据类型

2023-09-22 14:47:25 25

原创 JS入门必备基础知识(适合新人学习)

js基础学习

2023-09-21 15:57:37 2064

空空如也

空空如也

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

TA关注的人

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