angular --- s3core移动端项目
因为记性不好的原因做个草稿笔记
app.js中
var myApp = angular.module('myApp',['ui.router','oc.lazyLoad','ngAnimate','数据处理','公共js方法']);
注册权限访问服务
myApp.factory('$permissions',['$rootScope','$es',function($rootScope,$es){
//...
}]);
myApp.run(['$rootScope','$state','$stateParams','$permissions','$es','缓存公共函数$istore','$modal','$timeout',
function($rootScope,$state,$stateParams,$permissions,$es,$istore,$modal,$timeout){
//...处理配置信息到模块
//进行微信浏览器判断
var isMicroMessenger r= function(){
var ua = navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == 'micromessenger') {
return true;
} else {
return false;
}
}
$rootScope.iswx = isMicroMessenger ();
//切换主题
var skinString == 'skinBlueskinRedskinGreenskinOrange";
var skinPath = config.basic.theme || "skinBlue"
if(skinString.indexOf(skinPath) == -1) skinPath = 'skinBlue';
angular.element('#cssfile').attr('href','style/'+skinPath+'.css')
}]).config(['$stateProvider','$urlRouterProvider',function($stateProvider,$urlRouterProvider){
//版本控制
function getVersion(){
var date = new Date();
var v = date.getTime();
return "?v="+v;
}
var version = getVersion();
//路由
$urlRouterProvider.otherwise('/app');
$stateProvider.state('app',{
url:'/app',
templateUrl:'view/public/app.html'+version,
resolve:{
service:'UserInfoService',
ctrl:['$ocLazyLoad',function($ocLayload){
return $ocLazyLoad({
files:[
'scripts/home-ctrl.js'+version
]
})
}
}
})
//产品模块举例
.state('products',{
url:'/products',
template:'<div ng-class="transition"></div>',
//abstract 抽象模板抽象模板不能被激活,但是它的子模板可以被激活
abstract:true,
resolve:{
service1:'ProductService',
service2:['$ocLazyLoad',function($ocLayload){
return $ocLazyLoad({
files:[
'scripts/product-ctrl.js'+version,
'view/css/product.css'+version
]
})
}
}
})
.state('products.productList',{
url:'/productList',
templateUrl:'view/product/productList.html'+version,
title:'产品列表',
controller:'ProductCtrl'
}
})
}])
}]);
angular --- s3core移动端项目的更多相关文章
- angular --- s3core移动端项目(三)
angular.module('myApp') .directive('listActive',functon(){ return { restrict:'A', scope:{ listActive ...
- angular --- s3core移动端项目(二)
product-ctrl.js angular.modules('myApp').controller('ProductCtrl',['$scope','$rootScope','$timeout', ...
- 【angularjs】使用ionic+angular 搭建移动端项目,字体适配
解析: 首先,rem是以html为基准. 一般的,各大主流浏览器的font-size默认值为16px,此时1rem=16px.如果此时将rem与px进行换算很麻烦,比如0.75rem=12px. 为了 ...
- 【angularjs】使用angular搭建PC端项目,开关按钮
方法一(使用指令) 1.指令(angular-ui-switch.js) angular.module('uiSwitch', []) app.directive('switch', function ...
- 曾经的pc端项目踩到的一些兼容性的坑及其解决方案
曾经公司pc端项目一直最低兼容到IE7,要求和chrome下浏览效果一致,真心坑坏了我和另外一个小伙伴(另一个小伙伴以前也没处理过兼容问题).不过还好,在这里真心感谢鑫哥博客的详解,从底层原理讲到了具 ...
- 采用apicloud开发移动端项目心得体会
作为第一批吃螃蟹的,来说一说apicloud做移动端项目的一些体会. 刚开始接到项目,需要移动端开发两个项目,公司人员里面没有一个会原生android或者ios开发的,目前能出的技术也就是web,后端 ...
- Vue移动端项目总结
使用Vue项目写了一个移动端项目,然后又把项目硬生生的抽离了组件,一直忙着写RN项目没有时间总结心得,今天上午终于下定决心,写点总结. 1.position:absolute: 定位的时候不同手机的浏 ...
- 如何实现从Java入门到服务端项目开发的进阶?
对于打算入门或者刚刚入门学习Java的人来说,刚开始接触这门学科,往往会觉得不知所措,也会觉得很迷茫.结合前人经验,就从入门到进阶对于Java的学习而言,应该对于学习时间.目标和内容规划有一个清晰的定 ...
- 从零开始搭建vue移动端项目到上线的步骤
初始化项目 1.在安装了node.js的前提下,使用以下命令 npm install --g vue-cli 2.在将要构建项目的目录下 vue init webpack myproject(项目目录 ...
随机推荐
- springboot+@async异步线程池的配置及应用
示例: 1. 配置 @EnableAsync @Configuration public class TaskExecutorConfiguration { @Autowired private Ta ...
- [ipsec][strongswan] 用strongswan pki工具生成自签名证书
如题.我在实验环境里,分别要为两个endpoint(T9和T129)生成证书. 证书是如何生成的呢? 证书是由根证书机构签发的.申请证书的人将request提交给根证书机构,然后根证书机构根据requ ...
- python_代码中调用java类
1. 安装jpype (python调用java class文件用) 1.1. 自动安装:pip install jpype1 1.2. 手动方式安装jpype1 安装wheel:pip instal ...
- windows 10 超级优化,同时解决本地磁盘100%的问题
windows 10 超级优化,同时解决本地磁盘100%的问题 我的系统是笔记本I7处理器,配置了web服务器IIS 和一个数据库(mysql7),同时启用了虚拟机(表中已禁用),以及安装了offic ...
- 1、js比较日期的大小
① html <div class="ptb10"><span>共享开始时间:</span><input type="text& ...
- 17.1-uC/OS-III消息管理(两种消息队列)
1.使用消息队列 消息队列函数: 函数名 功能 OSQCreate() 创建一个消息队列 OSQDel() 删除一个消息队列 OSQFlush() 清空一个消息队列 OSQPend() 任务等待消息 ...
- mybatis 转义
当我们需要通过xml格式处理sql语句时,经常会用到< ,<=,>,>=等符号,但是很容易引起xml格式的错误,这样会导致后台将xml字符串转换为xml文档时报错,从而导致程序 ...
- 2018年工作终总结&规划
收获满满的2018 收获总结: 1. 换了家有地区牌照的公司,薪酬涨了那么一点点,但是工作压力.强度下降不少,这样有更多时间来学习新知识. 2. 跟同事一起接了维护后台管理系统的私活,每个月多了一点点 ...
- 遇到NotificationService: Suppressing notification from package com.example.dell.servicebestpractice by u错误
一般来说是手机设置没有允许通知
- fiddler学习总结--手机端(APP/微信小程序)抓包
步骤一.手机和电脑要在同一个局域网中 步骤二.完成fiddler的基本配置,与web端抓包一样: TOOLS-->options-->connections-->1.设置端口:2.勾 ...