2017年07月_代码小公举

原创解决inline和inline-block元素的默认间距问题

经常我们会碰到多个inline元素和inline-block元素同行展示时会出现间距问题，而我们已经处理了margin:0;和padding:0;如下：这种默认间距也被称为元素留白间距，是我们在编辑器coding时对于inline或inline-block元素进行换行编写，元素进行留白引起，解决办法有以下四种：方法一：把标签内容写在同一行此方法直接针对引起原因进行处理，所以当我们把代码写在

2017-07-31 17:48:52 2510

原创 css中overflow的那些坑

元素的overflow属性是用来规定当内容溢出元素框时发生的事情，设置单个方向的overflow-x和overflow-y同理，它有五个值，visible（默认），hidden，scroll，auto，inherit，现在我们先来简单说下这几个属性值： visible：默认值，它会把内容完全展现出来，即使内容超出已定义的父元素大小，它还是会超出部分按正常显示，但是也不会影响其他元素的布局。 hi

2017-07-31 16:57:41 19033

原创移动端禁止长按图片弹出菜单和禁止文本选择

禁止长按图片弹出菜单img{ pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -webkit-user-select:none; -o-user-select:none; user-select:n

2017-07-27 20:53:53 7885 3

当我们在Vue.js项目中引用图片时，关于图片路径有以下几种情形：使用一我们在data里面定义好图片路径imgUrl:'../assets/logo.png'然后，在template模板里面/*错误写法*/<img src="{{imgUrl}}">这样是错误的写法，我们应该用v-bind绑定图片的srcs属性<img :src="imgUrl">或者<img src="../assets/log

2017-07-27 20:39:02 31219 3

原创 Vue2.0+Webpack项目环境构建到发布

使用vue2.0+webpack搭建项目的步骤如下，以下全在命令窗口输入命令语句：安装node和npmnode下载：node下载地址新版的node集成了npm，所以node安装好后npm也一并安装好了，我们可以通过cmd命令行窗口输入：node -v , npm -v来查看是否安装好使用npm安装模板等速度过慢，我们可以使用国内淘宝镜像来安装：npm install -g cnpm –r

2017-07-13 09:11:51 3584 1

原创使用Fiddler本地资源替换进行线上调试

今天我们就来说下如何使用Fiddler工具进行本地文件映射到线上服务器来进行线上调试，这里我们要使用的是Fiddler的AutoResponder。设置映射规则和映射文件选中AutoResponder 然后将下面的前面两个选项进行勾选，第三个Enable Latency可以进行自由勾选，点击Add Rule 上面填写线上地址，下面填写本地文件地址，可以单文件也可以整个文件夹目录，如下：上

2017-07-12 15:59:50 3506 1

原创 Vue.js指令篇之自定义指令

Vue.js学习笔记指令篇之自定义指令

2017-07-04 23:40:40 2545

卜小娴的博客