https://github.com/oct16/simple-mvvm-example
https://github.com/oct16/simple-mvvm-example
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/oct16/simple-mvvm-example
- Owner: oct16
- Created: 2019-03-20T07:03:11.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2019-05-21T09:47:04.000Z (about 7 years ago)
- Last Synced: 2025-04-30T01:07:14.668Z (about 1 year ago)
- Language: TypeScript
- Size: 1.43 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### Technical Introduction
- Using Webpack integrates development、packaging、testing and analysis
- Using Mocha as a unit test tool
- Using the TypeScript language to improve the readability and the reliability of the code.
- Using Pug as an HTML template language, using Stylus and Postcss as CSS pre processors
- Using css grid system for page layout and adapt mobile
- Simply singleton dialog component
- Simply MVVM lib
### Project Description
One of the requirements of the project is that you can't use any third-party libraries except the build tools, I refer to the Vue1 source code, create a small lib for data binding, and implement a few simple directive: *for, *if, attr, double mustaches, and observe of array.
Only provide the resolutions of DesktopHD and moblie. The CSS grid feature is cool, but it's not work in IE10-.
### Instructions
```
cd to project
npm i
npm run start
```
project is running at http://localhost:8081/
```
npm run build
npm run test
npm run analyze
```