自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vxeTable反转表格

如果遇到列为动态值,行相对固定的情况,这种时候就需要用到行列反转,这里我以vxeTable表格为例。直接上代码 {... row };});});

2024-06-29 15:01:06 382

原创 深入浅出:npm常用命令详解和实践

npm 是 Node.js 的包管理器,用于管理 Node.js 应用的依赖关系和版本。以上就是一些常用的 npm 命令。

2024-06-29 14:42:45 447

原创 vxeTable怎么导出excel文件

在 vxe-table 中,columnFilterMethod 方法用于在导出数据时过滤列。方法接收一个参数,这个参数是一个对象,包含了列的信息。如果这个方法返回 true,那么这一列会被导出;如果返回 false,那么这一列会被过滤掉,不会被导出。如果你想过滤掉操作列,你可以在 columnFilterMethod 方法中检查列的 field 或 title 属性,然后根据这个属性的值来决定是否过滤这一列。例如,如果你的操作列的 field 属性是 ‘operation’。

2024-06-12 16:10:09 455 1

原创 值得一试的 CSS 技巧

有时,我们可能会将子元素上的z-index属性设置得太小,从而导致元素最终隐藏在其父元素的背景后面。例如,要创建指向上方的箭头,则底部边框是彩色的,而左边框和右边框是透明的。例如:由于更高质量的图像与尺寸成正比,因此拥有高分辨率设备但网络较差的用户将提示浏览器决定是否提供分辨率较低的图像。如果支持-webkit-image-set,则背景图像将是优化的图像,即支持的MIME类型的图像,更适合用户设备的分辨率。下面是运行中的dark/light模式,模拟了用户在dark模式和light模式之间切换的效果。

2024-05-22 11:33:24 887

原创 ES7、ES8、ES9、ES10、ES11、ES12都增加了哪些新特性?

includes()方法用来判断一个数组或字符串中是否包含一个指定的值返回值: 如果包含返回true,否则返回false。Async functions 是async声明的函数,async 函数是 AsyncFunction 构造函数的实例,其中允许使用await关键字。如果你想要添加新的属性,并且在上一行已经使用了尾后逗号,你可以仅仅添加新的一行,而不需要修改上一行padStart()用另一个字符串填充当前字符串。padEnd()方法会用一个字符串填充当前字符串(如果需要的话则重复填充)。

2024-05-20 11:24:34 710

原创 vxeTable在vxe-modal提示工具栏无法关联表格

在vxe-modal组件中,因为页面加载完,vxe-modal并没有渲染出来,一般需要特定的条件才能显示,一般就是点击才能出现模态框,所以初始化时,一般vxe-modal都是隐藏状态,更深一点就是DOM结构并没有渲染出来,所以created钩子调佣以上方法关联不到。正确的做法就是在打开模态框时,再调用以上的方法,这样等vxe-modal显示出来后,就可以找到dom节点进行绑定关联。

2024-04-30 23:12:40 345

原创 JS数组操作:去重,交集,并集,差集

【代码】JS数组操作:去重,交集,并集,差集。

2024-04-23 11:16:18 156

原创 JavaScript 中实现请求并发控制

在以上代码中,充分利用了 Promise.all 和 Promise.race 函数特点,再结合 ES7 中提供的 async await 特性,最终实现了并发控制的功能。这行语句,会等待 正在执行任务列表 中较快的任务执行完成之后,才会继续执行下一次循环。假设有 30 个待办任务要执行,而我们希望限制同时执行的任务个数,即最多只有 3 个任务能同时执行。当正在执行任务列表 中的任何 1 个任务完成后,程序会自动从 待办任务列表 中获取新的待办任务并把该任务添加到正在执行任务列表 中。

2024-03-17 22:33:25 275

原创 npm报错,显示certificate has expired

从报错信息就可以知道是因为之前设置的淘宝镜像已过期,解决方法就是要把之前设置的淘宝镜像改成新的。

2024-03-14 20:23:29 4061 2

原创 Vue3使用JSX/TSX

JSX & TSXJSX是Facebook专门为react发明的一种新的类似于XML格式的语言,它 是JavaScipt的语法拓展。它使用XML标记的方式去直接声明界面,然后再利用编译器转换成JS语言。但是Vue 早就能使用 JSX 去编写页面了~并且现在大部分都是使用 Typescript 来写项目,所以 TSX 会用的更多JSX构建更快,但是性能较差template构建更慢,但是性能较好。

2024-02-29 18:21:47 1015

原创 前端基础10问

