自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

cpsxn的博客

记录工作和学习

  • 博客(44)
  • 收藏
  • 关注

原创 【TypeScript使用记录】TS类型定义问题

记录工作中遇到的ts类型定义问题

2023-05-05 10:55:30 1133

原创 【VUE3使用记录】父子组件通信方式总结

vue3父子组件之间通信方式,双向绑定与单向绑定的区别

2022-12-16 15:42:03 8698

原创 【React学习笔记】第三章:React应用

使用react脚手架创建项目介绍、步骤、注意点以及实现todoList案例

2025-01-17 10:59:58 1193

原创 【React学习笔记】第二章:React面向组件编程

react组件实例的三大属性(state/props/ref)的使用以及react的生命周期介绍

2025-01-16 16:55:26 1015

原创 【React学习笔记】第一章:React入门

React介绍及基本使用方式

2025-01-16 15:58:03 1046

原创 【实践功能记录9】使用pnpm打补丁

对node_modules依赖包进行修改,记录使用pnpm打补丁的方式

2025-01-15 09:26:43 526

原创 【实践功能记录8】使用UseElementSize实现表格高度自适应

UseElementSize 是一个 Vue 组合式 API 的实用工具,通常用于获取 DOM 元素的尺寸信息。设置表格高度自适应的方式

2024-10-31 17:40:00 726 2

原创 【实践功能7】前端实现截屏

前端实现截图html2canvas的三方库的方式、navigator.mediaDevices.getDisplayMedia

2024-09-23 17:30:07 1207

原创 【前端】中断请求的方式

手动中断ajax请求的方式:abort() 、CancelToken、AbortController

2024-09-04 14:18:57 849

原创 【Threejs学习】创建Threejs页面

Threejs学习之创建threejs页面

2024-08-28 17:55:02 725

原创 【Threejs学习】Dat.GUI 辅助调参工具

threejs学习之Dat.gui辅助调参工具的使用

2024-08-28 17:49:56 527

原创 【Threejs学习】材质灯光投影

Threejs学习之材质、灯光的结合使用,设置阴影投影效果,更真实立体

2024-08-27 17:51:33 631

原创 【前端】记录各种控制台警告/bug

控制台警告、bug记录

2024-08-05 14:39:27 1251

原创 【实践功能记录6】表格列悬浮展示tooltip信息

鼠标悬浮时判断是否为IP格式字段,请求接口在el-tooltip中展示信息

2024-06-13 16:11:30 443

原创 【ElementPlus使用记录】el-tooltip使用记录

el-tooltip动态展示内容,文本添加颜色

2024-06-04 09:43:42 3685

原创 【前端】插件/库 总结

前端插件、库 总结

2024-03-28 16:45:38 903

原创 Date类型及dayjs的使用总结

Date和dayjs的使用总结

2024-03-12 17:45:05 1415

原创 【前端】系统添加多版本支持

vue3 添加全局配置,支持多版本配置,区分版本页面展示不同的内容

2024-02-03 11:08:10 776

原创 【实践功能记录2】图片热区功能

设置图片热区功能

2024-02-01 16:26:54 1859 1

原创 【音视频】流媒体-视频播放

流媒体的推流与拉流,前端视频播放-xgplager、视频编码等相关内容

2024-01-16 11:35:01 910

原创 【vue3】vue-i18n使用方式及相关问题

VUE3 + TS 项目中 vue-i18n 的使用方式及各种报错的解决方法总结

2023-12-12 12:47:48 5830

原创 【实践功能记录3】AntV G6 拓扑结构

antv G6 树图

2023-11-16 17:57:06 1457 1

原创 【实践功能记录4】文件下载-大文件切片下载

大文件分片上传

2023-10-16 10:43:30 223

原创 el-table-v2 打包后页面崩溃

el-table-v2 打包后页面崩溃

2023-10-16 10:36:34 3910 2

原创 【vue3】vue3.3 新特性

VUE3.3的新特性总结

2023-09-22 17:10:52 1179

原创 TS中符号的用法:?、??、 !、 !!

TS中问号和感叹号的作用

2023-09-01 13:45:43 5007

原创 【实践功能记录5】文本内容替换(字符串方法的使用)

在一段文本中,选中部分文本进行内容替换; 字符串的匹配、截取、替换等方法

2023-08-21 14:46:41 596

原创 【vue3】记录vue3路由跳转问题

项目中使用到的路由为一般为动态路由,从后端接收到各菜单路径后在前端做映射处理,方便控制用户菜单权限;两个菜单:数据库命令(SqlCommand )和 数据库策略(SqlLinkConfig)

2023-07-28 16:35:01 1297

原创 输入框内容过长自动显示tooltip

监听字符串长度, 符合条件 返回 true => 显示。鼠标悬浮时,字符串长度大于12 则展示。属性来控制它的显示与关闭。事件控制是否需要展示。

