Coder Social home page Coder Social logo

pixel-web's Introduction

Pixel-Web

Intro

  • 我是一个前端小白,突发奇想自学 Vue ,前前后后写了一个月时间
  • 使用 vue-cli 构建、打包, 配合 vue全家桶(vue、vuex、vue-router)进行编码
  • 使用 axios 进行资源请求
  • 使用 Node.js 对 api 进行二次封装解决跨域问题

Server

  • 使用 Nodejs + Express 开发
  • 实现 Oauth登录,查看最新微博,查看单条微博评论,个人主页,我的关注,我的粉丝,发微博以及四种消息(@我的微博,@我的评论,收到的评论,发出的评论)
  • Github项目地址:https://github.com/Werb/Pixel-Api

Preview

pixel-web-one pixel-web-two pixel-web-three

Run

请在 Chrome 手机模式下调试

npm install

npm run dev

Tips

  • 在开始前需要在新浪开放平台注册应用
  • 我选择的是 微连接 - 网页应用
  • 创建成功后保存 App Key 和 App Secret
  • 然后设置 OAuth2.0 授权回调页,用于我们在登录后回调到我们的网页中,具体请看 api-config.js

Thanks

LICENSE

Apache License

pixel-web's People

Contributors

werbhelius avatar werb avatar

Watchers

James Cloos avatar  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.