2017年11月_喔喔牛在路上

原创对伪元素::after和::before的理解

随着技术的发展，各种前端库的层出不穷，在追赶新技术的同时，各种秀操作和实现，有时候发现其实那么吊炸天的操作，其实只需要用最简单的基础方式就可以实现，所以，框架用习惯了，就不知道底层是怎么个用法了，我想仅仅做一个代码的搬运工可不是什么好的主意，框架用的再怎么熟也只是照着别人规定好的路子出牌，知其所以然才是我们学技术的核心吧:before和:after在css1中就有了，但是在css3中写法改为了

2017-11-17 23:17:15 3180 2

原创元素垂直居中的几种方法

图例在开发网页的时候经常会碰到使中间元素居中的需求，如果元素都是固定宽高的还好处理一些，但是当我们碰到元素都是需要自适应时，怎么办呢？除了我经常用css3盒模型来做之外，考虑兼容的话，是不是有其他的替代方式呢？我这里根据别人分享的经验做一次系统的整理，让自己也重新学习一遍

2017-11-16 23:20:46 484

原创 sass使用指南

sass和less一样都是预处理器，帮助我们像写js一样来编写css安装SASS是Ruby语言写的，所以我们首先要安装ruby之后我们再cmd中输入 gem install sass 来安装sass 然后我们就可以愉快的使用了，其文件名后缀是.scss在我自己的项目里借助了gulp-sass来编译sass

2017-11-16 13:34:32 638 1

原创 git 远程仓库和本地仓库建立连接

开发项目的时候会遇到本地有一个现成的项目，我需要关联到GitHub上某一个远程仓库，这个时候我们应该如何操作呢？首先我们在GitHub上创建一个新的仓库新建远程仓库特别注意，当我们勾选Initialize this ....这个选项时，在关联本地仓库时需要首先执行git pull 不然会导致错误然后找到我们本地项目的目录本地项目利用git任务管理器进入当前的

2017-11-15 22:44:16 22325

原创小程序入门体验

小程序不是一个封装好的html也不是一个简单的网页，它是基于微信进行二次渲染和编译的应用，我们开发好的小程序打包放在微信的服务器上，每次我们使用小程序，需要从微信服务器上下载下来，里面还会涉及第三方接口，也要访问第三方服务器

2017-11-15 10:38:18 394

原创 gulp在工作中的应用

写博客有什么用？我想应该就是记录下自己曾经学过的东西gulp 前端项目构建工具，用来处理css，js，图片压缩等，编译less和scss以及coffeeScript等，用来提高开发效率。gulp是基于NodeJs而NodeJs又是基于CommonJs的，所以我们要向使用gulp需要先安装NodeJs。

2017-11-13 15:06:17 943

原创 git提交代码时遇到代码库有更新以及本地有更新的解决方法

和同事合作开发项目的时候，难免会碰到不是本地做了有修改就是代码库有修改导致push 或者 pull 的时候报错：git push 时发现代码库有更新怎么办?1.copy你现在已经修改后的代码2.git log 查看commit日志，找到最新的commit_id3.版本回退到上次commit的时候，此时你发现本地所做的修改都没有了，不用担心，把刚才备份儿的代码重新copy回来

2017-11-13 10:51:27 10896 5

原创居家生活|装修避免的坑

1. 不要成开放式厨房2. 插座不要装少了，而且插座不要被挡住了3. 不要买根本没用的东西4. 储物空间安排多一些，考虑到以后的小孩儿5. 灯不要装太多，别考虑效果，多了以后也没有用6. 该返工返工，对装修公司不要心软7. 浴缸根本没用，还占地方8. 地板颜色不要太深，因为有一点点灰就很明显9. 主卧要留出婴儿

2017-11-09 20:39:07 261

蜗蜗牛在路上的博客