自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 一个完整的Vue3+ts项目

├─public│ favicon.ico│ index.html└─src │ App.vue │ main.ts │ shims-vue.d.ts ├─assets │ │ logo.png │ └─css │ base.css │ main.styl ├─components │ │ HelloWorld.vue │ └─base

2022-03-07 15:31:27 1458 1

原创 js异步请求接口\模拟异步封装

【代码】js异步请求接口\模拟异步封装。

2024-01-16 16:24:20 396 1

原创 原生js实现拖拽效果

【代码】原生js实现拖拽效果。

2024-01-14 21:55:42 597

原创 vue项目表单使用正则过滤ip、手机号

vue项目表单使用正则过滤ip、手机号。

2023-12-27 18:31:32 797

原创 解决el-tooltip滚动时悬浮框相对位置发生变化

获取最外层box的class,并在内层添加el-scrollbar。

2023-10-24 10:47:41 817

原创 iframe通信

【代码】iframe通信。

2023-08-11 08:37:14 115

原创 全局批量组件的注册和封装

全局批量组件的注册和封装。

2023-04-13 20:04:32 150 1

原创 解决node-sass和sass-loader报错的办法

另外第二种,建议你以后的新项目都不要再用node-scss 了。用dark-scss替代。方案1、nvm就是node版本管理工具,装了它就可以在你的电脑上同时装n多个版本的node了。第二个方案,就是把项目里的node-sass换成dark-sass,它不存在版本问题。方案2、就是把项目里的node-sass换成dart-sass,它不存在版本问题。nvm就是node版本管理工具,装了它就可以在你的电脑上同时装n多个版本的node了。它可以自动安装适用于你当前项目的依赖版本。想用哪个版本就用哪个版本。

2023-03-09 15:28:22 1180

原创 node服务器开发过程~

nodemon不需要对代码或开发方式进行任何更改。nodemon只是简单的包装你的node应用程序,并监控任何已经改变的文件。nodemon只是node的替换包,只是在运行脚本时将其替换命令行上的node。nodemon将自动重新启动node应用程序。1.代码修改自启服务。

2023-02-01 17:59:31 113

原创 pinia的使用

pinia的使用

2022-12-28 19:29:45 87

原创 微前端乾坤的实现以及注意事项

shadow dom自动实现样式隔离(类似于原生的video标签,它有默认的样式)

2022-12-23 16:46:49 1481

原创 定时器实现往复运动,模拟效果

定时器实现往复运动,模拟效果。

2022-11-20 16:34:42 176

原创 vue完整搭建一个项目需要注意的事项

完整搭建一个项目需要注意的事项

2022-09-24 02:03:23 165

原创 threejs中将loader里面的返回值return出来

threejs中将loader里面的返回值return出来

2022-09-09 11:34:24 523 1

转载 css中需要使用webkit的属性

css中需要使用webkit的属性

2022-09-06 09:03:32 1226

转载 threejs中模型沿着轨迹进行运动

threejs中模型沿着轨迹进行运动

2022-08-28 14:52:44 1904

原创 js限制定时器的循环次数

js限制定时器的循环次数

2022-08-26 15:39:33 1141

原创 vue项目实现上传下载功能

vue项目实现上传下载功能

2022-08-18 23:37:19 283

原创 vue前后端实现的过程~

vue前后端实现的过程~

2022-08-18 23:34:28 212

原创 vue表格分页、当前页非第一页且只有一条数据但被执行了删除

vue表格分页、当前页非第一页且只有一条数据但被执行了删除

2022-08-18 23:31:26 334 2

原创 vue表格table序号的实现

vue表格table序号的实现

2022-08-18 23:29:29 177

原创 threejs学习100问

threejs学习100问。

2022-08-17 18:02:35 927

原创 vue中添加自己的npm组件

vue中添加自己的npm组件

2022-08-02 23:37:01 513

原创 封装标题背景图样式

封装标题背景图样式

2022-07-29 08:44:47 106

