自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 产品etc....

PRD文档通常包含以下内容:产品概述:对产品的目标、定位、功能、特性、用户群体等进行概述。产品需求:对产品的功能需求、性能需求、安全需求等进行详细描述。用户需求:对用户需求进行分析和总结,包括用户痛点、需求、行为等。产品功能:对产品的功能进行详细描述,包括用户界面、交互流程、数据结构等。产品设计:对产品的设计进行详细描述,包括用户界面设计、交互流程设计等。技术方案:对产品的技术方案进行详细描述,包括技术架构、开发工具、开发语言等。

2023-05-31 17:47:49 144

原创 【vue3】组件中使用引入echarts方法

【代码】【vue3】组件中使用引入echarts方法。

2023-04-04 19:34:28 245

原创 【vue3路由】单击按钮、跳转页面

【代码】【vue3路由】单击按钮、跳转页面。

2023-03-27 17:53:51 4736 1

原创 【vue3】封装div可拖拽函数&边界限制

在utils里面创建drag.ts文件。在要使用的.vue直接 v-drag。在main.ts里面全局引入。

2023-03-20 10:29:37 734

原创 【vue3】构建项目、项目中的示例组件使用的是组合式 API 和 <script setup>

将会看到一些诸如 TypeScript 和测试支持之类的可选功能提示。,它是 Vue 官方的项目脚手架工具。和 生成的项目中的示例组件使用的是。

2023-03-16 13:14:42 63

原创 【webSocket】原理&使用教程笔记(源码)

一个协议字符串或者一个包含协议字符串的数组,这些字符串用于指定子协议,这样单个服务器可以实现多个WebSocket子协议(可以通过一台服务器根据指定的协议(protocols处理不同类型的交互),如果不指定协议字符串,则假定为空字符串)是 websocket 中的一个概念,就是在 websocket 中用定时器,定时向服务器发送一个消息内容,我们约定,在 WebSocket 协议出现以前,创建一个和服务端进双通道通信的 web 应用,需要依赖HTTP协议,进行不停的。

2023-03-09 10:35:42 390

原创 【Echarts】在vue3中使用echarts绘散点图(待更新)

下面是echarts.ts文件代码。下面是main.ts代码。

2023-03-07 16:59:27 573

原创 【Echarts】在html中引入echarts详细步骤教程【源码】

【代码】【Echarts】在html中引入echarts详细步骤教程【源码】

2023-03-07 15:58:41 9530 2

原创 vue3中【html+css】盒子背景图设置为gif并撑满整个盒子

【代码】vue3中【html+css】盒子背景图设置为gif并撑满整个盒子。

2023-03-07 10:59:10 688

原创 开发所需网址

CanvasRenderingContext2D接口,为提供2D渲染上下文用于绘制形状,文本,图像和其他对象。lucky-canvas 基于 JS + Canvas 实现的【大转盘 & 九宫格 & 老虎机】抽奖。Three.js是基于原生WebGL封装运行的三维引擎,开发Web3D应用。echarts 一个基于 JavaScript 的开源可视化图表库。CSS3过渡动画模板、CSS3 Transition动画模板。视频格式转化、录屏、视频制作。阿里图标矢量图图标库。

2023-03-07 10:52:00 76

原创 vue3中【html+css】背景设置为视频并铺满整个页面

object-fit 一般用于 img 和 video 标签,一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等。标签默认不是铺满的,手动设置宽高100%也不会生效,当需要video铺满div时,加上一个css样式。object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。fill: 默认,不保证保持原有的比例,内容拉伸填充整个内容容器。

2023-03-03 14:27:37 3960 3

原创 【gitee】删除代码原有仓库地址上传自己仓库

3)然后我们再关联到新的远程库的地址。1)命令查看关联到的git仓库地址。2)将之前的关联的git地址删除。2.清除原项目的git版本信息。5)接着就可以提交代码了。去掉原仓库git地址。

2023-03-02 14:23:34 515

原创 【web可视化】canvas常用api总结

ctx.drawImage(图片对象,图像裁剪的x位置,图像裁剪的y位置,裁剪的宽度,裁剪的高度,x位置,y位置,宽度,高度)不能使用css样式修改,因为使用css不会增加像素点,只会将原有的像素点扩大。ctx.drawImage(图片对象,x位置,y位置,宽度,高度)x,y是矩形上的左上角坐标,width和height都是以像素。ctx.drawImage(图片对象,x位置,y位置)从x,y位置绘制一条直线到起点或者上一个线头点。表示从图片的哪个位置截取多大的图片。(x,y)线头点坐标。

2023-02-20 17:48:51 187

原创 如何在html中让溢出的文字省略号显示 && html放入鼠标显示完整内容

【代码】如何在html中让溢出的文字省略号显示 && html放入鼠标显示完整内容。

2023-02-15 11:13:23 396

