Giter Club home page Giter Club logo

elisten's Introduction

基于Vue2.x express4的手机端英语播放器

初学vue,代码不够熟练,后期将会针对技术栈对代码更新

源代码地址

github地址

技术栈

  • vue2:采用vuex管理状态,实现状态共享,vuerouter实现路由管理
  • axios:实现HTTP请求

  • Express:使用express4的最新语法搭建服务器

  • webpack: 自动构建化工具,除了vue-cli使用的部分,主要使用webpack的proxy配置跨域

  • ES5 ES6:少部分使用ES6

  • HTML5+CSS3:audio 语义化标签

图片预览

text

项目遇到的问题

vuex的使用

组件之间的状态共享

数据的处理

通过数据层,逻辑层完成对数据库的访问以及到最后将数据渲染到前端界面,一开始没有想好对数据的加载形式,到了后面要结束的时候,增加数据库的内容时发现,读取卡顿。

项目结构的设计

随着对vue的理解的加深,一开始的代码走向不理想,但是要改变的内容太多

使用语言的类别

项目使用的语言有的可以使用其他语言代替,增加代码的可读性。

Build Setup

#install dependencies
npm install
#serve with hot reload at localhost:8080
npm run dev
#build for production with minification
npm run build
#build for production and view the bundle analyzer report
npm run build --report
#run unit tests
npm run unit
#run e2e tests
npm run e2e
#run all tests
npm test

关于代码问题可以联系

[email protected]

elisten's People

Contributors

zengwmfe avatar

Stargazers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.