分类 前端 下的文章

Notification 桌面通知


前几天,我们做了个小项目,然后去答辩。老师说能不能在Web端加一个通知信息的东西,比方说,我上传了新的文件上去,你们就能及时收到通知,知道班里有人上传新的文件了。我就想起facebook的桌面通知,所以就尝试着写起了demo

Notification 是什么?

简单的说就是浏览器上的桌面通知。如下图:

Notification就长这样!


setTimeout笔记


setTimeout()是什么?

嗯,它是一个定时器。我最基础的了解是这样的,就是我们设置一个时间,等这个时间到了,就执行一个函数或者一段代码。

Syntax 语法

//  必要参数 function,可选参数 时间,形参
var timeoutID = scope.setTimeout(function[, delay, param1, param2, ...]);
//  必要参数 function,可选参数 时间
var timeoutID = scope.setTimeout(function[, delay]);
//  必要参数 code代码段,可选参数 时间
var timeoutID = scope.setTimeout(code[, delay]);


Web前端热更新


热更新是什么?

简单来说,热更新一般是指手机里的app有小规模更新,以直接打补丁的形式更新。
相对应的,另一种更新方式就是下载新的安装包,重新安装。
所以热更新在手游里头是比较常见的,毕竟游戏应用个个都几百兆起步。

那Web前端有热更新?

按上面那个说法,Web应该是不存在热更新的。
因为网页的架构是B/S,即 浏览器+服务器 , 它不像手机app一样是 C/S 客户端+服务器
所以在网页这一块是无法推送补丁让浏览器去更新的。

那为什么我搜前端热更新有好多文章在讲?

网上大多数前端热更新讲的都是热加载 hot-loader 或者是模块热更替 HMR


ES6之let声明


  • let 的「创建」过程被提升了,但是初始化没有提升,不允许重复声明。
  • var 的「创建」和「初始化」都被提升了。
  • TDZ 暂时死区,就是不能在初始化之前,使用变量。
let x = 'global'
{
  console.log(x) // Uncaught ReferenceError: x is not defined
  let x = 1
}

console.log(x)报错了,说x没有被定义,说明x指向的是let x = 1声明的x,而不是块代码外的x变量
这就说明了let x = 1声明提升了,你觉得代码应该是这样的:

let x = 'global'
{
  let x
  console.log(x) // Uncaught ReferenceError: x is not defined
  x = 1
}


js截取文件名不带后缀


利用正则表达式是匹配后缀名

一般文件后缀都为.xxx,也就是说从尾部匹配的话首先是字母,接着应该有一个.
那么我们就开始写正则表达式
利用在线工具 方便我们编写边测试
一般都是小写字母,所以我们用[a-z],个数一个是1到无限{1,},然后从尾部匹配开始$
所以我们从后面匹配一串字母的正则表达式长这样[a-z]{0,}

测试一下