获取视频时长

1
2
3
4
5
6
7
8
9
10
11

getVideoDuration(file: File) {
  return new Promise(resolve => {
    const fileurl = URL.createObjectURL(file);
    const audioElement: HTMLAudioElement = new Audio(fileurl);
    let eventListener: any;
    eventListener = audioElement.addEventListener('loadedmetadata', () => {
      resolve(audioElement.duration);
      audioElement.removeEventListener('loadedmetadata', eventListener);
    });
  });
}

变量声明提升

1、变量定义

可以使用var定义变量，变量如果没有赋值，那变量的初始值为undefined。

2、变量作用域

变量作用域指变量起作用的范围。变量分为全局变量和局部变量。全局变量在全局都拥有定义；而局部变量只能在函数内有效。
在函数体内，同名的局部变量或者参数的优先级会高于全局变量。也就是说，如果函数内存在和全局变量同名的局部变量或者参数，那么全局变量将会被局部变量覆盖。
所有不使用var定义的变量都视为全局变量

闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。

一、变量的作用域

要理解闭包，首先必须理解Javascript特殊的变量作用域。

变量的作用域无非就是两种：全局变量和局部变量。

Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。

【本文章系转载】

最开始想要直观的理解请直接参考阮一峰老师博客关于继承的讲解：http://www.ruanyifeng.com/blog/2011/06/designing_ideas_of_inheritance_mechanism_in_javascript.html

原型对象

javascript语言是一种面向对象的语言，它没有”子类”和”父类”的概念，里面所有的数据类型都是对象，如何将这些对象联系起来呢？

Brendan Eich在考虑设计继承机制的时候，参考了C++和JAVA使用new命令，通过调用类的构造函数生成实例的方式，将new命令引入javascript。

C++的写法是：

1

ClassName *object = new ClassName(param);

前言

JavaScript绝对是最火的编程语言之一，一直具有很大的用户群，随着在服务端的使用（NodeJs），更是爆发了极强的生命力。编程语言分为编译型语言和解释型语言两类，编译型语言在执行之前要先进行完全编译，而解释型语言一边编译一边执行，很明显解释型语言的执行速度是慢于编译型语言的，而JavaScript就是一种解释型脚本语言，支持动态类型、弱类型、基于原型的语言，内置支持类型。鉴于JavaScript都是在前端执行，而且需要及时响应用户，这就要求JavaScript可以快速的解析及执行。

随着Web相关技术的发展，JavaScript所要承担的工作也越来越多，早就超越了“表单验证”的范畴，这就更需要快速的解析和执行JavaScript脚本。V8引擎就是为解决这一问题而生，在node中也是采用该引擎来解析JavaScript。

V8是如何使得JavaScript性能有大幅提升的呢？通过对一些书籍和文章的学习，梳理了V8的相关内容，本文将带你认识 V8。

传统网站访问方式

由于互联网的飞速发展，越来越多的人开始使用并依赖网络，那在膨胀的用户群的现行的网络负载能力就形成了矛盾，人们开始希望网络更加的快速，而不是在无休止的等待中上网。这样CDN就得到了飞速的发展，那么问题就来了，CDN是如何来解决这个问题的呢?

传统的网站访问过程为:

• 用户在浏览器中输入要访问的域名;
• 浏览器向域名解析服务器发出解析请求，获得此域名对应的IP 地址;
• 浏览器利用所得到的IP 地址，向该IP对应的服务器发出访问请求;
• 服务器对此响应，将数据回传至用户浏览器端显示出来。

• 你最大的优点和缺点
• 你是否接受加班？
• 你对薪资有什么要求吗？
• 在五年的时间内，你的职业规划？
• 我们为什么要聘用你？
• 你对于我们公司了解多少？
• 你为什么愿意到我们公司？
• 与上级意见不一致，如何处理？
• 你缺乏工作经验，如何能胜任这份工作？
• 工作中与同事发生争执，你会怎么处理？

开发中，我们或多或少地接触了设计模式，但是很多时候不知道自己使用了哪种设计模式或者说该使用何种设计模式。本文意在梳理常见设计模式的特点，从而对它们有比较清晰的认知。

JavaScript 中常见设计模式

垃圾回收

JavaScript 中的内存管理是自动执行的，而且是不可见的。我们创建基本类型、对象、函数……所有这些都需要内存。

当不再需要某样东西时会发生什么? JavaScript 引擎是如何发现并清理它?

可达性

JavaScript 中内存管理的主要概念是可达性。

在md中你需要某个字符或标签不被编译的话在前面加上\斜杠
MarkDown在线编辑器
MaHua 在线markdown编辑器
Cmd Markdown 编辑阅读器 - 作业部落出品

标题

1
2
3
4
5

# h1
## h2
### h3
....
###### h6