分类 代码如诗 下的文章

最近在读《前端架构设计》,整书只有148页,薄薄的一本,但是看起来还是很有份量的。这本书展示了一名成熟的前端架构师对前端开发全面而深刻的理解。作者结合自己在Red Hat公司的项目实战经历,探讨了前端架构原则和前端架构的核心内容,包括工作流程、测试流程和文档记录,以及作为前端架构师所要承担的具体开发工作,包括HTML、JavaScript和CSS等。从豆瓣等评论来说,褒贬不一,但是个人感觉读一读还是很有必要的,取其精华去其糟粕即可。

- 阅读剩余部分 -

问题

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

原因

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

解决

  1. 查看config文件夹下的 index.js,将dev中将host重新定义为:0.0.0.0即可。
  2. 修改package.jsonscriptdev的值,在后面加入--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"
  },

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

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