原创 【ubuntu】修改只读文件命令

【代码】ubuntu修改只读文件命令。

2023-02-14 15:34:20 969

原创 【web可视化】canvas画图学习详细教程笔记&完整代码

ctx.lineJoin = 'bevel'//设置线段连接处为默认/圆形/平直形式(miter/round/bevel)ctx.lineCap = 'round' //设置线帽为圆形round/butt默认/aquare方形。stroke()方法是进行绘制。把strokeRect()方法拆成了stroke()和rect()方法,好处就是使用。arc(圆心坐标,半径,初始角度,结束角度,顺时针false/逆时针true)用 ctx.closePath()//把线段的终点和起点连接起来这样更衔接了。

2023-02-14 14:33:44 1472

原创 【css】div盒子垂直居中

【代码】css--div盒子垂直居中。

2023-02-14 10:46:40 60

原创 Vue框架的MVVM 笔记

实现一个解析器Compile,可以扫描和解析每个节点的相关指令,并根据初始化模板数据以及初始化响应的订阅器。实现一个订阅者Watcher,可收到属性的变化通知并执行相应的函数,从而更新视图。Vue数据的双向绑定是通过数据劫持结合发布者--订阅者模式的方式实现。MVVM是MVC的增强版,与MVC没有本质区别,只是代码的位置变动。视图发生改变时模型也会发生改变,模型发生改变时视图也会改变。:控制器、监听模型数据的改变和控制视图行为、处理用户交互。:视图模型,用来管理视图和模型的装换。:数据模型,用来存储数据。

2023-02-14 10:11:55 68

原创 Git创建远程分支&&Git常用命令

git push -u 远程仓库的别名 本地分支名称:远程分支名称。git push 远程仓库的别名 --delete 远程分支名称。

2023-02-13 16:20:46 92

原创 JavaScript中的$符号和``反引号的使用方法

模板字面量提供了一种将变量和表达式插入字符串的简单方法---字符串差值。通过模板字面量,可以在字符串中同时使用单引号和双引号。模板字面量使用反引号(``)来定义字符串。

2023-02-13 15:29:36 368

原创 JavaScript--AJAX学习笔记(详解)

不推荐同步的 XMLHttpRequest (async = false),因为 JavaScript 将停止执行直到服务器响应就绪。为了对付 IE5 和 IE6,请检查浏览器是否支持 XMLHttpRequest 对象,亦或创建 ActiveXObject 对象。老版本的 Internet Explorer(IE5 和 IE6)不支持 XMLHttpRequest 对象。如需异步发送请求,open()的async参数必须设置为true。method:请求的类型GET()、POST()

2023-02-13 13:29:15 85

原创 node所有版本号地址 & nvm的常用命令

【代码】node所有版本号地址 & nvm的常用命令。

2023-02-08 11:30:03 796

原创 Promise对象学习笔记

Promise是一个对象,用来传递异步操作信息,解决异步操作中回调地狱的问题,一个promise构造函数resolve()和reject(),是两个函数,分别决定promise的结果;resolve---内部定义成功:调用函数value =>{};reject---内部定义失败:调用函数reason=>{};excutor函数-----promise函数的参数:执行器(resolve,reject) =>{};excutor会在promise内部立即同时调用,异步操作在执行器中执行;

2023-02-08 10:50:42 117

原创 async & await理解

async函数(包含函数语句、函数表达式)会返回一个Promise对象,如果在函数中return一个直接量,async会直接把这个直接量通过Promse.resolve()封装成Promsie对象;await是在等待一个async函数完成,await等待的是一个表达式,这个表达式的计算结果是Promise对象或者其他值。await会阻碍后面的代码,等着Promise对象resolve,然后得到resolve的值,作为await表达式的运算结果。,那么await表达式的运算结果取决于await等待的东西;

2023-02-07 17:43:33 87

原创 gitee新建仓库&Clone项目代码再上传到自己的仓库

【代码】gitee新建仓库&Clone项目代码再上传到自己的仓库。

2023-02-01 11:22:51 104

原创 【ubuntu】常用git 命令&防火墙状态

3.在test分支添加一个readme.txt文件 # touch readme.txt # git add readme.txt。6.把test分支合并到master分支 # git merge test。3.切换到test分支: # git checkout test。8.删除test分支 # git branch -d test。2.切换到test分支 # git checkout test。2.创建test分支 # git branch test。5.提交代码 git push。

2023-02-01 09:33:47 243

原创 vue3语法糖复习复习复习

vue3语法糖复习复习复习参考总结

2023-01-31 16:34:39 89

原创 Javascript基础复习&面试问题

Javascript基础复习&面试问题

2023-01-29 15:51:35 71

原创 vue-router路由的传参方式params query

vue-router路由的传参方式params query

2023-01-29 15:17:55 254

空空如也

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

TA关注的人

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