Code Monkey home page Code Monkey logo

vue-rp's Introduction

💻 Vue.js 阅读理解

这个工程的目的?

vue.js工程的源码阅读过程是非常枯燥的,而且在阅读一些关键逻辑的时候,需要再脑海中绘制抽象流程图。因为绘制简易的流程图达不到我理想的效果,所以想到使用Axure这款软件,来绘制可以交互流程图。这样带有交互的阅读更生动且清晰,且能详细记录自己的阅读过程。

如何开始?

点击new Vue()开始阅读。

大概是下面这样的呈现(如果样式错乱,清除缓存刷新,后期结构会随时调整)

【提示1】一些步骤可以点击交互。
【提示2】需要配合vue源码工程阅读。
【提示3】下载本项目,导入Axure并随意修改,或许你有更好的理解。

目前进度?

初步计划在4月中旬之前完成。

  • Vue的大致渲染流程。
  • Vue的组件化过程。
  • Vue的响应式原理。
  • Vue的工具类函数。
  • 读后的一些思考。

关于Axure

Axure RP是一款专业的快速原型设计工具。 为了更好的理解Vue的功能运行机制,我选择Axure RP这款原型绘制工具来帮助我绘制流程图。

可能我用的功能并不多,感觉使用的过程非常简单,推荐尝试一下。

为何选择Axure?

1.为了熟练使用一种原型设计软件。

2.普通绘制流程图的一些软件,难以达到很好的交互效果。

3.提供类似于一种组件化的组合方案,方便整理与归类,过程也更直观。

4.它可以直接将绘制完成的RP工程发布成HTML文件。

ps: 图片资源来自网络,联系删除.
    如果样式错乱,清除缓存刷新.

vue-rp's People

Contributors

nextprops avatar

Stargazers

 avatar

Watchers

 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.