- 博客(50)
- 收藏
- 关注
原创 【腾讯云新知实验室】一站式提供视频解决方案
在线上线下一体化、虚拟现实加速融合的趋势下,音视频已经演进成一种基本能力,深刻变革了社会的交互方式。未来,音视频作为全真互联时代的重要基石,将持续推动互联网和实体产业的数字化创新与升级。腾讯云实时音视频TRTC基于腾讯20多年在音视频技术上的深度积累,主打低延时互动直播和多人音视频两大解决方案,致力于帮助全球开发者快速搭建低成本、低延时、高品质的音视频互动解决方案。作为一名新手程序员,能在偶然的机会接触到如此优秀的SDK并能上手体验,我觉得是一件非常幸运的事情。下面让我们来一起了解一下产品吧!
2022-11-26 21:56:38 12796 1
原创 【Vue】监视属性 Watch
1、当被监视的属性变化时,回调函数自动调用,进行相关的操作。2、监视的属性必须存在,才能被监视。3、监视属性的两种写法: (1)、new Vue时传入watch配置 (2)、通过vm.$watch监视例: 1、Vue中的watch默认不监测对象内部值的改变(一层)2、配置deep:true可以监测对象内部值的改变(多层)1、Vue自身可以监测对象内部值的改变,但Vue提供的Watch默认不可以。2、使用watch时根据数据的具体结构,决定是否采用深度监视。...
2022-07-11 11:53:58 348
原创 【Vue】计算属性 Computed
要用的属性不存在,要通过已有的属性计算得来。底层借助了Object.defineproperty方法提供的getter和setter方法。与methods实现相比,内部有缓存机制(提高复用性),效率更高,调试更方便。1、计算属性最终会出现在Vue实例上,直接读取使用即可。2、如果计算属性要被修改,那必须写set函数去响应修改,且set中要引起计算时依赖的数据发生改变。...
2022-07-11 11:22:24 310
原创 【Vue】键盘事件
别名可用来限制键盘事件(keydown、keyup),只有按下键的是与别名一致时才会去执行所绑定的事件。 对于这一类按键,可以使用按键原始的key值去绑定,但还是要注意转为短横线命名。所谓key值就是由event.key获得的值。特别要注意的是如果key值是单个字母或单词直接使用key值就可以了,但是如果由多个单词组成如大小写切换键就为两个单词的结合,这个时候就要把key值进行改动,使用短横线命名法则将CapsLock-->caps-lock就可以使用了。系统修饰键的用法较为特殊,包括:Ctrl、Alt、S
2022-07-11 10:54:49 645
原创 【Vue】事件修饰符
Vue中包含6个事件修饰符,其中三个的使用频率很高,另外三个作为了解即可。例:点击链接会跳转页面,阻止默认即阻止页面跳转。方法一:在showInfo方法中传入参数e,使用e.preventDefault() 例:方法一:在showInfo方法中传入参数e,使用e.preventPropagation() 例:使button按钮点击一次后不再响应 例: 若不使用事件捕获,事件会在冒泡阶段处理数据,输出结果为2,1。在外层div(box1)的点击事件中使用capture修饰符,使事件在捕
2022-07-11 10:21:15 849
原创 【Vue】MVVM模型
Vue的设计受到了MVVM影响,在一定程度上参考了MVVM模型。在MVVM架构下,View和Model之间是没有直接的联系,而是通过ViewModel来进行交互,Model和ViewModel之间的交互是双向的,因此View数据变化会同步到Model中,而Model的数据也会同步到View上。ViewModel通过双向数据绑定,把View层和Model层连接起来,而View和Model之间的同步工作是完全自动的,不需要人为干涉,因此开发者只需要关注业务逻辑,不需要动手操作Dom,不需要关注数据状态的同步问题
2022-07-11 09:30:35 749
原创 【Vue】模板语法
Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML,所以能被遵循规范的浏览器和 HTML 解析器解析。在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。如果你熟悉虚拟 DOM 并且偏爱 JavaScript 的原始力量,你也可以不用模板,直接写渲染 (render) 函数,使用可选的 JSX 语法。
2022-07-09 16:21:09 135
原创 【Vue】初识Vue
什么是Vue?Vue 是一套用于构建用户界面的渐进式框架。Vue的特点采用组件化模式,提高代码的复用率,且让代码更好维护。声明式编码,让编码人员无需直接操作DOM,提高开发效率。使用虚拟DOM&优秀的Diff算法,尽量复用DOM节点。...
2022-07-09 15:36:21 251
原创 【Node】第三方模块&自定义模块
npm是安装Node时自动安装的一个模块,可以使用npm下载别人写好的模块。完成后,文件夹中会出现几个新文件: 第三方模块的寻找规律:自动从node-module文件夹向上寻找。figlet可以将英文美化,但是美化不了中文。 Node Package Manager,意为Node包管理工具。一般的使用场景为:允许用户从NPM服务器下载别人编写的第三方包到本地使用、允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用、允许用户将自己编写的包或命令行工具上传到NPM服务器供别人使用。NPM的
2022-06-25 18:35:31 662
原创 【Node】核心模块
Node的使用过程中需要很多核心模块的引入:有了这些模块,能更好的让我们体验Node的使用。模块中的操作包括了异步操作和同步操作2.写文件,会把原文件内容覆盖掉3.追加内容,在文档后直接加上新内容4.拷贝操作,把ok的内容拷贝进yes 会覆盖原内容 对大文件进行流操作1.读取流2.写入流执行路径会影响结果,不建议使用相对路径,建议使用绝对路径url模块 http模块 IP地址每一台计算机在互联网的
2022-06-23 20:22:03 241
原创 【Node】开篇
使用node运行后端代码前,需要在电脑上安装Node.js,下载网站:Node.js 中文网 (nodejs.cn)打开终端,输入node -v(注意空格),查看下载的node的版本号,如果没有显示说明没有安装成功。
2022-06-22 21:36:28 162
原创 【JS】ES6-模块化(module)
将若干份小的js文件合并在一起,其表现形式为js中引入其他的js文件,作用是简化html结构,增加代码的独立性与复用性,小的js文件需要暴露内容,总的js文件需要引入模块。2、通过解构赋值引入 不能直接通过default获取,需要起个别名来使用 3、简介表示(最常用的引入方法)但是通过实践发现,module1.js和module2.js使用简洁表示会报错,但module3.js不会。因为简洁表示是只针对于默认暴露的方式使用的。 2、集中式暴露3、默认暴露(最
2022-06-22 19:45:24 526
原创 【JS】ES6-Class
在 ES6 规范中,引入了class的概念。使得 JS 开发者终于告别了,直接使用原型对象模仿面向对象中的类和类继承时代。但是JS 中并没有一个真正的class原始类型,class仅仅只是对原型对象运用语法糖。所以,只有理解如何使用原型对象实现类和类继承,才能真正地用好class。class实际上还是一个构造函数。 可以看到是将toString方法写到了原型中,再调用。class中,带有static前缀的属于静态属性或静态方法,没有的属于实例方法。子类中出现与父类中同名的方法,会重写继承
2022-06-20 16:37:27 332
原创 【JS】ES6-Promise
Promise 是异步编程的一种解决方案: 从语法上讲,promise是一个对象,从它可以获取异步操作的消息;从本意上讲,它是承诺,承诺它过一段时间会给你一个结果。 promise有三种状态:pending(等待态),fulfiled(成功态),rejected(失败态);状态一旦改变,就不会再变。创造promise实例后,它会立即执行。promise是用来解决两个问题的:回调地狱,代码难以维护, 常常第一个的函数的输出是第二个函数的输入这种现象,提高代码的可读性。promise可以支持多个并发的请求,获取
2022-06-20 11:52:52 506
原创 【JS】ES6-对象新增
2、Object.is()方法,相当于全等但是有区别 所有对象都会合并到obj1,如果是相同的属性,后边的对象的属性值会对前边进行覆盖。
2022-06-18 17:01:55 445
原创 【JS】ES6-数组新增
ES5的数组方法:一维数组方法一览ES6弥补了ES5的一些不足,为用户提供了更多的数组方法,以简便用户的操作。这样的操作只是完成了数组的浅拷贝,当改变arr2中的元素,arr1也会随之改变。那么如何完成数组的深拷贝呢? 其实现的原理是将arr1转行成列表,然后再加上[ ],转换成数组。扩展运算符也可用于合并数组、解构赋值、字符串等,适用于所有的类数组集合,实现了遍历器接口的数据类型。 需注意,Array.of(3) != new Array(3).
2022-06-18 15:42:29 261
原创 【JS】ES6- 函数新增
ES6新增了很多函数相关,下面一起来了解一下:当参数不赋值是,函数得到的结果是NaN,但是给了默认值后,如果不赋值就会按照默认值执行。args参数可代替arguements,arguements是一个类数组对象,args是纯数组。 完成累加函数 arguements的长度最大为255。 ...args输出之后是个纯数组。对于这种返回一句话的函数,可以省略function、花括号{}和return 当函数不止一句时,花括号{}不可省略。当函数有多个参数或没有参数时,(
2022-06-16 21:58:34 708
原创 【JS】ES6开篇
使用let声明与var声明的不同:1、let声明的变量不能重复声明2、let是声明的变量不能变量提升3、块状作用域 (eg. 点击button弹出第对应下标)4、使用let声明的变量不属于顶层对象const用于声明常量1、声明常量用大写(不是规则,但都这样)2、常量不能修改3、块状作用域4、使用const声明的常量也不属于顶层对象...
2022-06-16 14:15:52 127
原创 【AJAX】试论AJAX
使用Ajax技术网页应用能够快速地将增量更新呈现用户界面在上,而不需要重载(刷新)整个页面,这使得程序能够更快地回应用户的操作。
2022-06-15 19:53:48 87
原创 【OOP】面向对象:创建对象
类(class)和对象(object)是两种以计算机为载体的计算机语言的合称。 对象是对客观事物的抽象,类是对对象的抽象。 类是一种抽象的数据类型。 它们的关系是,对象是类的实例,类是对象的模板。通俗一点可以解释为,类是制造商品的模子,对象是按照模子制造出的商品。...
2022-06-05 17:52:01 260 1
原创 【RegExp】正则表达式
什么是正则表达式?正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,这个“规则字符串”用来表达对字符串的一种过滤逻辑。...
2022-05-28 16:24:29 4572
原创 【JS】JSON的简单理解与应用
主要方法总结:JSON.stringify(obj)将引用型数据转成JSON字符串JSON.parse(jsonStr)将JSON字符串解析为对象
2022-05-28 14:54:35 120
原创 【整理】高频前端面试题:存储相关
cookie、localStorage和sessionStorage的区别:1、cookie存储量小受到限制,前后端自动同步2、localStorage存储量大,需要手动删除3、sessionStorage临时存储,关闭浏览器后自动清除如何实现跨页面传值?1、a标签或者location.herf2、存储(cookie、localStorage、sessionStorage)
2022-05-25 21:44:17 270
原创 【整理】DOM操作一览
高频面试题:什么是DOM,DOM做了什么DOM,Document Object Model即文档对象模型。提供了很多对标签进行增删改查的操作。
2022-05-23 20:49:54 458
原创 【整理】高频前端面试题 :JS函数相关
if与switch的区别:if-else是顺序机制,switch是命中机制,但是switch的case后必须跟常量表达式,所以有一定的使用限制。return、continue、break的作用和区别:continue:结束本次操作break:结束循环操作return的作用:1、返回一个值 2、结束函数强数据类型与弱数据类型的区别:(强数据类型语言:C、C++、C#、Objective-C、Java等)(弱数据类型语言:JS、PHP、Python等)强:数据的数据类型在
2022-05-10 14:24:17 353
原创 【整理】高频前端面试题:计算机的存储机制、基本数据类型和引用数据类型的区别、深浅拷贝的不同
计算机的存储机制、基本数据类型和引用数据类型的区别、深浅拷贝的不同
2022-05-08 09:56:49 193
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人