JAVASCRIPT
文章平均质量分 52
dualven_in_csdn
布道者;创造者;
Mr writer。
目前博客内容主要偏重于个人技术记录,后面希望多些系列知识的整理。
展开
-
webrtc在js里的实现
在上述示例中,首先通过getUserMedia()方法获取媒体设备流,然后使用RTCPeerConnection建立点对点连接,并将媒体流加入连接中。同时,还可以使用createDataChannel()方法创建数据通道,并通过onopen和onmessage事件监听数据通道的状态和数据传输。WebRTC(Web Real-Time Communication)是一项开放的浏览器技术,它允许浏览器之间建立点对点(peer-to-peer)连接,实现音频、视频、文件的传输和通信。原创 2023-08-23 13:22:23 · 2810 阅读 · 0 评论 -
【hard】现象记录
【代码】【hard】现象记录。原创 2023-08-03 17:36:41 · 153 阅读 · 0 评论 -
【ChatGpt】解决视频框交换中的平滑过渡的问题
当box元素被拖放时,如果当前拖拽的box元素不等于目标元素,则交换两个box元素的位置。在视频的播放中,我们想调换下容器的位置 ,在互调的过程中,如果需要重新进行数据的初始化,获取与加载,就会很慢,效果不好。这个问题,直接抽象一下,就是一个div与另一个div交换,而不影响里面具体内容的播放。当拖拽开始时,将当前拖拽的box元素保存到dragBox变量中。获取所有的box元素,并为每个元素添加拖拽事件监听。当box元素拖拽到其他元素上时,阻止默认行为。代码肯定明显会有一定的问题,但大体逻辑是对的。原创 2023-06-26 11:01:04 · 634 阅读 · 0 评论 -
【vue ts Refactoring】前端动态效果
(4) transform三大属性 rotate、scale、translate。(2) slot 写法(里面可自嵌套 html标识)(3) js引用 ts变量。原创 2023-03-08 11:09:46 · 106 阅读 · 0 评论 -
CSDN 云IDE初尝试
只是每次启动前都要 n 14.0.0。因为这个工程是用这个版本。原创 2023-01-05 09:21:39 · 81 阅读 · 0 评论 -
ts里引用js 兼容问题
虽然ts是 javascript的未来,在很多场景还是避免不了,有人在使用js.比如vue2+js, vue3+js;而你使用的vue3+ts,如果想借用下别人的组件,有时候需要把它引入进来。js的写法太粗矿,有很多不符合ts写法的,一个个去修改,没有耐心 ,有时候一个组件如果很复杂,你不敢确认修改的是否正确。所以,简单而直接的兼容很重要。原创 2022-12-21 13:34:27 · 1756 阅读 · 0 评论 -
webservice使用记录
SOAP方式:简单对象访问协议是交换数据的一种协议规范,是一种轻量的、简单的、基于XML(标准通用标记语言下的一个子集)的协议,它被设计成在WEB上交换结构化的和固化的信息,其实SOAP最早是针对RPC的一种解决方案,简单对象访问协议,很轻量,同时作为应用协议可以基于多种传输协议来传递消息(Http,SMTP等) ,SOAP协议对于消息体和消息头都有定义。不同平台,开发语言之间通过SOAP来交互的web service都能够较好的互通,效率和易用性上 :REST。例子: 点下login后的几条请求。原创 2022-10-25 15:22:39 · 222 阅读 · 0 评论 -
react【一】:react为什么为jsx
React 认为渲染逻辑本质上与其他 UI 逻辑内在耦合,比如,在 UI 中需要绑定处理事件、在某些时刻状态发生变化时需要通知到 UI,以及需要在 UI 中展示准备好的数据。使用 JSX,但是大多数人发现,在 JavaScript 代码中将 JSX 和 UI 放在一起时,会在视觉上有辅助作用。它还可以使 React 显示更多有用的错误和警告消息。这种人为地分离方式,而是通过将二者共同存放在称之为“组件”的松散耦合单元之中,来实现。如果你还没有适应在 JS 中使用标记语言,这个。React 并没有采用将。..原创 2022-08-30 10:10:14 · 240 阅读 · 0 评论 -
stun turn 技术总结
其中IP地址和端口(也就是地址)有以下几种:本机地址、通过STUN服务器反射后获取的server-reflexive地址(内网地址被NAT映射后的地址)、relayed地址(和TURN转发服务器相对应的地址)及Peer reflexive地址等。在ICE过程开始的时候,客服端忽略他们各自的网络拓扑结构,不管是不是在NAT设备后面或者多个NAT后面,ICE允许客服端发现他们的所在网络的拓扑结构的信息,然后找出一个或者更多的可以建立通信连接的路径。(5)利用被选中的candinate地址对进行通信。...原创 2022-08-16 16:53:25 · 1038 阅读 · 0 评论 -
ts中引入 js的理论与实践
目录理论ts中引入 js使用流程全局类库模块类库UMD类库为类库添加插件实践引入 jitsi的lib 引入 jquery的lib 在本人的博客中,总结了js的几种形式CJS,AMD,UMD和ESM_dualven_in_csdn的博客-CSDN博客1.首先要清除类库是什么类型,不同的类库有不同的使用方式2.寻找声明文件JS类库一般有三类:全局类库、模块类库、UMD库。例如,jQuery是一种UMD库,既可以通过全局方式来引用,也可以模块化引用。声明文件当我们要使用一个类库时,需要ts声明文件,对外暴露API原创 2022-06-30 14:19:49 · 5223 阅读 · 0 评论 -
CJS,AMD,UMD和ESM
JS中加入了模块的概念。其中就有CJS,AMD,UMD,ESM这些模块的出现。你们或许对CJS的语法很熟悉,因为node用的就是CJS的模块方式。CJS是同步引入模块的可以从库中引入或者从本地某个文件夹中引入。用CJS引入的是要引入对象的一个拷贝CJS在浏览器环境中是无效的,它必须要经过编译和打包后才能在浏览器环境中执行。AMDAMD是asynchronous module definition 的缩写。AMD是异步加载模块的。(就像它的名字一样)AMD设计出来是供前端使用的,而原创 2022-06-27 17:26:37 · 717 阅读 · 0 评论 -
TS属性后面的?或者!
这个语言与普通的js还是有区别的。查了一下ts的文档说明,原来感叹号是非null和非undefined的类型断言,所以上面的写法就是对propA这个属性进行非空断言。文档的相关说明在这里。可选属性接口里的属性不全都是必需的。 有些是只在某些条件下存在,或者根本不存在。 例如给函数传入的参数对象中只有部分属性赋值了。带有可选属性的接口与普通的接口定义差不多,只是在可选属性名字定义的后面加一个?符号...原创 2021-10-20 11:13:29 · 1574 阅读 · 0 评论 -
百度地图前后端使用
目录(1)创建“服务器端”与“浏览器端”的应用,主要获取它的AK码(2)安全性(3)主要使用的几个菜单(4)服务端代码使用示例。入口主要也是这里,因为是API的调用 ,这里的示范也是最直观的,这点与浏览端的不同(5)浏览器端的参考(1)创建“服务器端”与“浏览器端”的应用,主要获取它的AK码(2)安全性都可以设置白名单方式来,由于测试环境只有ip,所以一律简单处理为*(3)主要使用的几个菜单...原创 2021-10-11 11:44:01 · 976 阅读 · 0 评论 -
js引用 module 类型的写法
我们知道,在script标签中写js代码,或者使用src引入js文件时,默认不能使用module形式,即不能使用import导入文件,但是我们可以再script标签上加上type=module属性来改变方式。<html> <head> here is just a example to import the qunee for js not ts </head> <body> <div ...原创 2021-09-18 10:09:34 · 1226 阅读 · 0 评论 -
模拟发送消息程序知识点记录
(1) model v-model v-model:value区别<ChildComponent v-model:title="pageTitle" v-model:content="pageContent" /><!-- 是以下的简写: --><ChildComponent :title="pageTitle" @update:title="pageTitle = $event" :content="pageContent" @update...原创 2021-09-10 16:39:38 · 173 阅读 · 0 评论 -
整理RBAC到码云
https://gitee.com/dualven/WeMedia后续再详细整理下,这里面值得借鉴的轮子,有好几个(1)RBAC的nodejs 的实现(2)sequalize的使用例子 (3) vue各种场景使用的例子(4) mongodb使用的例子(5) datatable使用的例子。后续整理了再更新此篇文章 。原创 2017-12-25 17:24:00 · 267 阅读 · 0 评论 -
spa ssr区别
https://www.cnblogs.com/tiedaweishao/p/6644267.html里面的关键语句为:"我们并没有多余的dom元素,就只有一个div,那么页面要怎么呈现呢?答案是js append,对,下面的那些js会负责innerHTML。而js是由浏览器解释执行的,所以呢,我们称之为浏览器渲染,这有几个致命的缺点:js放在dom结尾,如果js文件过大,那么必然...原创 2019-01-04 16:39:12 · 3192 阅读 · 0 评论 -
html layout 布局
我的理解:自然布局:默认的流式布局:就是块级的垂向下,块内的横向移动。浮动布局:通过float,可以将块级的并行在一排。层模型特点:如果我想一个div在另外一个div的上面,我们就需要可以使用绝对定位来完成,层模型的三种定位方式relative、absolute、fixedabsolute需要设置position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖...原创 2019-01-16 15:22:23 · 6417 阅读 · 0 评论 -
关于javaFX研究的官方文档
https://docs.oracle.com/javase/8/javase-clienttechnologies.htm---》https://docs.oracle.com/javase/8/javafx/user-interface-tutorial/ui_controls.htm#JFXUI336---》https://docs.oracle.com/javase/8/jav...原创 2019-04-19 16:17:20 · 897 阅读 · 0 评论 -
dataTable ajax.reload() 报错而引起的思考
因为想要使用 ajax.reload() 报错而引起的思考。经过下面的解释,结论是,还是用新的构造方法,但想使用就的api,就dataTable.api().row(0).remove();类似这样的使用。jQuery dataTable的初始化有两种方式:[html] view plain copyvar dataTab原创 2017-12-27 14:24:41 · 4563 阅读 · 0 评论