自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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-Set

set(集合)是一种新的数据结构,其特点是数据成员唯一,类似于数组,但是没有索引。

2022-06-20 10:31:52 406

原创 【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-模板字符串

可用于批量生成标签,使用时直接引入变量或表达式,很方便。

2022-06-16 17:23:37 179

原创 【JS】ES6-解构赋值

解构赋值的应用:交换两个变量的值

2022-06-16 16:24:18 320

原创 【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】浅析原型与原型链

原型与原型链

2022-06-14 22:08:10 104

原创 【OOP】面向对象:创建对象

类(class)和对象(object)是两种以计算机为载体的计算机语言的合称。 对象是对客观事物的抽象,类是对对象的抽象。 类是一种抽象的数据类型。 它们的关系是,对象是类的实例,类是对象的模板。通俗一点可以解释为,类是制造商品的模子,对象是按照模子制造出的商品。...

2022-06-05 17:52:01 260 1

原创 【OOP】面向对象简述

面向对象的三大特点封装、继承和多态。

2022-06-05 17:25:22 207

原创 【JS】一维数组方法大全

数组方法一览

2022-05-29 17:52:16 1140

原创 【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

原创 【整理】JS函数实现碰撞检测

当r2 < l1 、r1 < l2 、b2 < t1、b1 < t2时,两方块不会碰撞。

2022-05-26 11:49:55 1535 1

原创 【整理】高频前端面试题:存储相关

cookie、localStorage和sessionStorage的区别:1、cookie存储量小受到限制,前后端自动同步2、localStorage存储量大,需要手动删除3、sessionStorage临时存储,关闭浏览器后自动清除如何实现跨页面传值?1、a标签或者location.herf2、存储(cookie、localStorage、sessionStorage)

2022-05-25 21:44:17 270

转载 【转载】javascript冒泡事件的意义及如何阻止冒泡事件

事件冒泡

2022-05-25 20:20:51 420

原创 【整理】DOM操作一览

高频面试题:什么是DOM,DOM做了什么DOM,Document Object Model即文档对象模型。提供了很多对标签进行增删改查的操作。

2022-05-23 20:49:54 458

原创 【EVENT】键盘事件:键盘控制元素移动

键盘事件实现控制元素移动

2022-05-22 11:01:33 346

原创 【JS】超简单轮播图,轻松get京东首页同款轮播图效果

js实现京东首页轮播图

2022-05-17 14:03:49 562

原创 【JS】实现手风琴效果

js实现手风琴效果

2022-05-16 17:18:52 419

原创 【JS】实现书籍名称搜索

js实现书籍名称搜索

2022-05-13 14:23:26 338

原创 【JS】入门操作:电子时钟

js代码实现电子时钟

2022-05-12 21:02:46 175

原创 【整理】高频前端面试题:反转字符串并判断回文

js实现反转字符串并判断回文

2022-05-11 21:29:57 321

原创 【整理】高频前端面试题 :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关注的人

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