zoukankan      html  css  js  c++  java
  • Vue.js学习笔记(一)

    其它前端主流框架可以做的事,Vue.js几乎都可以做,

    nuxt框架:可以实现vue的服务器端渲染,

    weex:使用vue语法编写原生app。

    基础内容

    1. 基础语法
    2. MVVM设计模式
    3. 前端组件化
    4. vue实例生命周期函数
    5. 动画特效

    去哪儿网项目实战

    1. 环境搭建
    2. 使用Git
    3. 本地模拟后端接口进行本地代码开发
    4. vue项目如何实现前后端的代码联调
    5. 如何完成对vue项目的真机测试
    6. vue项目的完整上线流程

    项目实现的功能:

    1. 根据不同城市选择不同景点;
    2. 首页上实现了多区域轮播的功能;
    3. 多区域列表的循环展示;
    4. 在城市选择页面,实现了城市的展示,城市的搜索,城市右侧字母与左侧区块动画联动的效果;
    5. 景点详情页面,公用的画廊组件,渐隐渐现的header组件,递归展示的列表组件,
    6. 使用Axios进行Ajax数据的获取, 
    7. 使用vue-router做多页面之间的路由,
    8. 使用vuex做各个组件数据之间的共享,
    9. 使用异步组件让代码项目上线性能更优,
    10. 使用stylus编写前端的样式,
    11. 应用递归组件实现 组件自身自己调用自己的效果,
    12. 使用各种插件,比如swiper插件来实现页面上的轮播效果,
    13. 进行公用组件的拆分。

    做完项目的收获:

    1. 彻底入门vue的使用;
    2. 理解整个vue项目的开发流程;
    3. 移动端页面布局技巧;
    4. 上手中大型vue项目的开发;
    5. 规范的代码编写。
    你必须穷尽一生磨练技能,这就是成功的秘诀,也是让人家敬重的关键。
  • 相关阅读:
    solaris10 服务管理
    DLL的导出导入与调用
    c# Font字体
    WaitForMultipleObjects、WaitForSingleObject、GetExitCodeThread
    solaris10补丁管理
    注册表API函数
    简单的编码加密
    asp.net 调用外部程序
    Global.cs 获取网址
    Jquery easyui dialog组件, 默认不自动打开
  • 原文地址:https://www.cnblogs.com/knuzy/p/9256388.html
Copyright © 2011-2022 走看看