![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue项目实战笔记
我是刘拾贰
4年前端开发经验,app;web;h5开发,antd,element,uniapp框架的使用
展开
-
Vue类似点餐软件开发(一:前言)
Vue介绍:框架Vuejs的核心思想,原理:Vue脚手架工具:Vue-cli用开发者命令(Node.js)打开一个项目:如果用到了在vue项目创建的后初始化首次使用stylus安装方法分享:很好用的一个svg制作网站:https://icomoon.io/app/#/select/font原创 2018-02-05 13:56:56 · 893 阅读 · 0 评论 -
Vue类似点餐软件开发(二:项目结构了解)
项目目录设计:模拟后台的数据,接口填写:数据:接口:调用的方式:项目中css样式reset:。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。二:将项目分成模块化,一块一块,实现局部刷新:创建header块:有可能缺少依赖:将header与App.vue相连接:原创 2018-02-05 17:26:08 · 647 阅读 · 2 评论 -
Vue类似点餐软件开发(五:head头部实现)
原理:head中的数据通过异步请求后端的数据接口获得:首先要给app.vue定义一个seller对象:vue中有一个插件用于后台请求的:Vue-resource:去package.json添加依赖: 在main.js中引用通过发送ajax属性获取数据:实例化时有一个生命周期,要一个钩子created()this.seller对象传给 <v-header :seller="seller">...原创 2018-02-09 16:53:11 · 497 阅读 · 0 评论 -
Vue类似点餐软件开发(四:布局)
手机端和pc端像素有一倍差距:PC=2手机端像素:具体实现手机端与pc像素相同,要用到缩放:mixin.styl是一个css中的方法,可以传一个变量【border-1px(rgba(7, 17, 27, 0.1)】通过after未类绝对定位:加上缩放实现具体的像素转换。通用的1像素编写:实现pc与手机的像素缩放:根据设备的最小dpr:将y轴做一个缩放全局引用...原创 2018-02-08 17:07:22 · 1048 阅读 · 0 评论