Giter Club home page Giter Club logo

vue-spa-wx-shangchao's Introduction

shangchao-pms-wx

上朝科技-物业管理系统-微信公众号网站

本页面需要在服务器环境下访问( 可使用 yarn run dev 预览 ), 勿直接浏览静态页面

使用技术:

技术名称 作用 版本
Vuejs 框架 2.2.6
Vuex 状态管理 2.3.1
Vue-router 路由管理 2.4.0
Axios 交互处理 0.16.1
Sass 样式预处理器 4.5.2
Webpack 模块打包 2.2.1
Gulp 自动构建工具 3.9.1
Babel ES6转译ES5 6.22.1
Yarn 模块依赖安装 0.20.3
Faker.js 本地调试模拟接口 4.1.0
Mint-ui UI框架 2.2.3
Pug Node模版语言 2.0.0-beta.12

使用插件:

插件名称 作用 版本 应用场景
better-picker ios风格移动端筛选器 1.1.3
sweetalert2 美化弹框 6.6.2
Layzr.js 图片懒加载 + 自适应分辨率 2.2.2
vue-scrollto Vue卷轴插件 2.6.7
vue-star-rating Vue星星点评插件 1.3.2
vue-wechat-title Vue动态修改微信网页标题插件 2.0.4

Build Setup / 开发流程

请尽量确保 本地Nodejs版本 >= 7

# install dependencies/拉取项目,在项目路径下执行
# 国内环境建议使用cnpm install
npm install
cnpm install

# *推荐Yarn
yarn install

# serve with hot reload at localhost:8080
# npm安装依赖后,运行node服务器,打开 localhost:80 预览 (已运行热更新功能)
yarn run dev
npm run dev

# build for production with minification
# 当修改代码后,需要手动打包发布时,运行npm run build命令进行打包
yarn run build
npm run build

# 打包生产模式,缩小压缩包 -- 查看包分析报告
npm run build --report

API docs / 接口文档

ToDoList

  • Faker.js 模拟数据
  • Mock.js 模拟数据( 中文模拟数据 )
  • SPA 动态修改 页面 title信息方案
  • 微信公众号开发 用户信息获取
  • 性能优化: 将 MintUI全部引入 改为 按需引入组件
  • 处理模拟数据的 日期 + 时间
  • 加入手势操作
  • Picker 操作优化( 当第1级别改变, 除了2级改变之外 3级应该使用默认值 联动操作 )
  • 'Picker' 优化内部命名( 将此组件与项目内容尽量分离; 目的 => 做成通用的组件 )
  • 'Binding' 组件偶尔请求会失去反应
  • 'Bill - 费用账单' 模块, 手风琴展开需要 动画效果
  • 'Bill - 费用账单' 模块, 判空需要一个算法
  • 'MtextBox - 多行文本框' 模块, 需要处理滚轮滚动时 文字高度限制问题
  • 'MtextBox - 多行文本框' 模块, 最大字数 弹出提示
  • 'FaultDetail - 报修详情' 模块, 是通过模板页 从 $store 处获取数据 和 状态

vue-spa-wx-shangchao's People

Contributors

didilinkin avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

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