vueJS+ES6开发移动端APP实战项目笔记

【vueJS+ES6开发移动端APP实战项目笔记】的更多相关文章

vueJS+ES6开发移动端APP实战项目笔记

一.什么是MVVM框架 MV*包括MVC.MVP.MVVM MVVM框架由Model.View.ViewModel构成. Model指的是数据,在前端对应的是JavaScript对象. View指的是视图,在前端对应的是DOM ViewModel观察Model和View的变化来做更新,实现了数据的双向绑定. 前端MVVM框架主要包括:angularJS.reactJS.VueJS 二.Vuejs的核心思想(数据驱动.组件化) 1.数据驱动:数据双向绑定 2.组件化: 页面任何部分都可以作为一个组…

vue.js移动端app实战1：初始配置

本系列将会用vue.js2制作一个移动端的webapp单页面,页面不多,大概在7,8个左右,不过麻雀虽小,五脏俱全,常用的效果如轮播图,下拉刷新,上拉加载,图片懒加载都会用到.css方面也会有一些描述,像不同分辨率的适配,flex布局以及scss来编写mixin来处理2x,3x图等. 初始工作: 通过vue-cli安装webpack模板后,会自动生成一大堆文件,通常我们只关心src/目录下的东西. 个人习惯在src下新建一个base目录,用来存放通用的css及js,比如样式重置css,一切js工…

vue.js移动端app实战3：从一个购物车入门vuex

什么是vuex? 官方的解释是:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式.它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化. 简单来说就是集中管理所有的状态. 为什么要用vuex? 对于父子组件之前的通信,父组件通过porps传递到子组件,子组件通过$emit发送事件都到父组件; 对于组件与组件之间的通信,可以new一个新的Vue实例,专门用来做event bus进行通信. 当多个组件之间共享一个状态时,event bus可能就变成…

vue.js移动端app实战1

本系列将会用vue.js2制作一个移动端的webapp单页面,页面不多,大概在7,8个左右,不过麻雀虽小,五脏俱全,常用的效果如轮播图,下拉刷新,上拉加载,图片懒加载都会用到.css方面也会有一些描述,像不同分辨率的适配,flex布局以及scss来编写mixin来处理2x,3x图等. 初始工作: 通过vue-cli安装webpack模板后,会自动生成一大堆文件,通常我们只关心src/目录下的东西.个人习惯在src下新建一个base目录,用来存放通用的css及js,比如样式重置css,一切js工具…

vue.js移动端app实战2：首页

貌似有部分人要求写的更详细,这里多写一点vuel-cli基础的配置什么是vue-cli? 官方的解释是:A simple CLI for scaffolding Vue.js projects, 简单翻译一下,就是: 用简单的命令行来生成vue.js项目脚手架.  npm install -g vue-cli vue-cli预先定义了5个模板,根据你使用的打包工具的不同选择不同的模板,通常我们用的都是第一个webpack模板.每个模板都预先写好了很多依…

vue.js移动端app实战2

貌似有部分人要求写的更详细,这里多写一点vuel-cli基础的配置什么是vue-cli? 官方的解释是:A simple CLI for scaffolding Vue.js projects,简单翻译一下,就是: 用简单的命令行来生成vue.js项目脚手架.  npm install -g vue-cli vue-cli预先定义了5个模板,根据你使用的打包工具的不同选择不同的模板,通常我们用的都是第一个webpack模板.每个模板都预先写好了很多依赖…

智普教育Python培训之Python开发视频教程网络爬虫实战项目

网络爬虫项目实训:看我如何下载韩寒博客文章Python视频 01.mp4 网络爬虫项目实训:看我如何下载韩寒博客文章Python视频 02.mp4 网络爬虫项目实训:看我如何下载韩寒博客文章Python视频 03.mp4 智普教育Python培训 01 Windows下Python开发环境的安装与基本使用.wmv 智普教育Python培训 02 python程序基本架构.mp4 智普教育Python培训 03 Python基本输入输出语句.mp4 智普教育Python培训 04 Python变量…