0%

vue中mixins的使用方法和注意点

概念

混入 (mixins): 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。

阅读全文 »

git 常用指令

git clone 命令

$ git clone https://github.com/libgit2/libgit2

这会在当前目录下创建一个名为 “libgit2” 的目录,并在这个目录下初始化一个 .git 文件夹, 从远程仓库拉取下所有数据放入 .git 文件夹,然后从中读取最新版本的文件的拷贝。 如果你进入到这个新建的 libgit2 文件夹,你会发现所有的项目文件已经在里面了,准备就绪等待后续的开发和使用。

如果你想在克隆远程仓库的时候,自定义本地仓库的名字,你可以通过额外的参数指定新的目录名:

$ git clone https://github.com/libgit2/libgit2 mylibgit

这会执行与上一条命令相同的操作,但目标目录名变为了 mylibgit。

阅读全文 »

git的传输协议

协议

Git 可以使用四种主要的协议来传输数据:本地传输,SSH 协议,Git 协议和 HTTP 协议。下面分别介绍一下哪些情形应该使用(或避免使用)这些协议。

值得注意的是,除了 HTTP 协议外,其他所有协议都要求在服务器端安装并运行 Git。

阅读全文 »

使用git分支管理hexo博客源码

背景

使用hexo写博客的流程通常是:

  1. 通过hexo new post_name命令,会自动在source/_post目录下生成一个待写的post_name.md文件;
  2. 编写完该md文件后,用hexo generate编译生成对应的HTML文件;
  3. 发布之前,可以用hexo s本地预览,然后通过hexo deploy发布到远程仓库的master分支,然后你的个人站点就能看到刚才新加的文章了。

然而,远程仓库只会保存hexo发布后的静态HTML文件,博客md源文件、主题配置等还在本地,一旦电脑磁盘坏了或者换了电脑,就无法在之前仓库的基础上继续写博客。

阅读全文 »

reflow(回流)和repaint(重绘)

render tree

DOM Tree 和样式结构体组合后构建render tree

回流(reflow)

  1. 当render tree中的一部分(或全部)因为元素的规模尺寸,布局,隐藏等改变而需要重新构建。这就称为回流(reflow);
  2. 每个页面至少需要一次回流,就是在页面第一次加载的时候,这时候是一定会发生回流的,因为要构建render tree。
阅读全文 »

常见单位:px、em、rem、vw、vh及之前区别,使用

px

px:绝对单位,页面按精确像素展示

em

em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算(浏览器默认字体是16px),整个页面内1em不是一个固定的值。

阅读全文 »

BFC相关概念

一个块格式化上下文(block formatting context)是Web页面的可视化CSS渲染的一部分。用于决定块盒子的布局及浮动相互影响范围的一个区域。

阅读全文 »

Event Loop

概念

Event Loop是一个程序结构,用于等待和发送消息和事件。

简单说,就是在程序中设置两个线程:一个负责程序本身的运行,称为”主线程”;另一个负责主线程与其他进程(主要是各种I/O操作)的通信,被称为”Event Loop线程”(可以译为”消息线程”)。

阅读全文 »