Giter VIP home page Giter VIP logo

avalon-webpack-spa's Introduction

avalon与webpack写单页面应用,使用mmState控制路由跳转

学习和使用avalon已经一个多月了,中间历经坎坷,踩坑跳坑,也算是积累了一些avalon的相关实践的经验. 趁着项目结束,终于有闲暇实践来整理和沉淀这些知识.

这是一个集成了avalon jquery gulp webpack mmstate purecss的偏工程化的一个项目模板,支持异步加载和打包,替换oniui的avalon和avalon.shim版本为1.4.7.1,目前热替换部分还有一些问题,等以后再解决了. 热替换已解决

使用方法

注意事项

  1. mkdir demo && cd demo && git clone https://github.com/wandergis/avalon-webpack-spa.git

  2. npm install 确保安装了node,及全局安装了gulp和webpack

  3. gulp 或者 npm start 启动开发模式,支持热替换

  4. webpack打包到dist目录,webpack -p 打包压缩到dist目录

效果截图

关于ie8的兼容问题

  1. ajax在低版本ie下默认会从缓存读取,需要加上对应的时间戳,直接在avalon.ajax的请求配置的cache设置为false
  2. 需要取vm的值的情况下请使用vm的$model属性
  3. 数组的增加和获取长度请使用pushArraysize
  4. 不要直接定义data:{}然后给data动态增加属性,不要过多的嵌套
  5. oniui的分页控件在数据获取之后再设置,否则ie8下面不出现
  6. 验证控件的异步问题,将逻辑写在validationVM.validateAll的验证成功的方法中
  7. 绑定下拉框的数据获取,只需要select的绑定的对象的值
  8. 使用oniui最好使用1.4.7版本的avalon,解决了光标和下拉联动的问题

参考文章

avalon-webpack-spa's People

Watchers

 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.