Nodejs是服务器端的一门技术。它是基于Google V8 JavaScript引擎而开发的。用来开发可扩展的服务端程序。

2024-02-29 12:37:28 989

原创 微信小程序vant自定义tabBar组件遮挡底部内容

直接在页面底部,添加view,,把tabBar的高度挤出来" >

2024-01-19 16:46:36 1587

原创 微信小程序vanUI组件模拟器没问题,真机调试样式错乱

微信小程序vanUI组件模拟器没问题,真机调试样式错乱

2024-01-19 16:30:45 1204

原创 vue-cli3/webpack打包时去掉console.log调试信息

开发环境下,console.log调试信息,有助于我们找到错误,但在生产环境,不需要console.log打印调试信息,所以打包时需要将console.log调试信息过滤清除。

2023-12-29 15:46:28 2843

原创 <router-view> can no longer be used directly inside <transition> or <keep-alive>

【代码】<router-view> can no longer be used directly inside <transition> or <keep-alive>

2023-12-29 11:21:36 949

原创 iview表格固定列横向滚动条无法拖动问题

在使用iview的表格组件时,遇到了设置固定列表格后滚动条无法拖动的问题,当对表格列进行固定后,底部的横向滚动条就无法拖动了,主要的问题就是固定区域盖住了横向滚动条。在组件内直接加下面样式,即可解决问题,记得加。

2023-12-25 17:56:18 1189

原创 iconfont拓展iview图标库

阿里图标Iconfont图标-功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。是阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具。

2023-12-22 10:30:28 691

原创 vue3项目,按需引入Element-plus ElMessage 样式丢失

将ElMessage等都加入到.eslintrc globals字段里面。将上述代码导入import部分的代码去掉,直接调用。此时会出现样式丢失问题。

2023-12-18 13:40:19 673

原创 pinia安装,持久化,统一导出

Pinia 和 Vuex 一样是专门为 Vue 设计的状态管理库,允许跨组件或页面共享状态,Api 设计比 Vuex 更简单易学,且同时支持 Vue2.0 和 Vue3.0。

2023-12-18 11:41:15 341

原创 ElementUI非必填正整数校验

表单非必填,但是如果填写表单的话就要校验,不填写就不校验。

2023-12-13 16:43:55 180

原创 TypeScript中的基本类型

TypeScript(计算机编程语言)简称:TS,是JavaScript 的超集。简单来说就是:JS 有的 TS 都有。JS写的代码在TS的环境下都能跑;对了,TS是微软设计并发布的。

2023-12-12 17:27:00 78

原创 前端工程师想掌握后端开发,有6大门槛

前端工程师想掌握后端开发,有6大门槛

2023-12-11 11:11:06 89

原创 ES6 Promise的用法,async/await异步处理同步化

promise是解决异步的方法,本质上是一个构造函数,可以用它实例化一个对象。对象身上有resolve、reject、all,原型上有then、catch方法。promise对象有三种状态:pending(初识状态/进行中)、resolved或fulfilled(成功)、rejected(失败)pending。它的意思是 “待定的,将发生的”,相当于是一个初始状态。创建Promise对象时,且没有调用resolve或者是reject方法,相当于是初始状态。

2023-12-03 21:59:55 1436 1

原创 后端Long型数据传到前端js后精度丢失的问题

这是因为JS是弱语言,前端接收数字类型参数为number,最大接收长度为16位,超出长度则会丢失精度,而JAVA的Long类型长度为19位,所以传输到前端的后三位精度丢失,所以我们解决该问题的思路就是:把java里的Long类型转换为String返回给前端。生成long类型主键ID,存入数据库,前端获取到数据后,要执行一个更新操作(updateById),但这时会出现无法成功更新的情况!造成原因:看网上资料说:js的number类型有个最大安全值,即。位出现精度丢失,16位以后的数字都会转换成0。

2023-11-29 17:54:13 516

原创 alova—轻量级请求策略库

Alova官网Alova—github官网传统promise式的请求库很好地解决了请求发送的问题,只是…它们只是单纯的请求发送工具alova像它们的武器装备,通过alova可以获得更强大的能力,不管您喜欢使用axios、superagent,还是浏览器的fetch-api,alova都可以完美兼容。

2023-11-22 15:38:02 1044

原创 微信小程序:This Mini Program cannot be opened as your Weixin version is out-of-date.

升级基础库3.2.0,然后PC端整个小程序都打不开了,点击小程序提示,并且点击按钮没有反应。

2023-11-22 14:58:14 1709

原创 微信小程序Error: ENOENT: no such file

