王叨叨

项目里面用到了饿了么的el-tree，但是给el-tree包裹div时，如果父级宽度设置比节点宽度小，不会出现横向滚动条。

然后去github上面搜了一下，还又不少人遇到这样的问题，把代码放出来

- 阅读剩余部分 -

VUE项目在本地运行样式没有问题，上线后发现样式没有生效，在浏览器调试模式下，发现-webkit-box-orient: vertical;属性没了。

- 阅读剩余部分 -

问题

本地vue-cli启动了一个项目只能通过localhost:8080访问到，同一局域网下其他的手机和电脑并不能通过ip地址访问调试。

原因

vue-cli项目是通过命令行一键生成的，配置文件中默认生成的是本地调试模式，默认访问地址是localhost:端口号。

解决

1. 查看config文件夹下的 index.js，将dev中将host重新定义为：0.0.0.0即可。
2. 修改package.json中script下dev的值，在后面加入--host 0.0.0.0 也可以解决

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js  --host 0.0.0.0",
    "start": "npm run dev",
    "lint": "eslint --ext .js,.vue src",
    "build": "node build/build.js"
  },

表单修饰符

.lazy

在默认情况下，v-model 在每次 input 事件触发后将输入框的值与数据进行同步。你可以添加 lazy 修饰符，从而转变为使用 change 事件进行同步：

<!-- 在“change”时而非“input”时更新 -->
<input v-model.lazy="msg" >

- 阅读剩余部分 -

之前写过一篇《VueRouter懒加载》，就是解决加载过慢，这次是优化一下体积。

- 阅读剩余部分 -

Generate Watermark 用于生成网页水印，警示信息安全与责任追踪。

• 支持生成 canvas、svg、element 三种类型水印
• 支持元素监控，防止篡改
• 可扩展性强

- 阅读剩余部分 -

元素的布局？

在 CSS 2.1 中，有三种定位方案——普通流 (Normal Flow) 、浮动 (Floats) 和绝对定位 (Absolute Positioning) ，下面分别对这三种布局简略说明一下。

- 阅读剩余部分 -

元素的布局？

在 CSS 2.1 中，有三种定位方案——普通流 (Normal Flow) 、浮动 (Floats) 和绝对定位 (Absolute Positioning) ，下面分别对这三种布局简略说明一下。

- 阅读剩余部分 -

- 阅读剩余部分 -

甲方项目中有一个比较奇葩的需求，步骤条是可以点击跳转的，但是看了下饿了么组件，人家根本就没有点击事件，搜了好多，也没有解决办法，只能自己去搞了……

记得以前在用饿了么input输入框组件，也需要自己加一些原生的事件，Vue是有自定义事件，于是就在el-step上加了一个v-on:click.native，居然可以触发，问题顺利解决，看来以后如果要在组件上面加一个自定义事件，还是得用Vue的自定义事件来做了。