/app_container

a little little framework 一个简单的SPA框架, 按照自己对SPA的交互理解制作~

Primary LanguageJavaScript

小小的框架~

start: 2017/2/6
end : 2017/4/18

nginx配置:nginx.conf
配置: config.sample.php

制作记录

主要特性

前端部分(主文件在./frame/views/Frame.js

  1. 支持返回键
  2. 有一个全局的事件组件, 支持的事件有:slide, doubleclick, pressStart, pressEnd, press, focus, blur, over, enter, leave, 弥补了原生事件, 事件的拓展支持, 比如popupclick, browserclick, 对click的定制, 增加了一些特殊判断和行为, 好处在于dsl~
  3. 集成Emmet模版引擎, 拥有了强大的数据导入能力
  4. 支持3个hash类型, action对应页面切换, viewStatus对应页面状态返回键支持, viewPopup对应popup类型的返回键支持
  5. 这些返回键支持都支持过渡动画~
  6. 子页面都是按需加载,支持声明依赖,还有加载动画,第一段动画结束还没加载完的话,就会显示
  7. 有原始组件化的影子,其中littleChat里有个slider组件, 支持嵌套(在微信表情选择那里用到了), 并且行为标准(其实就是有考虑到slide和scroll有互斥的关系)~

后端部分

  1. 简单的orm的支持
  2. 遵从MVC的结构
  3. 万能this向~ (魔术方法滥用,逃~
  4. component内支持所有方法的hook~
  5. 内置个小型的爬虫框架~
  6. 调优的记录在test文件夹里
  7. 加水印组件workflow

效果演示

表情切图repo在这里

model部分也开干了, 设计在/database/wechat.mwb(使用mysql workbench打开)

但是发现如果走常驻的方式感觉会有问题

一些活动页面效果

空课室老版