当编译的时候 会提示找不到这个文件(index),但是确信项目目录里已经删除了该页面路径,并且app.json的pages列表中也导致这个问题应该是:新添加了文件,后面删除了或者修改了文件名,导致微信开发工具找不到该文件报错:微信小程序ENOENT: no such file or directory, open 'D:/project/huanjing-mp/miniprogram/

2023-11-17 17:46:32 1067

原创 图片转换成base64格式的优缺点

Base64,顾名思义,就是包括小写字母a-z、大写字母A-Z、数字0-9、符号"+“、”/“一共64个字符的字符集,(另加一个“=”,实际是65个字符,至于为什么还会有一个“=”,这个后面再说)。任何符号都可以转换成这个字符集中的字符,这个转换过程就叫做base64编码。图片转换成base64格式的优缺点。

2023-11-16 17:48:16 1088

原创 前端 / 小程序——第三方字体库压缩(压缩率80%)

在做微信小程序时,需要使用第三方字体库,但是该字体库有30+MB大小,导致微信使用一直报错。网速很慢的话,极其影响用户体验,小的字体库没有问题,所以是字体库太大导致报错,并且加载也很慢,致使字体无法生效。换字体是不可能的,特此记录一下如何将38MB的字体库压缩成5.28MB的,这种压缩比率,一般的在线压缩或软件是达不到的。经历一次压缩和转换最终从37MB压缩为5.28MB,已经达到我的需求了经过亲自测试,压缩后依旧可用并且字体样式没受影响,从37M压缩到5.28M,压缩比例达到80%

2023-11-16 13:59:27 1556 1

原创 微信小程序项目——基本目录构成

小程序中的每一个页面,可以使用.json文件来对本页面的窗口外观进行配置,页面中的配置项会覆盖app.json的window中相同的配置项。文件用来配置小程序页面是否运行微信索引。当开发者运行微信索引时,微信会通过爬虫的形式,为小程序的页面内容建立索引。app.json是小程序的全局配置,包含了小程序的所有页面路径、窗口外观、界面表现、底部tab等。project.config.json是项目配置文件,用来记录对小程序开发工具所作的个性化配置。

2023-11-14 17:55:32 236

原创 WebStorm配置less编译wxss或css

使用WebStorm写微信小程序,wxss写着很麻烦,就想着用less,接下来是配置less编译补更:目前微信开发者工具,可以直接识别less或scss文件,而不必转换成wxss。

2023-11-14 17:44:36 856

原创 vue3 setup() 高级用法

从 vue2 升级到 vue3,vue3 是可以兼容 vue2 的,所以 vue3 可以采用 vue2 的选项式API。由于选项式API一个变量存在于多处,如果出现问题时,就需要去多个函数内检查,项目较大时,遇到问题,增加排故的难度。所以 vue3 中新增了 setup 配置项,用它来写组合式API。1、这个函数会在 created 之前执行,上述已解释。2、setup 内部没有 this,不能挂载 this 相关的东西。3、setup 内部的属性和方法,必须 return 暴漏出来,否则没有办法使用。

2023-11-13 17:38:12 704

原创 Node.js 框架 star 星数量排名——NestJs跃居第二

Node.js是一个基于Chrome V8引擎的JavaScript运行环境,它使得我们可以在服务器端使用JavaScript开发高效、可扩展的应用程序。作为一个快速、轻量级的平台,Node.js在Web开发领域迅速崛起,并受到了广泛的关注和采用。Node.js是一个应用程序框架,有时也被称为运行环境(runtime),通过它,应用程序可使用JavaScript编程语言来构建。Node.js以其速度而闻名,因为它是非阻塞的。非阻塞意味着一个请求不会等待另一个请求结束(也就是异步的)。

2023-11-13 16:29:02 1701 1

原创 NestJS——基于Node.js 服务器端应用程序的开发框架

Nestjs中文文档Nest (NestJS) 是一个用于构建高效、可扩展的 Node.js 服务器端应用程序的开发框架。它利用 JavaScript的渐进增强的能力,使用并完全支持 TypeScript (仍然允许开发者使用纯 JavaScript 进行开发),并结合了 OOP(面向对象编程)、FP (函数式编程)和 FRP (函数响应式编程)。在底层,Nest 构建在强大的 HTTP 服务器框架上,例如Express (默认),并且还可以通过配置从而使用 Fastify!

2023-11-12 23:00:00 1385

原创 Nuxt.js——基于 Vue 的服务端渲染应用框架

