摘要: goods 商品列表页开发 布局编写 除了商品之外还有购物车,还有个详情页,挺复杂的。 两栏布局:左侧固定宽度,右侧自适应,还是用flex。 因为内容可能会超过手机高度,超过就隐藏。左右两侧的内容是可以上下滚动。 good.vue: 为了兼容性问题呢,设置flex之后还设置了宽度,使得在不兼容fle 阅读全文
posted @ 2017-01-04 22:29 chenxj 阅读(1134) 评论(0) 推荐(0) 编辑
摘要: header组件 vue-resourse应用 https://github.com/pagekit/vue-resource vue-resource是Vue.js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说,$.ajax能做的事情,vue-resou 阅读全文
posted @ 2017-01-04 21:35 chenxj 阅读(3559) 评论(2) 推荐(1) 编辑
摘要: 组件拆分 先把项目搭建时生成的代码给清了吧 现在static目录下引入reset.css 接着在index.html引入,并且设置<meta> 有时候呢,为了让代码符合我们平时的编码习惯,我们可以在ESLint进行设置,如下: 回到入口js文件main.js,为了好看,我们给它加上分号: 不过这是就 阅读全文
posted @ 2017-01-04 16:57 chenxj 阅读(3106) 评论(0) 推荐(1) 编辑
摘要: 项目的结构如下: 项目资源准备 准备项目的各种图片资源等等 注意:在webpack可以不用css sprite,直接用单张图片,因为它会帮忙打包。 还有SVG图片,放大之后不会影响质量,在移动端开发中,通常会把色彩单一的图片做成SVG图片。这些不是直接用,利用一些工具去把这些SVG图片去转化成一个叫 阅读全文
posted @ 2017-01-04 15:50 chenxj 阅读(2402) 评论(0) 推荐(0) 编辑
摘要: 转发一篇尤老师对vue.js的介绍,了解vue.js的来龙去脉。不过现在已经是2.0了,也有添加一些新的东西,当然有些东西也改了。 Vue.js:轻量高效的前端组件化方案 Vue.js 是我在2014年2月开源的一个前端开发库,通过简洁的 API 提供高效的数据绑定和灵活的组件系统。在前端纷繁复杂的 阅读全文
posted @ 2017-01-04 13:46 chenxj 阅读(1464) 评论(0) 推荐(0) 编辑
摘要: vue-cli开启vue.js项目 github地址:https://github.com/vuejs/vue-cli Vue.js开发利器vue-cli,是vue的脚手架工具。 在工地上,脚手架是工人搭建好的架子,能够帮助工人们作业;在技术圈,脚手架就是来帮助我们编写好基础的代码的工具。Vue-c 阅读全文
posted @ 2017-01-04 12:22 chenxj 阅读(1282) 评论(0) 推荐(0) 编辑
摘要: 1、 上述的data有三种写法,都能够运行,那有什么区别呢? 首先,1是3的语法糖,是新的ES6语法,和3一摸一样。 1和2的区别:引用官网,简而言之,在app = new Vue对象时,没什么区别,因为你app对象不会被复用。但是在组件中,因为可能在多处调用同一组件,所以为了不让多处的组件共享同一 阅读全文
posted @ 2017-01-04 10:54 chenxj 阅读(1497) 评论(0) 推荐(0) 编辑
摘要: 最近在学习慕课网的课程:用vue.js做一个仿饿了么外卖APP的项目,现在也把流程啊什么的暂时先整理一下在这个博客上面。 当然,这个过程会有点长,不过确实能学到很多东西。 话不多说,马上开始吧。 注:当我们把用vue-cli脚手架搭建成的vue项目复制到其他地方时,要把node_modules目录删 阅读全文
posted @ 2017-01-04 06:44 chenxj 阅读(5270) 评论(0) 推荐(0) 编辑