- 博客(15)
- 收藏
- 关注
RSS订阅原创 CSS动画中的 transform 之 scale（缩放）
分别对元素在X轴或Y轴上执行缩放操作，如果x或y的值为0到1之间的数值，则元素会缩小；如果它们的值大于1，则会放大。
2024-01-31 23:13:42
1437
原创 CSS动画中的 transform 之 translate（平移）
CSS平移主要指的是将一个图形或者元素在二维空间（通常是指页面或窗口）上进行平移。这种操作可以通过CSS的translate属性实现。在CSS中，translate是一个内置的函数，它可以用来将元素的位置进行平移。具体来说，translate有两个主要的参数x和y，分别代表要沿水平方向和垂直方向移动的距离。例如，会使得元素在页面上向右和平向下移动50像素。此外，translate还可以与其他变换属性结合使用，如transform属性，以实现更复杂的视觉效果。例如，表示只在水平方向移动，而。
2024-01-30 23:32:39
1010
1
原创 call 、apply 、bind的区别和作用
bind、apply、call 之间的区别是：1、执行方式不同；3、修改this的性质不同。执行方式不同是指，call和apply是改变后页面加载之后就立即执行，是同步代码。bind是异步代码，改变后不会立即执行；而是返回一个新的函数。1、都是用来改变this指向的，都是跟在函数的后面；
2024-01-29 23:31:42
495
原创 CSS动画属性 ：transition过渡 、 transform变形、animation动画
在 CSS 中，过渡属性：transition， t元素从一种样式逐渐改变为另一种的效果，支持可识别中间值的属性 (如大小、颜色、位置、透明度等)，而如 display 属性则不支持。transform：平移，旋转，倾角等。
2024-01-28 22:32:39
1687
原创 H5实现webrtc流播放
h5播放WebRTC，WebRTC（Web Real-Time Communication）是一种基于网页浏览器的开源项目，提供了实时音视频传输、数据共享等功能，现在各大浏览器已经逐渐加大对WebRTC技术的支持，实现WebRTC的视频推流，播放WebRTC流。
2024-01-27 23:42:30
1207
1
原创 在npm上发布一个自己的包
前端开发将自己编写的常用组件、工具模块、指令，常用api库、框架等代码，为了能够更好、更灵活的管理这些代码，上传到npm库是一个非常好的选择方式。
2024-01-26 23:08:33
1061
1
原创 SkeyeWebPlayer免费网页直播点播播放器-页面动态添加多个播放器
SkeyeWebPlayer.js H5播放器是由成都视开信息科技开发和维护的一个完善的RTSP、FLV、HLS等多种流媒体协议播放，视频编码支持H.264，H.265，音频支持AAC，支持TCP/UDP协议，是一套极佳的且适合用于综合安防视频云服务播放组件，已经非常稳定、完整。强大的网页直播/点播播放器 SkeyeWebPlayer，使用简单，功能强大， 终身免费使用，支持Windows、 Android、iOS平台。(1)、动态添加播放器页面示例。
2024-01-25 22:20:25
283
原创 SkeyeWebPlayer.js H5播放器
SkeyeWebPlayer.js H5播放器，是一款能够同时支持HTTP、HTTP-FLV、HLS（m3u8）视频直播与视频点播等多种协议， 支持H.264、H.265、AAC等多种音视频编码格式，支持mse、wasm等多种解码方式。
2024-01-24 23:04:02
450
原创 ywl-watermark-vue基于vue指令实现水印功能（vue2/vue3），防止手动删除水印
在开发vue项目中，可能会根据项目的需求对页面添加水印效果，下面将介绍一种基于vue指令而实现水印的方法（通用于vue2和vue3），利用监控水印DOM发生变化时，重新渲染水印，防止用户从DOM中直接删除水印。
2024-01-23 23:26:58
1297
1
原创 js自定义时间轴组件
自定义的时间轴组件对录像记录进行加载渲染,播放器回调时间与下面时间轴相互联动，集拖动、点击、缩放、无限加载等于一体的时间轴组件。
2024-01-22 21:17:21
688
1
原创 微信小程序scroll-view组件使用scroll滑动事件中的scrollTop有时不为0的问题
解决方法：添加throttle="{{false}}" 属性，关闭官方默认节流，保证scroll事件能全部触发，自己实现节流即可。uni-app语法 :throttle="false"。问题： scroll-view的scroll滑动事件，经常会有这样的问题：scroll-view滑动到顶部后，最后的事件中的scrollTop不为0 、toupper事件也没有收到等。原因：scroll-view组件自带节流，所以滑动过快时，会出现滑到顶部，scrollTop不为0的bug。
2024-01-21 21:36:10
547
原创 vue-awesome-swiper的API整理
modifier: 2, // depth和rotate和stretch的倍率，相当于depth*modifier、rotate*modifier、stretch*modifier，值越大这三个参数的效果越明显。dynamicBullets: true, // 动态分页器，当你的slide很多时，开启后，分页器小点的数量会部分隐藏。stopOnLastSlide: true, // 如果设置为true，当切换到最后一个slide时停止自动切换。depth: 60, // slide的位置深度。
2024-01-21 21:34:13
933
原创 Git的一些操作命令
git commit -a -m 'message' -a参数设置修改文件后不需要执行 git add 命令，直接来提交新加的文件（即没有被git系统管理的文件）是不能被提交到本地仓库的,建议一般不要使用-a参数。3、git branch -m branch_name new_branch_name 将本地分支的 branch_name 的名称修改为 new_branch_name;4、git push origin --delete old_name 将远程分支 old_name 删除；
2024-01-21 21:32:15
909
原创 vue-cli不能初始化webpack模板的问题【vue init webpack “项目名“】卡住了，解决办法
1.去github上下载要初始化的模板 [https://github.com/vuejs-templates ](https://github.com/vuejs-templates )【webpack、webpack-simple等】或者直接用git去clone你要的模板。2.将下载好的模板【解压】或 `git clone https://github.com/vuejs-templates/webpack.git` 的不用解压。
2024-01-21 21:31:41
416
原创 windows系统下安装node.js版本管理工具NVM及使用
1. nvm install <version> [arch]：该可以是node.js版本或最新稳定版本latest。[图片](https://img2020.cnblogs.com/blog/2201191/202101/2201191-20210129163519798-1482979850.png)2. 点击直接下载：[直接下载](https://github.com/coreybutler/nvm-windows/releases/download/1.1.7/nvm-setup.zip)
2024-01-21 21:29:34
405
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人