Nuxt.js官网Nuxt.js是一个基于 Vue.js 的服务端渲染应用框架,它可以帮我们轻松的实现同构应用。通过对客户端/服务端基础架构的抽象组织,Nuxt.js 主要关注的是应用的 UI渲染。我们的目标是创建一个灵活的应用框架,你可以基于它初始化新项目的基础结构代码,或者在已有 Node.js 项目中使用 Nuxt.js。

2023-11-12 22:40:28 533

原创 Three.js——基于原生WebGL封装运行的三维引擎

Three.js中文官网Three.js是基于原生WebGL封装运行的三维引擎,在所有WebGL引擎中,Three.js是国内文资料最多、使用最广泛的三维引擎。既然Threejs是一款WebGL三维引擎,那么它可以用来做什么想必你一定很关心。所以接下来内容会展示大量基于Threejs引擎或Threejs类似引擎开发的Web3D应用,以便大家了解。WebGL。

2023-11-12 21:44:19 550

原创 vColorPicker与vue3-colorPicker——基于 Vue 的颜色选择器插件

基于 Vue 的一款颜色选择器插件

2023-11-11 23:48:59 5679 4

原创 VueRequest——管理请求状态库

VueRequest——开发文档VueReques——GitHub地址在以往的业务项目中,我们经常会被 loading 状态的管理、请求的节流防抖、接口数据的缓存、分页等重复的功能实现所困扰。每次开启一个新项目都需要重新实现一遍,这是一项重复的工作,还需要确保团队的一致性。VueRequest 的目的是为开发人员提供一种方便、快速的方式来管理 API 状态。通过简单的配置,可以省去那些繁琐的任务,专注于业务核心的开发。提示:以下是本篇文章正文内容,下面案例可供参考。

2023-11-11 23:27:52 2378

原创 Vxe table - 基于Vue的宝藏级 table 组件

对于表格来说,也许我们会遇到一个需求就是表格中的单元格可编辑,如果我们使用的是ElementUI也许不太好办,因为官方没有可编辑的这个操作,有可能使用的方法就是写一个输入框,当点击的时候控制内容与输入框的显示于隐藏。今天介绍另一种方式就是使用vxe-table开发文档git地址vxe-table一个基于 Vue(支持 Vue3) 的 PC 端全功能表格组件,满足你对 table 绝大多数需求,可与任意组件库完美兼容。

2023-11-10 17:57:45 17093

原创 Element-Plus表单label实现两端对齐(左右对齐)

在使用Element-Plus的form的时候,label只有左右,居中对齐,缺少两端对齐的选项故研究一下如何实现,其他方法也试过,都没效果,我在别人的基础上又研究了一下。

2023-11-10 12:37:51 1679

完全免费AI作文生成器-输入标题就能一键生成

一款非常好用的一键生成作文工具,完全免费,通过这款工具用户可以自动生成各种类型的作文,软件采用AI智能写作系统,你只需填写作文标题就能自动帮你写出一篇完美的作文,是你身边的学习写作好帮手~ 支持安卓系统

2023-11-10

免费短视频去水印,图片去水印

水印杀手是一款支持多平台的视频解析下载工具,只要复制视频链接就能够轻松的去除视频、图片里的水印,还自带强大的剪辑功能、文字转语音、修改视频MD5、等等超多功能

2023-09-14

茶百道为主题的静态网页(十几个页面)作业

内容:有动画,有特效,有十几个页面,内容丰富,有图有视频 js html css可以用来当作业

2023-05-11

APP软件应用下载导航网站源码/分享下载页引流导航网站源码带后台版

APP软件应用下载导航网站源码/APP分享下载页引流导航网站源码带后台版。这款源码 安装非常便捷干净,源码只有十几兆 只需要上传源码修改数据库连接信息即可使用。后台添加应用及轮播广告也非常方便,小白看了都会!thinkphp开发的后台响应也特别丝滑。APP软件,游戏下载类都可使用,一款适用性很强的程序,基本可以适合各行业的下载网站! 功能简介: 1、源码包中带有安装教程 2、网站自适应PC+手机自适应 3、用户可以自行封装成app应用引流导航 4、可以在网站中插入自己的广告内容 5、此网站带有后台,方便用户随时上传更新资料 搭建教程: 1.伪静态改为:thinkphp php版本5.6-7.2 2.修改数据库路径 Application/Common/Conf/config.php 'DB_NAME' => '', // 数据库名 'DB_USER' => '', // 用户名 'DB_PWD' => '', // 密码 3.后台路径: 域名/Youni 后台账号:admin

2023-05-09

数码商城&后台管理系统

