蜗蜗牛在路上的博客

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

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

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

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

原创 sass使用指南

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

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

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

原创 小程序入门体验

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

原创 gulp在工作中的应用

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

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

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

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

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

转载 [dataTables使用的坑]dataTables和angular的结合

转别人的文章，这是链接，可以查看

原创 [dataTables使用的坑]requested unknown parameter 'XXX' for row xx, column xx

遇到的问题截图如下：提示需要到此链接查看问题，奈何英语不行理解起来有一定困难，不过有人遇到过同样的问题解决方式，通过他的介绍我自己的解决方式如下：

原创 echart视觉引导线的长度调节labelLine

此问题的解决方法：点击打开链接

转载 echart--axisLabel中值太长不自动换行

此问题有很好的解决方法点击打开链接

原创 echart2文档（简单明白）

文档入口（这个比echart3的文档看得明白）

转载 echart各种显示数据的格式化

详情请看本链接：点击打开链接

转载 刻度如果数据比较大的情况下会溢出

这种数据显示不全怎么办？更改grid:{left:'20%'}处理数量级点击打开链接

转载 datepicker的具体用法

详细的配置项配置中文封装一个配置项

转载 localStorage储存如何正确存储对象

点击打开链接

转载 sessionStorage和localStorage

http://www.zhangxinxu.com/wordpress/2011/09/html5-localstorage%E6%9C%AC%E5%9C%B0%E5%AD%98%E5%82%A8%E5%AE%9E%E9%99%85%E5%BA%94%E7%94%A8%E4%B8%BE%E4%BE%8B/

转载 ng-if的使用

报警类型排序{{obj.Description}}{{obj.Value}}

转载 $timeout、$interval和$watch用法

http://www.tuicool.com/articles/ZveUFfhttp://www.cnblogs.com/ys-ys/p/4986867.html

转载 angular ng-show中表达式的写法

http://blog.youkuaiyun.com/aitangyong/article/details/44701769

转载 angular页面间传递参数

http://www.cnblogs.com/jager/p/5293225.html

转载 ionic加载动画

http://blog.youkuaiyun.com/u011127019/article/details/54971438http://blog.youkuaiyun.com/xuexiiphone/article/details/52168679

转载 angular中$cacheFactory用法（缓存）

http://www.jb51.net/article/90813.htm（Angular中$cacheFactory的作用和用法实例详解）http://www.html-js.com/article/1828

原创 angularJS入门与进阶（笔记1）

本书在上海图书馆看过，书中有大量的例子觉得讲的浅显易懂，有时间了继续去阅读以下！

转载 echart表格颜色设置

http://www.cnblogs.com/kang543418095/p/5964397.html

原创 JavaScript编程精解（笔记1）

原创 JavaScript程序设计（笔记1）

原创 git工作区、暂存区和版本库之间联系

三者之间的联系，我本人结合网上的一些经验总结如下，如图1所示：图 1我们打开 项目文件夹，整个项目就是我们的工作区（如图2所示）：图 2版本库在哪里呢?就是这个".git"（如图3所示）:图 3打开".git"文件夹之后（如图4所示）：图 4图中画圈的的两个，一个index对应的是暂存区的目录树，包含了文件名和文件

原创 git配置用户名和邮箱

git用户名和邮箱的配置

原创 前端文件包管理器--bower的使用

这个一个关于bower使用的教程，也算是自己的笔记吧

原创 angularJS数据绑定实践1

这是一个简单的angularJS教程

原创 css编写规范

前言：编码规范在前端工作中应该注意的问题，今天我就总结一下在我的工作中css编码所出现的不规范行为以及解决方式

原创 git提交代码到远程仓库遇到的问题并且关于ssh密钥的研究

我们新建的远程仓库是空的要把在我们自己电脑上新建的项目上传到远程仓库里，在这个过程总会出现的问题以及解决方式如下：步骤：输入$ git remote add origin git@github.com:darenone/test.git（远程仓库的地址）出现了如下问题：解决方式如下：先输入命令：$ git remote rm origin（用于删除远程主机）

转载 用jQuery实现三级下拉菜单

这篇文章是我借鉴别人文章的基础，自己练了一遍并加了一些自己的想法进去，现总结如下：咱们先看一下设计图：1,2,3是主菜单，点击1的时候出现1-1,1-2,1-3再次点击 1-2的时候出现1-2-1,1-2-......功能以此类推这就是功能展示，那么我们如何通过jQuery来实现呢？思路：先用ul列表来布局，并且刚开始的时候下拉菜单都是隐藏状态的显然有用到一个关键的

原创 ionic路由理解

前言最近公司在开发一款mobile产品，主管拍脑袋定下来要用ionic+angular开发，我能说我是刚来公司么？算上上个月公司忙于宝马展，我一个前端小哥干了一个月现场苦力，端茶倒水布置展台，带着黄色的安全帽出入现场，不知道的还以为我是一包工头呢?恩，扯淡的话咱就不提了，说实话拿到这个项目，一头雾水不说，但是也得硬着头皮干呀，我写这篇文章的时候也只是刚把整个项目的框架搭起来啊，恩，台子是搭好了

转载 网页中英文切换

test.html文件： var lang_flag = 1; document.write(love[lang_flag]); fun(); test.js文件：

原创 拖拽（边界监测）_网页背景

*{margin: 0 auto;} body{ background: url(1.jpg) 100% 100%; } 拖动练习 function addEventLoad(func){ var oldonload = window.onload; if(typeof window.onload != 'function')

原创 js原生运动

Documentwheel! function addLoadEvent(func){ var oldonload=window.onload; //将现有的事件处理函数的值存入变量中 if(typeof window.onload!="function"){ window.onload=func; //如果这个事件处理函数没有绑定任何函数，就把

原创 选项卡_oop

*{margin: 0;padding: 0;} ul{ width: 100; height: 50px; } ul li{ list-style: none; width: 50px; height: 50px; line-height: 50px; text-align: center;