自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue拖拽缩放图片

在项目中有图片缩放拖拽的功能,在此记录一下。

2024-08-09 16:00:58 223

原创 如何在vue中使用flv.js在本地测试http-flv播放

在网上找了很久可以直接用来测试播放的flv格式流地址,都没找到能用的,于是自己搞了个flv流来测试,以下就是如何自己搭建flv流的具体步骤,记录一下。

2023-11-10 16:48:00 1622 3

原创 前端页面运行一段时间后崩溃,显示out of memory

vue项目运行一段时间后页面卡死崩溃,打开任务管理器一看发现内存已经满了导致浏览器崩溃,就开始搜索内存泄漏的解决方式。但是都不能解决我的问题,因为这个项目是轮询请求借口刷新数据,开始还以为是定时器的问题,最后发现是log打印的问题…看了一下大部分都是1.查看是否存在闭包2.是否有死循环3.是否有多余的定时器未清空。有同样问题的小伙伴可以试试把log全删了,说不定有奇效。就是说把console.log全注释掉就好了!终于把这个鬼bug解决了!

2023-07-07 09:00:05 3100 2

原创 vue+iframe预览pdf,页面显示pdf外框但是内容空白解决

vue项目中有一个页面需要预览pdf,根据列表切换pdf显示的效果。

2023-05-08 13:48:02 4214

原创 vue项目用electron转pc端应用

最近的项目是使用nginx反向代理部署前端的,现在需要用electron将vue项目转为pc端应用。在打包的过程中碰到一些问题,分享一下。

2022-12-30 10:47:38 1459 2

原创 vue播放rtsp视频流

工作有要播放视频监控的需求,最近就自己先了解了一下网页播放rtsp视频流的方法,以下是我的个人经验。最终选择了实现在网页播放rtsp流这种方法进行测试。

2022-12-22 15:51:49 17503 51

原创 javascript实现无缝轮播图,左右键点击事件+节流

JavaScript简单无缝轮播图

2022-07-29 20:38:58 890 2

原创 JavaScript编写杨辉三角

首先我们来看一下什么是杨辉三角由上图我们可以找一下规律:有了这些规律我们就可以开始写代码了此时可以看到打印结果为:

2022-06-07 20:36:48 1674

原创 JavaScript解决约瑟夫环

JavaScript解决约瑟夫环

2022-06-06 19:53:00 676 1

原创 javascript解决猴子分桃问题

先来一个简单一点的题目:猴子吃桃问题:猴子第一天摘下若干个桃子,当即吃了一半,还不瘾,又多吃了一个,第二天早上又将剩下的桃子吃掉一半,又多吃了一个。以后每天早上都吃了前一天剩下的一半零一个。到第10天早上想再吃时,见只剩下一个桃子了。求第一天共摘了多少?(提示:采用逆向思维的方向 ,从后向前推算)解析:第十天只有一个桃子,那么第九天就应该有(1+1)*2=4个,通过倒退我们可以推算出公式应该是 前一天的桃子数=(后一天桃子数+1)*2。代码如下:var peaches = 1; .

2022-05-23 19:32:54 1411

原创 JavaScript运算符(二)相等、全等、赋值、关系操作符、条件操作符(即三元表达式)

JavaScript运算符相等操作符相等操作符再JavaScript中主要用于判断等号两边的内容是否相等,使用’=='来表示。null和undefined可以相等,(null==undefined)也可以与自身相等,除此之外,与任何值都不相等 。null和undefined除了自身和对方之外,跟任何值比较都是false。NaN不参与比较,也不参与运算。如: console.log(1 == 12); //false console.log('str1' == 'str2'); //

2022-05-23 17:21:18 545

原创 JavaScript运算符(一)加减乘除、逻辑与或非操作符

JavaScript运算符递增操作符递增操作符中,++就是自身加一的意思,++不管是在前还是在后(如a++/++a)都是自身加一。区别:​ ++a:++在前 表示先加一再赋值​ a++:++在后,表示先赋值再加一 var a = 10; var b = 10; var c = a++; var d = ++b; console.log(a); //11 console.log(b); //11 console.log(c); //10 c

2022-05-18 19:51:40 925

原创 JavaScript数据类型

JS数据类型简单数据类型(5种)number 数值String 字符串boolean 布尔值undefined 未定义null 空注意:String字符串类型的值是在引号里的,单引号双引号都可以,只要是成对出现就可以引号都是英文的引号在双引号或单引号中我们可以嵌套单引号或双引号​复杂数据类型(1种)object 对象字符串拼接用加号+来进行字符串的拼接 var age1 = 10;//number var age2 = 10;//nuumber

2022-05-17 19:25:56 97

原创 视口笔记及二倍图拓展

一、视口1.布局视口(layout viewport)布局视口是指网页的宽度,一般移动端浏览器都默认设置了布局视口的宽度。2.视觉视口(visual viewport)视觉视口是指用户正在看到的网站的区域,这个区域的宽度等同于移动设备的浏览器窗口的宽度。3.理想视口(ideal viewport)理想视口是值对设备来讲最理想的视口尺寸。理想视口的宽度大小和屏幕的宽度是一致的。在开发中,为了实现理想视口,需要给移动端页面添加标签配置视口。4.meta视口标签理想视口idealvie

2022-05-09 19:22:23 189

原创 关于前端css一些属性的总结

css属性:过渡、变幻、动画、渐变、弹性盒子、视口、媒体查询

2022-05-06 19:10:04 299

空空如也

空空如也

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

TA关注的人

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