压缩包包含:项目运行文档,展示视频,源代码等 1.开发背景 数码产品迭代日渐疯狂,琳琅满目的产品令普通消费者不知从何入手,穗穗网致力于为客户提供一站式购买体验 2.功能模块: ●客户端主要功能; 为用户提供了各类商品的详细数据,多种筛选条件,帮助客户买到最中意的商品,支付宝一键支付,省心安心。 开放的博客社区,消费者可以自由的发表自己的使用体验以及身边一些有趣的事 ●管理端主要功能: 生动的数据可视化技术,为卖家提供一目了然的营收情况。强大的管理功能,使得商家可以便捷的管理自己的商品 3.技术栈: ●前端技术 HTML+CSS+JS+VUE全家桶+Axios+Echarts ●后端技术 Node.js+MySQL+Express+Express

2023-05-06

Vue3疫情后台管理平台

1.基于vue3与elementUI开发的社区疫情管理系统: 压缩包内包含: ✪.Vue3疫情后台管理系统.pptx, ✪.接口文档.txt, ✪.项目启动文档.txt, ✪.项目文件.zip 2.功能模块: 社区管理系统主要负责收集阳性人员所接触的密接人数、每周新冠人数统计图,意见、公告、社区人员管理,权限管理,健康管理等功能。 3.技术栈 vue3: ✪.router——全局路由配置 ✪.store——全局数据管理 ✪.components——封装自定义指令,自定义组件 ElementUI: ✪.Form 表单——登录注册页面 ✪.Upload + Avatar——上传头像 ✪.Menu菜单——首页侧边栏

2023-05-06

美团项目+配套后台管理系统

1.介绍: 模仿美团网:美食攻略,外卖网上订餐,酒店预订,旅游团购,飞机票火车票,电影票,ktv团购吃喝玩乐全都有!店铺信息查询,商家评分/评价一站式生活服务网站,压缩包内有视频,有安装教程,有项目PPT简介,项目接口、启动文档,项目源码,项目运行效果等文件。 2.功能模块: ※ 登录注册 ※ 首页 ※ 门店 ※ 购物车 ※ 支付 ※ 会员中心 ※ 后台登录 ※后台访客记录 ※ 后台门店 ※ 订单模块 ※ 用户模块 3.技术栈: 前台:Node + GULP + SASS + JQ + http-proxy-middleware + 极客行为验证码+ BMap百度地图 +FileReader + GIT等。 后台:项目需求管理系统+ Vue + Vuex + ElementUI + axios + mock.js + echarts + Sass + Vetur/ESLint/Prettier + CommitLint + animate.css + vue-lazyload + nprogress + easydoc + 等等。

2023-05-06

论文答辩模板PPT(128套)

一共128套论文答辩模板PPT,总有符合你要求的,总计774MB的压缩包

2023-05-06

外卖CPS小程序源码,有后台,前端三套模板,功能丰富,带安装教程

该版本为首发初始版本,提供备注以便及时获取版本更新通知。 外卖侠CPS小程序三级分销版本,带积分商城,任务系统,特价影票等等。 前端三套模板,多个模块,插件,自定义。带安装教程

2023-03-28

仿网易严选,一共四个页面(首页,详情页,404页,登录页),使用HTML+CSS+JS编写

这个网页难度不大,也是我大学的练手项目,包括缓动动画,轮播图,返回顶部,吸顶导航,移入显示二级菜单等。 更详细的可以参考线上网址:https://wyyx.huzanle.net/ 这是积分资源,可以先参考线上网址,线上什么样,代码就是什么样的。符合你的要求再买。

2023-03-27

前端综合面经-html,css,js,vue全套面经

包含html,css,js,vue面经,以及性能优化面经及答案,还附有思维导图,接近千套面试题及答案

2023-02-21

爱心表白源码,浪漫炫酷的前端表白代码,浏览器可直接打开-附教程

爱心源码,html,Css,js实现,有背景音乐,动态效果以及留言文字,非常浪漫,浏览器直接打开,就能看到效果,附教程,小白也能看得懂

2022-12-17

Vue.js devtools

压缩包包含Vue.js devtools2 . * 和 3 . *版本的crt Vue.js devtools 5.3.4 调试工具(2 . *) 与 Vue.js devtools6.0.0 beta 15调试工具(3 . *)

2022-11-16

web网页期末大作业-html,css,js-共有4页面

web网页期末大作业,涉及html,css,js技术,一共有四个页面,免费下载,采用div+css布局,结构分离,有图片资源,属于地方介绍性网站,有前端页面,部分页面使用了js

2022-10-28

空空如也

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

TA关注的人

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