美文网首页
2017.3.14——vue.js的学习笔记

2017.3.14——vue.js的学习笔记

作者: 年轻人多学点 | 来源:发表于2017-03-14 20:49 被阅读0次

vue,js的特点:当前最火的MVVM的框架,特点包括:轻量,简洁,高效,数据驱动+组件化核心思想。 开发APP的流程:需求分析+脚手架工具+数据mock+架构设计+代码编写+自测+编译打包。 代码开发测试环节:1.UI标注。2.真实数据演示。 代码规范:1.架构设计 2.组件抽象 3.模块拆分。4.代码风格统一。5.JS变量命名规范。6.css代码规范。高可维护通用性强的app开发。

功能技术分析:1.用vue-resource与后端做数据交互。2.用vue-router作前端路由实现单页应用。3.第三方js库的使用better-scroll.js 4.最大程度组件化。5.利用html5的localstorage实现收藏商家的功能。6.图标字体的应用。7.移动端1像素边框。8. css stickyfooter 布局。

学习目标:1.掌握Vue.js再实战中的运用。2.学会VUE.js完整的开发移动端App.3.学会组件化模块化的开发方式。(好处是:提到代码的复用性,可维护性和可扩展性。)

学习内容:

1.Vue.js框架介绍。

2.vue-cli脚手架 搭建基本代码框架。

3.vue-router 官方插件管理路由。

4.vue-resource Ajax通信。

5.Webpack 构建工具。

6.es6+eslint  eslint:es6代码风格检查工具。基于es6编写的代码有两点好处:第一:es6提供了很多简洁好用的语法糖,慢慢成为前端开发的趋势,vue的源码和它的社区提供的插件都是基于es6编写的,学会es6有助于学习开发vue的第三方插件。eslint可以规范es6的代码风格和一些静态代码的语法检查。我们可以通过配置文件配置代码风格,它的好处可以规范一个团队的代码风格保证一个团队的代码相近的,便于阅读和维护。

7.工程化 组件化 模块化 用模块化和组件化的方式去组织代码,在项目开发过程中,用工程化思想输出代码。

8.移动端的常用开发技巧:

flex弹性布局

经典的cssstickyfooter

酷炫的交互设计以及组件的设计开发

相关文章

  • 2017.3.14——vue.js的学习笔记

    vue,js的特点:当前最火的MVVM的框架,特点包括:轻量,简洁,高效,数据驱动+组件化核心思想。 开发APP的...

  • 学习笔记

    引言:本文章只是个人记录日常学习的笔记,将不定期更新。 2017.3.11 ​ 2017.3.14 Android...

  • 前端基础知识学习---Vue.js学习(一)模板语法

    Vue.js学习笔记 Vue.js的使用之HelloWord 引入Vue.js 创建Vue对象其中el:指定根el...

  • Vue.js 学习笔记(一)

    声明:本文章并非原创,而是参考黑马程序员Vue.js教程配套资料,仅供学习使用,侵删。 Vue.js 学习笔记 什...

  • 初识vue.js

    vue.js官网教程学习笔记和学习摘要 起步 安装 一个简单的方法,直接把一个vue.js引入你的HTML页面中,...

  • 【法学笔记】2017.3.14

    来源: TVB<一号皇庭1>第11集 情节描述:流浪汉捡到一部录音机,被巡警发现,巡警因对流浪汉有成见怀疑其盗窃就...

  • vue.js源码学习笔记

    参考:vue.js官网Vue.js 源码学习笔记Vue2.0源代码阅读 文件结构梳理 整体目录 源代码实现目录 模...

  • 【个人提升】vuex构建单页应用

    前言:在最近学习 Vue.js 的时候,看到国外一篇讲述了如何使用 Vue.js 和 Vuex 来构建一个简单笔记...

  • vue学习笔记

    title: vue.js学习笔记(一)date: 2018-03-28 19:09:16tags: vue.js...

  • Vue.js入门

    Vue笔记系列2、Vue.js渐进3、Vue.js进阶 Vue.js的概述 如官网所说,Vue.js是一款轻量级的...

网友评论

      本文标题:2017.3.14——vue.js的学习笔记

      本文链接:https://www.haomeiwen.com/subject/agqknttx.html