自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 腾讯特效SDK使用指南及API介绍,以及如何在VUE中实现简单美颜拍照、录像功能。

美颜美型:磨皮、瘦脸、大眼等基础美颜滤镜特效:自然景观、艺术风格等实时滤镜动态贴纸:人脸追踪贴纸、手势识别特效虚拟背景:人像分割与背景替换3D特效:虚拟道具、AR场景互动适用场景:直播应用、短视频拍摄、视频会议、社交平台等。

2025-09-09 10:41:02 1116

原创 TypeScript入门及配合Vue 3使用指南

TypeScript入门需掌握类型系统、接口和配置;配合Vue 3时,通过Composition API和单文件组件实现无缝集成。推荐从简单项目开始,逐步实践。资源参考:### TypeScript入门集成与Vue3配合使用指南。

2025-09-08 14:11:42 654

原创 vue中实现简单视频录制、暂停功能

实现效果:用户可实时预览摄像头画面,进行录制、暂停/继续操作,录制完成后可回放和下载视频文件。

2025-09-05 13:48:06 341

原创 vue3入门

Vue 3 是现代化的 JavaScript 框架,专注于构建高效的用户界面。语法糖可大幅简化代码,是 Vue 3 的推荐写法。

2025-09-04 17:58:53 363

原创 vue动态路由的配置

它们只注册一个新的路由,也就是说,如果新增加的路由与当前位置相匹配,就需要你用 router.push() 或 router.replace() 来手动导航,才能显示该新路由。对路由的添加通常是通过 routes 选项来完成的,但是在某些情况下,你可能想在应用程序已经运行的时候添加或删除路由。上面的例子有两个假设:第一,新添加的路由记录将与 to 位置相匹配,实际上导致与我们试图访问的位置不同。而在实际场景中,添加路由的行为更有可能发生在导航守卫之外,例如,当一个视图组件挂载时,它会注册新的路由。

2024-10-10 14:06:33 896

原创 在Vue项目中使用canvas

更多详细的canvas API和参数使用方法可以参考。在Vue项目中安装canvas:运行。命令安装canvas库。创建一个Vue组件,比如。

2024-09-23 18:09:19 1313

原创 vue axios使用及封装

处理响应或错误:在then回调函数中处理成功响应,在catch回调函数中处理错误。这是一个基本的axios使用示例。对于更复杂的情况,可以使用axios提供的其他方法,如POST、PUT、DELETE等。axios是一个基于Promise的HTTP客户端,用于发送请求并处理响应。api.js文件用于封装axios请求。通过封装axios请求,可以更方便地发送请求,并对请求进行统一处理,例如添加基本的请求头、处理错误等。在需要使用封装请求的地方,引入api.js文件,并使用封装的方法发送请求。

2024-09-23 18:01:59 587

原创 ajax

前言: 常见Windows命令: windows+E 打开文件资源管理 Windows+D 回到桌面 ctrl+alt+. ctrl+alt+delete 打开任务管理器 windows+R 打开运行界面 cmd—>打开命令行工具 ctral+A ctrl+C ctrl+V ctrl+Z ctrl +S 常见dos命令: cd 地址 切换目录 dir

2020-12-18 16:39:49 232 2

原创 js面向对象编程

一、面向对象的概念 ES有两种开发模式: 函数式 面向过程 面向对象(OOP) 类:类是对象的类型模板 实例:实例就是根据类创建的对象 对象的组成: 属性 特性、特征 名词 变量 方法 功能、行为 动词 函数 二、对象的创建 1.实例创建 //学生对象 var obj=new Object();

2020-12-17 15:29:10 249

原创 js拖拽效果及遇到的问题

一、拖拽效果 分析思路: 鼠标需要按下 mousedown 鼠标移动过程中,物体随着鼠标的移动而移动 mousemove 鼠标抬起时,物体停止移动 mouseup 注意: 1.鼠标按下事件添加给物体,鼠标移动和抬起都应该添加页面 2.鼠标相对于物体的位置 var o = document.getElementById('box');//物体 //鼠标按下事件 o.onmousedown = function (e) {

2020-12-15 20:08:43 1063

原创 js事件高级

