Giter Club home page Giter Club logo

jdfinance's Introduction

组件化思维与技巧之京东金融实战

本项目使用的是Vue(2.5.9)实现的组件化课程,侧重思维与方法的训练。在模块化方面不仅涉及常规的JS还有CSS,CSS的模块化使用Sass组织代码,将模块化设计做到极致。在构建部分采用webpack(3.10.0) 和 npm scripts独立完成,不依赖任何第三方的脚手架。

体验地址

体验地址

请使用手机扫码体验,微信或者浏览器的扫一扫都可以的。

安装

git clone https://github.com/cucygh/JDFinance.git
cd JDFinance
npm install

切换分支

项目里使用git分支来管理不同章节的代码,根据自己的情况选择不同的分支进行开发。

  1. 如何查看所有的分支?
git branch
分支名 章节
master 默认和setup一致
setup 最基础的构建部分
setup-edit 完整的构建部分,可以在这个基础上进行开发
router 增加了vue-router部分,只想看单页面的同学选择这个分支
chapter-home 首页
chapter-money 理财
chapter-ious 白条
chapter-raise 众筹
chapter-download 活动页
chapter-online 上线指导
  1. 如何切换分支?
git checkout 分支名

常见问题

这里会定期整理大家常见的问题,访问如下:

点击查看常见问题

更多精彩内容

如果喜欢本课程可以关注更多优秀内容,都是多年经验的积累和总结,欢迎大家和我讨论。

JDFinance

jdfinance's People

Contributors

reinhardchen93 avatar

Watchers

James Cloos avatar  avatar

Forkers

yinhutjfox

jdfinance's Issues

navbar.vue中handelClick方法中并没有必要去显示设置颜色

从这个方法中e.currentTarget.querySelector("p").style.color = "red"看出你是希望设计点击激活成为红色,但是这是没有意义的,因为route-link在路由表中内容激活后,会自动链接一个相关的css来让这个元素表示已经激活。此外,即便你希望通过这样的方式改变颜色,那么,也不应该只做设置激活红色的操作,逻辑严谨的来说,这些元素是互斥的,也就是说当一个被激活设置为红色后,另外的那些应该消去颜色

navbar 等公用组件并不需要每个页面都引入

navbar 并不需要每个页面都引入,这样就失去了组件复用的意义,而是应该在中间的body部分用子路由跳转,否则每次跳转,下方的navbar都会重新加载,这无疑是一种性能能的浪费(虽然浏览器的缓存使得不会重复拉去它的文件,但是重新加载会导致重新实例化,个人理解)

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.