原创 threejs修改模型旋转轴

在不移动模型位置的前提下修改模型的旋转轴。

2022-07-18 16:58:45 3585

原创 threejs开发中加载模型的方法 - 将fbx模型转换成 → gltf模型 → glb文件 → 页面获取解析模型(以及模型格式的转换)

将fbx文件转换成gltf格式的模型文件

2022-06-23 20:02:12 2350

转载 threejs中使用补间动画tween.js实现相机的转场动画效果

tween补间动画实现模型的转场动画效果

2022-06-21 18:28:11 567

转载 ref、toRef、toRefs的区别

ref、toRef、toRefs

2022-06-21 10:55:55 7452

原创 vue项目使用rem让页面字体fontsize自适应

页面字体font-size自适应

2022-06-16 10:56:58 2448

转载 GET请求的参数中带空格如何传递url编码

前端请求url编码

2022-06-07 12:30:19 2405

原创 Vue 路由组件通讯传参的 8 种方式

导语当 props 是一个对象时,它将原样设置为组件 props。当 props 是静态的时候很有用。我们在开发单页面应用时,有时需要进入某个路由后基于参数从服务器获取数据,那么我们首先要获取路由传递过来的参数,从而完成服务器请求,所以,我们需要了解路由传参的几种方式,以下方式同 vue-router@4。编程式路由传参除了使用 创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现。1. 通过 params 传递路由配置路径参数 用冒号 : 表示。..

2022-05-30 08:52:17 1318

原创 vue组件通讯之中央事件管理机制eventBus,常见的组件通信方式可分为三类

1.A组件中<script> import Bus from "./bus";</script>Bus.$emit("rowClick", this.titleName);2.创建bus.js文件import Vue from 'vue'export default new Vue()3.A组件中<script> import Bus from "./bus";</script>Bus.$on("rowClick", (titl

2022-05-29 10:24:43 114

原创 vue中的日历展示进度功能的实现

先下载引入moment// viewer.vue<template> <div class="viewPager"> <div class="box"> <div class="block"> <el-date-picker v-model="value" style="margin-bottom: 10px" type="month" .

2022-05-12 16:11:39 704

转载 echarts的两种用法

点击查看原文链接方式一、直接引入echarts方式二、使用vue-echarts

2022-05-09 15:04:14 67

原创 表单验证、正则表达式---最大限制9999.99

<el-form ref="ruleForm" label-width="110px" size="medium" :inline="true" :rules="rules" :model="paramsData" class="demo-form-inline" > <el-form-item label="巷道长度" prop="sensorPosition"> <el-input v-model=

2022-05-06 11:18:42 1875

原创 THREEJS中通过Raycaster获取鼠标与模型的交互点

注意:group中存放模型// 适用于通过json得到的sprite精灵绘制的//点击射线var raycaster = new THREE.Raycaster();var mouse = new THREE.Vector2();// document.getElementById("container").addEventListener('mousedown', onDocumentMouseDown, false);document.body.addEventListener('mou.

2022-04-29 17:01:10 1198

原创 日历、form表单的布局、新增编辑弹框的回填和封装

new Date()Tue Apr 26 2022 15:54:50 GMT+0800 (中国标准时间)

2022-04-27 14:04:19 251

原创 el-upload上传下载

<el-upload class="upload-demo" :show-file-list="false" action="123" :http-request=" (file) => { uploadExcel(file); } "> <button class="_confirm"> <span><i class="el-icon-download" /></span>

2022-04-25 15:04:41 949

原创 input和label的布局和设置

<div class="el-form-item"> <label class="el-form-item__label">机器码</label> <div class="el-form-item__content"> <div class="el-input"> <input class="el-input__inner" v-model="state.machineCode" /> </..

2022-04-24 11:50:09 1213

转载 一文彻底搞懂前端实现文件预览(word、excel、pdf、ppt、mp4、图片、文本)

点击查看原文链接

2022-04-21 14:35:08 201

空空如也

空空如也

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

TA关注的人

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