我最爱的11款谷歌插件

作为前端程序员，日常太多时间花在浏览器上了，把它用到极致吧！

Chrome绝不仅仅是一个浏览器，它众多的插件真的非常强大！上个月看了一篇介绍谷歌插件的文章后，我意识到自己错过了太多，便特意花了两周时间，搜罗插件商店，找到了最适合自己的工具，真是太好用了！

Redux tutorial

Tutorial 0 - introduction

Why this tutorial?
While trying to learn Redux, I realized that I had accumulated incorrect knowledge about flux through
articles I read and personal experience. I don’t mean that articles about flux are not well written
but I just didn’t grasp concepts correctly. In the end, I was just applying documentation of different
flux frameworks (Reflux, Flummox, FB Flux) and trying to make them match with the theoretical concept I read
about (actions / actions creators, store, dispatcher, etc).

SVG 基础知识（一） - SVG 视口

SVG 是可缩放矢量图形（Scalable Vector Graphics, SVG），一种用来描述二维矢量图形的 XML 标记语言。SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失。SVG是万维网联盟的标准，与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体。

VUE学习笔记

5月28日换了新工作，直到现在才差不多适应过来。有两个多月没更新博客了，我几乎忘了怎样用Hexo发布新文章了😓。六七月大概是在学VUE的课程，在语雀做的学习笔记。为什么选择在语雀做笔记呢？因为屏幕截图可以直接粘贴，结构导航体验很好。以下是我做的VUE笔记：

基于jQuery开发一个图片懒加载插件

图片懒加载（LazyLoad）一直是前端的优化方案之一。

其核心思想是：先将img标签中的src链接设为同一张图片，真正的图片地址存储在img标签的自定义属性中。当js监听到该图片元素进入可视窗口时，将自定义属性中的地址存储到src属性中。

CSS块元素垂直居中的5种方法

CSS垂直居中是工作中经常遇到的问题，也是前端面试常问问题。

总体来说，CSS块元素垂直居中分为两种情况：子元素宽高固定或不固定。
子元素宽高固定比较简单，结合padding或margin设置居中即可。子元素宽高不固定也有办法，总结起来大概有设置绝对定位、设置显示方式为flex或table-cell。
垂直居中DEMO

jQuery源码分析：extend对象扩展函数

jQuery.extend() 函数用于将一个或多个对象的内容合并到target目标对象。如果多个对象具有相同的属性，则后者会覆盖前者的属性值。

jQuery源码分析：无new构造实例及共享原型对象设计

立即执行函数常用于第三方库，好处在于隔离作用域。作用域隔离非常重要，是一个JS框架必须支持的功能。任何一个第三方库都会存在大量的变量和函数，为了避免变量污染（命名冲突），开发者们想到的解决办法就是使用立即执行函数。

重新认识Javascript对象

最近参加了高级前端的培训，虽然是线上课程，但跟着大佬学习真的是事半功倍。课程中出现很多我听不懂的技术词语，比如“属性描述对象”，比如一些没见过的JS内置方法等等。通过课后查资料补习，我发现自己真的是……基础太差了😓😓😓！

Less递归批量生成原子样式（Atomic style）

什么是原子样式？

原子样式指的是定义一些常用的基本样式，在标签里通过组合CLASS引用。

初识属性描述对象——元属性

假设有一个对象：

1
2
3

var obj = {
  name:"Book"
}

关于这个对象的属性name，我们提出以下问题：

它的值是什么？
它的值是否可以修改？
它是否可以被 for..in 循环或者 Object.keys() 遍历？
它是否可以被删除？

git config配置用户

用户配置

1 2	git config --global user.name "name" git config --global user.email 123@xxx.com

配置级别

--local [默认]：优先级高，只影响本仓库

--global [中优先级]：影响到所有当前用户的git仓库

--system [低优先级]：影响到全系统的git仓库

用HTML+CSS画一朵向日葵

某日深夜，一时兴起，想用CSS画画，撸了两三个小时，才有了这一幅向日葵，可以说是我的处女作了。

使用“git add .”命令提交代码后仍报错：“Changes not staged for commit”

github仓库，本地删除了文件，使用 git add . 命令提交代码后仍报错：

简单记录Hexo搭建GitHub博客的步骤

简单记录下Hexo搭建GitHub博客的步骤：

（nodejs、git安装的前提下）

1、Github新建账号同名Repo，设置Repository name为：账号名.github.io

2、创建Hexo分支并设为默认分支，用来存放网站的原始文件、备份，master分支用来存放生成的静态网页

Hello World

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1	$ hexo new "My New Post"

More info: Writing

Run server

1	$ hexo server

More info: Server

Generate static files

1	$ hexo generate

More info: Generating

Deploy to remote sites

1	$ hexo deploy

More info: Deployment

Macshion's blog