2017年03月_zhq2005095

原创 Vue-vuex基础知识的学习总结

我跟vuex之间不得不说的废话之前学过vue的相关知识，并且将以前所做的一个小型SPA项目使用vue重构了一遍，发现里面一个很大的问题是组件之间的传值比较麻烦。而为了巩固一下vue的基础知识，前段时间利用零碎的时间在手机上把vue的官方教程粗略了看了一遍，发现文档中对于组件间的传值描述甚少，其中最后一个状态管理一章提到使用vuex，其实之前在学习vue的时候早就知道vuex这个概念。但是一直都没有下

2017-03-26 18:40:53 7442

原创 CSS-深入理解之float浮动

这篇文章依然是学习张鑫旭大神的课程的一个总结。听完这个课程后，只能说我以前对于float浮动的理解太肤浅了，很多的细节都不清楚，知其然而不知其所以然。1. float浮动的设计目的float浮动设计的本来的目的就是为了实现网页中文字环绕图片的布局。2. float浮动的特性包裹破坏3. float浮动的作用去空格化能够让inline元素的display属性变为block

2017-03-20 22:54:34 982

原创 CSS-深入理解之margin

在一次面试过程中，面试官问到margin的塌陷的问题，以及margin负值的问题。当时有点蒙，对这块知识点的理解一点都不深入。为了补充这方面的知识，特意去查了一下相关的资料，发现张鑫旭大神在慕课网上有视频讲解。在这里，梳理和总结一下其中的知识点。1. margin可以改变容器的尺寸1.1 margin能够改变可视区域的尺寸的条件适用于没有设定width/height的普通block水平的元素（fl

2017-03-19 22:20:50 1709

原创 CSS-关于定位，你所需要知道的一切

CSS中的定位在实际开发中经常用到，一些比较刺手的布局，很多时候通过定位这个杀手锏就能够解决。但是对于定位中的细节都模模糊糊的，为了搞明白其中的细节，特意搜索了相关的资料，总结了一下，防止时间久了就忘记了。position的属性值static：默认值。没有定位，元素出现在正常的流中。relative：相对定位。1. 不论其父元素和相邻元素的position是什么，均相对于自身原来的位置来偏移。2

2017-03-15 23:59:31 829

原创 CSS-两侧固定宽度，中间自适应的三列布局

在实际开发中，左右两侧固定宽度，中间自适应的三列布局是经常能够遇到的，尤其是最近的一个项目中，属于微信公众号，移动端的网页。在部分页面中，就需要用到这种布局，我是采用flex布局来搞定的。为了总结一下相关的知识，特意在网上收集了几篇相关的文章。这种布局，主要是通过两类技术原理来实现的：基于margin来实现；基于CSS3中的弹性布局flex属性来实现；绝对定位的方法这种方法，其实原理很简单

2017-03-14 23:34:54 1507

原创 Tool-基于gulp的前端自动化构建方案的总结

最近，在公司的项目中，使用的是gulp这个构建工具，来搭建这个前端项目。之前一直没有深入的了解过，也没有真正亲自动手去实践。为了搞明白gulp的相关知识，特意查阅了相关的资料，特意总结下来。gulp是什么gulp是基于Nodejs的自动任务运行器，她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器

2017-03-05 19:45:00 398

原创 Tool-gitlab的使用方法

我们公司所用的项目管理工具为gitlab，以前早就接触过git，是因为在github上面创建了项目，所以对git的命令也是比较熟悉的。但是gitlab于github还是不太一样的，二者的功能和定位就不一样。GitLab 是一个用于仓库管理系统的开源项目。使用Git作为代码管理工具，并在此基础上搭建起来的web服务。可通过Web界面进行访问公开的或者私人项目。它拥有与Github类似的功能，能够浏览源

2017-03-03 14:35:01 508

BigKongfuPanda的博客