一、事件的绑定和取消 原先经常使用添加事件的做法:obj.事件名=function(){}; 但是我们发现,为同一个节点对象,添加了多个同名事件,会覆盖。 o.onclick = function () { console.log('我被点击了'); }; o.onclick = function () {//会覆盖上一个 console.log('我又被点击了....'); }; 1)事件绑定 事件的绑定

2020-12-15 20:06:08 138

原创 js表单及BOM拓展

一、表单 提交数据 form表单 ​ action 表单提交的地址(服务器地址/目标地址) ​ method GET/POST 表单的提交方式 1.表单的属性: 在表单中,通过为input输入类型添加name属性,可以直接通过表单来获取到目标节点对象。 <form action="http://www.baidu.com" method="GET" id="form"> <label f

2020-12-11 16:50:07 150

原创 jsDOM节点介绍

DOM 课前介绍: DOM:document object model 文档对象模型 dom是一种技术,允许开发者通过JavaScript来操作HTML/XML 在DOM中,会把HTML页面描绘成一个由节点组成的倒立树。 节点:12种 常见的有:元素节点(标签)、属性节点(属性)、文本节点(内容) 节点的关系:父子 (父节点、子节点) 兄弟(兄弟节点) 一、获取节点 1.获取子节点 childNodes 包含元素节点和文本节点 children 元素节点 chi

2020-12-10 16:51:27 201

原创 js数组的使用

数组对象 数组:是一个可以存储大量数据的容器。数组中可以存放任意的数据类型的数据 1.声明方式: 字面量形式声明 [] 通过构造函数来声明 new Array(10,20,100,300) 定义数组同时即初始化 new Array(2); //定义一个长度为2的数组 2.数组的属性和特点: length:数组中元素的个数 长度 特点: 根据索引取值和赋值 数组不限制长度 (长度是可变的) 数组的内容不限制类型 可以使用for循环来对数组进行遍

2020-12-10 16:48:11 94

原创 js时间对象和字符串对象使用及注意事项。

一、时间对象 可以通过Date对象来处理时间和日期 var d=new Date();//创建一个时间对象实例 当前时间对象 //将指定时间转换为时间对象 var d=new Date("2022/3/20");//格式的时间字符串 var d=new Date("2022/3/20 12:00:00");//包含时间 var d=new Date("2022-3-20 12:00:00"); var d = new Date(2022, 2, 20);//三月 //获取指定时间对象

2020-12-08 17:22:33 220 1

原创 #js定时器和Math运用及函数的封装(运动封装)

一、定时器 在JavaScript中提供了两种方案来实现计算器 1.setTimeout 延迟执行(延迟指定时间之后,执行代码一次) 用法: setTimeout(代码,时间);// 时间单位:毫秒 案例: //用法一: setTimeout(show, 3000);//不能使用 show()作为参数 //用法二: setTimeout("show()",1000); function show() { var sum = 0

2020-12-07 17:42:57 283 1

原创 #关于js其它循环结构及自定义属性及函数运用

一、其它的循环结构 1.for…in 对象没有索引也没有length属性,所以经常使用for…in来遍历对象 //用法: for(var i in 对象){ //i 是要遍历的对象的属性 循环体; } 注意:若对象的属性是一个变量,则不能使用 对象.属性名的形式取值,应该使用 对象[属性名] 2.while和do…while //语法: while(条件){ 循环体; } // do{ 循环体; }while(条件); while循环时先进行条件判断,在执行循环体 do…while是先执行一次

2020-12-03 17:36:57 263

原创 #关于JS if条件语句及循环语句详解

一、程序结构 ​ 程序结构:程序的执行顺序 ​ 顺序结构 ​ 选择(分支)结构 ​ if语句 ​ if…else ​ if…else if…else ​ switch ​ 循环结构 ​ for ​ while ​ do…while ​

2020-12-02 17:36:19 1176 1

原创 js简介及基本入门

二、JavaScript的历史(了解) 网景(NetSpace)公司 95年发布的第一个版本 JavaScript用来做表单校验 ECMA(欧洲计算机工协会) ECMAScript —>es JavaScript----->js 跨平台的语言 三、什么是JavaScript JavaScript是基于事件和对象驱动的解释性脚本语言。 JavaScript是运行在浏览器上的语言。 JavaScript是世界上最流行的脚本语言。 JavaScript一般用来给页面增加交互性(菜单

2020-12-01 21:33:00 131

原创 关于js数据类型及注意事项

一、数据类型 数据是有类型 在JS(ES5),数据分为两大类: 1.基本(简单)数据类型 基本数据类型5类 数值类型 number 1,2,3,6,1.1,-100,-100.99… 字符串类型 string “” ‘’ length属性 字符串长度 charAt(index) 根据索引取出字符串中字符 索引从0开始 布尔类型 boolean 真假 true

2020-12-01 21:24:47 170

空空如也

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

TA关注的人

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