01 2017 档案
摘要:官网对vue.js的介绍是这样的: 一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。 那么到底什么是渐进式框架、自底向上增量开发又是什么呢? 其实我觉得这两个概念是比较相似的,对于我的话还需要进一步去深入学习研究。不过我找了一些相关资料作进一步的理解。
阅读全文
摘要:整理一下自己平时移动端web开发中遇到的问题,也参考一下前辈的一些总结 1、最常见的要数1像素边框了 因为Retine屏的分辨率始终是普通屏幕的2倍,1px的边框在dpr=2的retina屏下会显示成2px。 但在IOS8中,已经支持0.5px了,那就意味着, 在devicePixelRatio=2
阅读全文
摘要:ratings评价列表页实现 在ratings.vue组件里开发 首先先引入seller数据: 书写模板结构: 由于评价页又有之前写过的star.vue组件,所以又要在ratings.vue组件引入: 并且注册: 这部分的模板: 书写样式: 整个ratings区块绝对定位的: 这里的overview
阅读全文
摘要:goods 商品列表页开发 布局编写 除了商品之外还有购物车,还有个详情页,挺复杂的。 两栏布局:左侧固定宽度,右侧自适应,还是用flex。 因为内容可能会超过手机高度,超过就隐藏。左右两侧的内容是可以上下滚动。 good.vue: 为了兼容性问题呢,设置flex之后还设置了宽度,使得在不兼容fle
阅读全文
摘要:header组件 vue-resourse应用 https://github.com/pagekit/vue-resource vue-resource是Vue.js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说,$.ajax能做的事情,vue-resou
阅读全文
摘要:组件拆分 先把项目搭建时生成的代码给清了吧 现在static目录下引入reset.css 接着在index.html引入,并且设置<meta> 有时候呢,为了让代码符合我们平时的编码习惯,我们可以在ESLint进行设置,如下: 回到入口js文件main.js,为了好看,我们给它加上分号: 不过这是就
阅读全文
摘要:项目的结构如下: 项目资源准备 准备项目的各种图片资源等等 注意:在webpack可以不用css sprite,直接用单张图片,因为它会帮忙打包。 还有SVG图片,放大之后不会影响质量,在移动端开发中,通常会把色彩单一的图片做成SVG图片。这些不是直接用,利用一些工具去把这些SVG图片去转化成一个叫
阅读全文
摘要:转发一篇尤老师对vue.js的介绍,了解vue.js的来龙去脉。不过现在已经是2.0了,也有添加一些新的东西,当然有些东西也改了。 Vue.js:轻量高效的前端组件化方案 Vue.js 是我在2014年2月开源的一个前端开发库,通过简洁的 API 提供高效的数据绑定和灵活的组件系统。在前端纷繁复杂的
阅读全文
摘要:vue-cli开启vue.js项目 github地址:https://github.com/vuejs/vue-cli Vue.js开发利器vue-cli,是vue的脚手架工具。 在工地上,脚手架是工人搭建好的架子,能够帮助工人们作业;在技术圈,脚手架就是来帮助我们编写好基础的代码的工具。Vue-c
阅读全文
摘要:1、 上述的data有三种写法,都能够运行,那有什么区别呢? 首先,1是3的语法糖,是新的ES6语法,和3一摸一样。 1和2的区别:引用官网,简而言之,在app = new Vue对象时,没什么区别,因为你app对象不会被复用。但是在组件中,因为可能在多处调用同一组件,所以为了不让多处的组件共享同一
阅读全文
摘要:最近在学习慕课网的课程:用vue.js做一个仿饿了么外卖APP的项目,现在也把流程啊什么的暂时先整理一下在这个博客上面。 当然,这个过程会有点长,不过确实能学到很多东西。 话不多说,马上开始吧。 注:当我们把用vue-cli脚手架搭建成的vue项目复制到其他地方时,要把node_modules目录删
阅读全文
摘要:学还是要学的,用的多了,也就有更多的认识了,开发中遇到选择的时候也就简单起来了。 本文作者也做了总结: 如果你喜欢用(或希望能够用)模板搭建应用,请使用Vue 如果你喜欢简单和“能用就行”的东西,请使用Vue 如果你的应用需要尽可能的小和快,请使用Vue 如果你计划构建一个大型应用程序,请使用Rea
阅读全文

浙公网安备 33010602011771号