• Alternate Text 联系我们
  • 027-87500211
  • 返回顶部

项目信息

Vue-shop实战

项目周期:7 (天)

项目经理: 暂无

项目督导: 暂无

项目价格: 0.00

简介:

在线手机城网站是一种具有交互功能的商业信息系统。

项目介绍

  •          

    项目背景

    在线手机城网站是一种具有交互功能的商业信息系统。

    该系统主要的功能包括:手机分类检索、最新手机推荐、热门手机浏览、手机详细资料显示、手机销售排行统计、手机商品分类管理等功能。

    本系统的特点是纯前端框架完成,可以和任何后台语言进行联调,是不可多得的一个通用模板。模板中的图片,均由mock模拟数据提供,放到正式开发时,直接由后台传递数据,替换更加方便灵活。

    该项目使用到的技术有:

    a) HTML

    b) CSS

    c) JavaScript

    d) JQuery

    e) Vue.js

    f) Mock.js

    g) less

    开发环境

    node.js+vue2

    技能点

    1.HTML

    超文本标记语言,标准通用标记语言下的一个应用。

    “超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

    超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

    2.CSS

    层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

    3.JavaScript

    JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

    4.jQuery

    jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

    5.Vue2

    Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手,还便于与第三方库或既有项目整合。

    另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。

    6.Webpack

    webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。

    7.Mint UI

    是由饿了么前端团队推出的 一个基于 Vue.js 的移动端组件库

    8.mockjs

    Mock.js生成随机数据,拦截Ajax 请求 开始 前后端分离 让前端攻城师独立于后端进行开发。 增加单元测试的真实性 通过随机数据,模拟各种场景。

     

  • 每日计划

  • 第 1 天 : Vue-shop实战项目背景、功能截图、开发环境、技能点。

  • 第 2 天 : Vue-shop实战—任务一

  • 第 3 天 : Vue-shop实战—任务二

  • 第 4 天 : Vue-shop实战—任务三

  • 第 5 天 : Vue-shop实战—任务四

  • 第 6 天 : Vue-shop实战—任务五

  • 第 7 天 : Vue-shop实战—任务六

  • 联系方式:027-87500211 地址:北京市海淀区中关村南大街36号12号楼18层1801号260 版权信息:北京百里半网络技术有限公司
    友情链接:厚溥教育