image frame

musi's life

serverless给前端带来的技术变革

Serverless Compute是指构建和运行不需要服务器管理的应用程序的概念。它描述了一种更细粒度的部署模型,应用程序捆绑一个或多个function(FaaS),上传到平台,然后执行,伸缩和计费,以响应当前所需的确切需求。 —— 《CNCF Serverless White Paper》

阅读更多...

HTML中的那些事儿

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。HTML是一种基础技术,常与CSS、JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面。网页浏览器可以读取HTML文件,并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。

阅读更多...

大学蒙太奇

转眼已经大学毕业了,回想起三年前那个拿着录取通知书来报道的我,还仿若昨日。算算拿到毕业证已经有两天了,便以这篇文章来记录一下我的大学生活吧,也算是没浪费这三年的光阴。至于名字,借鉴于潘伟洲的年度总结,用蒙太奇手法记录我的大学生活,倒也比较合适。

阅读更多...

理解有限状态机

什么是有限状态机?

有限状态机也叫状态机,是一种编程思想或者说是编程范式。在有限状态机中:

  • 每个状态都是一个机器
    • 在每个机器中,可以做计算、存储或输出等等…
    • 所有的机器接受的输入是一致的
    • 状态机的每一个机器本身没有状态,如果我们用函数表示的话,它应该是纯函数(即不依赖于外部环境,无副作用)
  • 每一个机器都知道下一个状态
    • 每个机器都有确定的下一个状态(Moore)
    • 每个机器根据输入决定下一个状态(Melay)
阅读更多...

也谈Unicode和UTF-8

最近在学习字符集相关的内容,遂以此文进行记录。

Unicode

  1. 起源

    大家都知道计算机起源于美国,而美国人一开始通信用的是ASCII字符,其包含所有大小写字母和常用的英文标点符号,足够美国人使用。后来计算机在其他国家普及,由于语种多样性ASCII字符不再满足需要。于是便有了欧洲的ISO 8859以及中文的GBK编码。但这样就有一个问题,美国的计算机接受到来自中国的电子邮件后无法正常显示内容。为了解决这种各国编码规范不统一的问题,The Unicode Consortium指定了Unicode(也叫国际码)标准。

  2. 编码方式

    当前的Unicode使用16位的编码空间,每个字符占2字节,理论上最多可表示65536个字符。基本满足各种语言的使用。基本多文种平面的字符的编码为U+hhhh,每个h代表一个十六进制的数字。

阅读更多...

使用阿里云代码托管平台托管博客图床

无折腾,不青春

前言

博客的图床在试过QQ空间相册(防盗链),百度网盘(时间限制)之后,发现还是需要一个稳定点的图床比较好。github够稳定但是网速是在不敢恭维,突然想起之前在做wukong-robot-install-script的时候我用用过阿里云的代码托管平台进行仓库加速,使用的时候速度的确挺快的。那能不能使用这个来托管博客的图床呢?

阅读更多...

学习的方法论一:知识溯源法

有一千个读者,就有一千个哈姆雷特

什么是知识溯源法

在学习本方法之前我们先来看看百度百科的定义。

溯源法是一种追究根源的逆向思维方式,也是一种以倒推的方式追寻原因而达到解决问题的工作方式。

我的理解就是对知识的起源做一个探寻。计算机的历史距今也不算太久,第一台图灵完备的电子计算机ENIAC诞生于1946年,所以计算机编程的相关知识大多都是可溯源的。

阅读更多...

使用阿里云oss部署Vue项目

前言

为什么要用oss部署vue项目?使用oss部署前端项目可以利用oss的带宽以及cdn的加速来减少前端资源的加载速度。特别是当服务器的带宽小的情况下就显得更为重要,另外也可以使用oss配置免备案的域名。

配置

  1. 登陆阿里云控制台—>对象存储oss—>创建Bucket(设置区域把读写权限改为公共读就好了)
  2. 选中Bucket后点击基础设置—>静态页面—>设置默认首页为index.html—>完成后保存
  3. oss暂不支持vue的history路由,所以必须使用hash的路由,虽然可能不太美观,但由于我做的是微信H5页面所以基本上也看不到路由,也就不在意这些。

后续

目前使用的是手动上传的方式,后期可能会加上git hook 和 oss sdk来完成持续集成部分的东西,刚好我的毕设和这个相关可以花点时间研究一下。

JS中的事件机制

1. ECMA的标准事件流

ECMAScript的标准事件流共分为三个阶段: 事件捕获阶段处于目标阶段事件冒泡阶段

以下是一个简单的例子:

1
2
3
4
5
6
7
8
<!DOCTYPE HTML>
<html>
<body>
<div>
<button>click</button>
</div>
</body>
</html>
阅读更多...

JS的防抖和节流

JS的防抖和节流

前几天在面试的过程中有被问到在监听input输入事件向后台传递数据的时候要怎么优化,由于之前并没有关注性能这一块儿的问题(之前在学redis的时候有了解过使用redis做cache)于是就胡乱答了使用缓存。然后面试官前辈就提示我可以使用JS中的防抖(PS:面试全程非常nice,有回答不对的地方面试官都给我做了指正,感觉就像是在和前辈讨论技术问题),之后我也有查阅相关资料,今天我们就来讨论一下防抖和节流

阅读更多...

HTTP协议补充

上次我们对HTTP协议已经有了初步的了解,今天我们就来继续学习一下HTTP协议

  1. HTTP协议格式

    HTTP协议的格式大致可划分成一下几个部分

    • Request
      • Request line
        • method
        • path
        • Version
      • head
      • body
    • Response

代码里的后悔药——Git

代码里的后悔药—Git

1. 什么是Git

git是版本管理工具的一种,常见的版本管理工具还有CVSSVN等等。Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件

2. 为什么要用Git

  • 分布式版本管理工具,容灾性较强
  • 强大的分支和合并功能
  • 支持多人协同开发 阅读更多...

HTTP协议初探

HTTP协议初探

  • 介绍

    HTTP(Hyper Text Transfer Protocol)即超文本传输协议,它的发展是万维网协会(World Wide Web Consortium)和Internet小组IETF(Internet Engineering Task Force)合作的结果,最终发布了一系列的RFC。RFC 1945定义了HTTP/1.0版本,其中最著名的就是RFC 2616,其定义了普遍使用的一个版本——HTTP 1.1

    HTTP协议是用于从www服务器传输超文本到本地浏览器的传送协议。它可以使浏览器更加高效,使网络传输减少。它不仅保证计算机正确快速地传输超文本,还确定传输文档中的哪一部分,以及哪部分内容首先显示等。

    HTTP是一个应用层协议,由请求和相应构成,是一个标准的C/S(客户端/服务器)模型。HTTP是一个无状态的协议

    阅读更多...
  • © 2019-2021 musi

请我喝杯咖啡吧~

支付宝
微信