抽象语法数(AST) -- babel 插件
介绍babel是 Javascript 的编译语法器,确切来说是源码到源码的编译器,通常也叫做“转换编译器(transpiler)。意思是说你为 Babel 提供一些 JavaScript 代码,Babel 更改这些代码,然后返回给你新生成的代码。
抽象语法数(AST)这个处理过程中的每一步都涉及到创建或是操作抽象语法树,亦称 AST。
123function square(n) { return n * n;}
这个程序可以被表示成如下的一棵树:
1234567891011121314151617181920- FunctionDeclaration: - id: - Identifier: - name: square - params [1] - Identifier - name: n - body: - BlockStatement - body [1] - ReturnStatement - argument - BinaryExpressio ...
用 commitizen 规范 git commit 提交说明
前言
Git 作为目前开源社区最为火热的分布式系统版本管理工具,当我们在提交代码之前,都是需要添加 Commit message(提交说明),否则就不允许提交。
1$ git commit -m "hello world"
上面代码的 -m 参数,就是用来指定 commit message的。
如果一行不够,可以只执行 git commit,就会跳出文本编辑器,让你写多行。如
1$ git commit
基本上,你写什么都行。
我们先来看下平时提交的 commmit 日志,只是简单的说明本次提交的信息,如
我们再来看下具有一定规范性的 commit 日志,是不是更加清晰明了,有了一定的规范,对提交类型做了区分。
一般来说,commit message 应该清晰明了,说明本次提交的目的。
目前,社区有多种 Commit message 的写法规范。这种是 Angular 规范,中文。这是目前使用最广的写法,是比较合理和系统化,并且有配套的工具。
作用
提供更多的历史信息,方便快速浏览。
可以过滤某些 commit(比如文档改动),便于快速查找信息。
可以直 ...
通过 Lerna 进行多个软件包的管理
前言
将大型代码仓库分割成多个独立版本化的软件包(package)对于代码共享来说非常有用。但是,如果某些更改 跨越了多个代码仓库的话将变得很 麻烦 并且难以跟踪,并且跨越多个代码仓库的测试将迅速变得非常复杂。为了解决这些(以及许多其它)问题,某些项目会将 代码仓库分割成多个软件包(package),并将每个软件包存放到独立的代码仓库中。
Lerna 是一种工具,针对 使用 git 和 npm 管理多软件包代码仓库的工作流程进行优化。
入门123npm install --global lerna // 全局安装 lernagit init hfs-lerna-test && cd hfs-lerna-test // 创建文件夹, hfs-lerna-test 仅代表当前例子文件夹名lerna init // 初始化一个lerna项目结构,如果希望各个包使用单独版本号可以加 -i | --independent
你的代码仓库目前应该是如下结构:
1234- ...
静态网站托管服务
前言
上篇文章 介绍了在我们不注册域名、以及购买云服务器的基础上,利用现有的免费的云厂商托管平台搭建个人网站。并以 Hexo + Github Pages 为例,实现了个人博客的快速搭建和部署。
接下来分享其他常见的几种静态网站托管服务。
云产品Serverless 云产品
通过无服务器计算,将前端静态资源快速部署到云厂商提供的云平台进行托管,配置默认生成的域名,快速生成站点。需按量付费。经测验实际费用甚微,或无。
腾讯 Cloudbase
微信 云托管
阿里云 Devs
Github Pages
Github Pages 是 GitHub 提供的一个网页托管服务,于 2008 年推出。可以用于存放静态网页,包括博客、项目文档甚至整本书。
优点
Github 的东家是微软,Git 管理全部代码,永远不用担心文字丢失或者复原问题;
百度无法爬取存在 Github 上的网站内容;
自带域名可 https 访问,如 https://<你的 GitHub 用户名>.github.io
支持自定义域名
缺点
无法给自定义域名配置 SSL 证书
墙内访问速度缓慢
流量 ...
如何通过 Hexo + Github Page 快速搭建个人博客
技术选型
在传统认知里,搭建个人静态网站我们需要:
注册域名
购买云服务器
域名备案
构建静态网页
部署前端静态资源
DNS 解析
上诉方案作为技术小白或者初学者来说,上手较难,时间、金钱成本花费较大,不推荐。我们探讨的是如何在低成本的基础上,利用市面上现有的成熟的博客框架,搭建属于我们自己的个人博客。
前端框架
为了帮助开发者快速搭建所需的网站,这里提供的几种目前市面上比较火的博客框架,可以帮助我们快速的生成所需的静态网页。
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。 Hexo 的主题样式也有很多好看的,而且 github 都有 star 上万的。
Wordpress 是使用 PHP 语言开发的博客平台,用户可以在支持 PHP 和 MySQL 数据库的服务器上架设属于自己的网站。有着许多第三方开发的免费模板,安装方式简单易用。
Vuepress 由两部分组成:一个以 Vue 驱动的主题系统的简约静态网站生成工具,和一个为编写技术文档而优化的默认主题。它是为了支持 Vu ...
最全最常见的 Git 指令
Git 指令设置用户名与邮箱12git config --global user.name "name<自己的用户名>"git config --global user.email "email<自己的邮箱>"
生成 SSH Key 密匙
cd 到 ~/.ssh 目录下查看是否存在 id_rsa.pub 文件
123$ cd ~/.ssh$ ls id_rsa id_rsa.pub
若不存在,执行
1234ssh-keygen -t rsa -C "emai<自己的邮箱>"// 若涉及权限sudo ssh-keygen -t rsa -C "emai<自己的邮箱>"
执行成功后执行 cat ~/.ssh/id_rsa.pub查看密匙,如下图。
绑定远程仓库12git remote add origin "https://github.com/xxx/xxx.git" // 初次绑定git remote set-url ori ...