2023-07-04 17:36:35 410

原创 【VUE3使用记录】页面及路由刷新

整理工作中用到的页面刷新方式1.provide/inject2.router.go(0)3.location.reload4.重复点击菜单时刷新页面

2023-06-08 10:03:03 16097 1

原创 循环生成多表单问题

通过v-for循环生成多个表单,使用ts就涉及到多表单的类型定义问题,多表单的校验问题等等。

2023-05-12 17:14:26 245

原创 Vue3.0 和 TypeScript 学习笔记

本质是一个函数,把setup函数中使用的Composition API进行了封装类似于Vue2中的mixin自定义hook的优势:复用代码,让setup中的逻辑更清楚易懂1.TypeScript 是JS的超集,为JS添加了类型系统。相比于JS,开发体验更友好,提前发现错误,BUG更少,增加开发的幸福度。2.JavaScript的两个运行环境?node.js和浏览器3.TypeScript不能直接在浏览器或Node.js中执行4.如何将ts编译为js?

2023-04-05 16:31:12 679

原创 控制el-input只输入数字的几种方式

el-input限制只能输入数字的方法

2022-12-16 16:17:50 8475

原创 git/git-svn使用总结(持续更新)

工作中使用到的git、git-svn 命令总结

2022-12-09 10:35:38 5317

原创 vue项目打包给后端遇到的问题

一、资源路径问题 (绝对路径、 相对路径)打包上传到服务器时,前端代码不能使用绝对路径,然而默认打包后的html、js、css等文件使用的都是绝对路径,所以我们要在打包之前将绝对路径改为相对路径再打包。首先理解两个概念:1.什么是绝对路径以根目录为起点到某一个目录的路径,能够**完整描述文件所在位置(在硬盘上真正的路径)**的路径就是绝对路径。例如:c:/test/index.htm网页中以http开头的链接都是绝对路径2.什么是相对路径从一个目录为起点到另外一个目录的路径例如: …/te

2022-03-10 11:25:35 3041

原创 【实践功能记录1】按顺序跳动选中效果(定时器的使用)

一、定时器setTimeout(() => {},1000) 1秒之后执行setInterval(() => {},1000) 每隔1秒执行1 设置定时器在data中定义一个新的变量来接收定时器在data中定义:timer:null接收定时器:this.timer = setInterval(() => { console.log(1)},1000)2 清空定时器 (obj,this.timer :创建定时器时,用于接收定时器的变量)clearTimeou

2021-10-28 21:09:13 515

原创 使用nodemode 遇到的问题

使用nodemode 遇到的问题:问题描述:nodemon : 无法加载文件 E:\webtools\node\node_global\nodemon.ps1,因为在此系统上禁止运行脚本。解决方法:权限问题,用管理员身份设置powershell的权限步骤:1.管理员身份打开powerShell2.输入set-ExecutionPolicy RemoteSigned3选择 y 回车powershell的四种执行权限Restricted——默认的设置, 不允许任何script运行AllSi

2021-03-24 10:51:42 319

原创 原型、原型对象和原型链

原型、构造函数、原型对象 三者的关系,原型链的查找机制

2021-03-02 16:33:56 1287

原创 mvc与mvvm设计模式

mvc与mvvm设计模式mvc:view层是顶层,controller在view层之下,model在controller之下;view指向controller。control指向model,model 更改时 view 会得到提醒(这个情况是一个单向流)Model(模型):负责保存应用数据、和后端交互同步应用数据,Model主要与业务数据有关、与应用内交互状态无关View(视图):(html、css)负责构建和维护DOM元素,用户可以与View交互,读取、编辑ModelController(控

2021-02-23 20:34:26 657 1

原创 利用定时器实现倒计时

利用定时器实现倒计时功能分析:1.三个盒子分别装时、分、秒;利用innerHTML放入计算出的时、分、秒2.倒计时是不断变化的,每隔一秒调用一次,用定时器自动变化:setInterval3.第一次执行时会有间隔的毫秒数,刚刷新的页面会有空白,解决方法:采用封装函数的方式,先调用一次防止有页面空白问题//1.三个盒子分别装时、分、秒;<div> <span class="hour">时</span> <span class="minute

2021-02-18 16:12:38 4339

React的三个依赖包

三个JS库文件:babel.min.js、react.development.js、react-dom.development.js

2025-01-17

TodoList案例的src文件夹

【React学习笔记】第三章:React应用-TodoList案例的src文件夹内容

2025-01-17

图片热区功能-图片缩放预览

【vue3 + ts】支持图片缩放预览和图片热区点击功能

2024-02-03

文件下载-大文件切片下载-vue3相关代码

不包含ts类型定义部分和接口文件

2023-10-16

空空如也

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

TA关注的人

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