- 博客(143)
- 收藏
- 关注
RSS订阅原创 vite 构建vue3
3.pnpm create vite (以上三种方法都可以)今天主要讲的是npm create vite@latest创建项目。第一步（ 输入名字不输入默认用vite-project）2.cd project_name 启动。方法一、（vue-cli）方法二、(vite)官网。1.检查node环境。
2023-07-28 17:25:48
181
1
原创 weosocket 心跳机制
initWebSocket() { //初始化weosocket(必须) // if(!this.createTaskId || !this.headTaskId){ // return // } if (this.protocolHost == "video.chci.cn") { this.prot...
2023-06-20 10:26:00
131
原创 原生页面的轮播图
原生页面的基本应用<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>...
2023-02-22 08:48:42
80
原创 vue脚手架中的swiper
main.js全局引入轮播图的js 和 css文件<template> <div> <h1>轮播图案例</h1> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper...
2023-02-22 07:24:01
144
原创 vue中的百度搜索案列
百度搜索的案例<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>D...
2023-02-22 07:23:53
268
原创 过滤器以及事件的获取
过滤器(filter)我们在渲染数据的过程中，有一些内容并不是我们想要的文本格式，这个时候我们可以利用过滤器去实现我们的文本格式化。过滤器其实就是一个工具函数，通过执行这个函数，实现数据格式化。比如：后端返回给前端的时间格式：时间戳 1604370847913用户要看到的数据格式： 2020/11/3 10:34 或者 2020-11-3通过过滤符 ‘|’ 去调用过滤器过滤器创建方式之局...
2023-02-22 07:23:29
80
原创 navMenus 的动态路由 嵌套 1
<template> <div class="navMenu"> <template v-for="menu in navMenus"> <el-submenu :key="menu.path" :index="menu.path" v-if="menu.children.leng...
2023-02-08 09:27:00
123
原创 navMenus 的动态路由 嵌套 2
<template> <el-col id="navMenu"> <el-menu :default-active="defaultActive" background-color="#0b172e" text-color="#A7B1C2" active-text-color="#ffffff" class...
2023-02-08 09:27:00
162
原创 获取麦克风声音
<template> <!-- 大窗口 --> <div class="liveVideos"> <video id="camaraVideo" width="100%" height="100%" ref="videoing" class="video" auto...
2023-02-07 11:09:00
293
原创 页面的进入和离开
document.addEventListener('visibilitychange', () => {if(document.hidden) {console.log('页面离开')}else{console.log('页面进入')}})...
2023-02-07 10:17:00
80
原创 echarts 中的legend 配置
legend: { show: true, // 是否显示图例 type: 'category', // 'plain'：普通图例。缺省就是普通图例; 'scroll'：可滚动翻页的图例。当图例数量较多时可以使用 z: 2, // 组件的所有图形的z值。控制图形的前后顺序。z值小的图形会被z值大的图形覆盖。 top: 'auto' // 距离容...
2023-01-07 18:44:00
3570
原创 ES8（2017）
for (const [key, value] of Object.entries(target)) { // 需px单位基础样式 if (needUnit.includes(key)) { result[key] = unit(value) continue } // 组件背景色 if (key == 'backgroundC...
2022-11-14 11:03:00
59
原创 本地文件读写 js
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>本地文件读写</title> </head> <script type="text/javascript"> ...
2022-11-10 17:48:00
303
原创 轮播图
<template> <div class="spec-preview"> <img :src="imgMagnify" /> <div class="event" @mousemove="handler"></div> <div class="big"> <img :src="...
2022-11-03 16:17:00
47
原创 特定的区域内移动 div
<template> <div> <div id="moveDiv" ref="moveDiv"> <span v-for="(item, index) in 2" :key="index" @mousedown="move" :class="'div' + ind...
2022-10-21 17:29:00
91
原创 three.js 全景 vr
https://kongchengji.blog.youkuaiyun.com/article/details/117880069
2022-09-29 15:09:00
91
原创 el-table 返回数据为空展示 --
::v-deep .cell:empty::before { content: "--"; color: gray;}
2022-09-28 14:57:00
358
原创 【从头到脚】WebRTC + Canvas 实现一个双人协作的共享画板 | 掘金技术征文
https://juejin.cn/post/6844903811409149965
2022-09-07 17:38:00
223
原创 【从头到脚】WebRTC + Canvas 实现一个双人协作的共享画板
https://blog.youkuaiyun.com/qq_41875664/article/details/98870809
2022-09-07 17:36:00
211
原创 js reduce 学习
<script> // reduce 学习 1.四个参数 // prev上一次调用的返回值 // cur 当前处理的元素 // index 索引 // arr 原数组 // init 初始值 // arr.reduce((prev,c...
2022-08-25 16:40:00
49
原创 如果对象属性的值不为空，就保存该属性（这里我做了限制，如果属性的值为0，保存该属性。如果属性的值全部是空格，属于为空。...
filterParams(obj) { var _newPar = {}; for (var key in obj) { //如果对象属性的值不为空，就保存该属性(这里我做了限制，如果属性的值为0，保存该属性。如果属性的值全部是空格，属于为空。 if ( (obj[key] === 0 || obj[key] ...
2022-08-22 11:28:00
106
原创 webrtc 合流
<template> <!-- 大窗口 --> <div class="liveVideos"> <video id="camaraVideo" width="100%" height="100%" ref="videoing" class="video" aut...
2022-08-19 10:22:00
204
原创 element-ui踩坑之表格选中toggleRowSelection问题
取消所有选择this.$refs.multipleTable.clearSelection()选择当前数据this.$refs.multipleTable.toggleAllSelection()
2022-08-12 17:39:00
136
原创 解决Element-ui el-table合计 show-summary不显示，样式混乱问题
https://blog.youkuaiyun.com/xikaifeng/article/details/116270514
2022-08-12 17:22:00
224
原创 播放trsp适配流
https://blog.youkuaiyun.com/weixin_48544578/article/details/124960551?spm=1001.2100.3001.7377&utm_medium=distribute.pc_feed_blog_category.none-task-blog-classify_tag-13-124960551-null-null.nonecase&...
2022-08-04 17:13:00
53
原创 正则验证
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script type="text/javascript"> window.onload=function(...
2022-08-04 17:10:00
32
原创 text-overflow: ellipsis; 溢出显示省略号
<style> .box { /* 限定范围 */ width: 300px; height: 40px; border: 1px solid red; /* 1.溢出隐藏 */ overflow: hidden; /* 2.用省略号来代替超出文本 */ text-overflow...
2022-08-04 17:02:00
145
原创 webrtc scoket 聊天
let webObj = null;//全局WebSocket对象let lockReconnect = false; // 网络断开重连let wsCreateHandler = null; // 创建连接let username = null; // 当前登录人姓名let userId = null; //当亲登录人idlet toName = null; //消息接收人姓名l...
2022-08-04 16:59:00
67
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人