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(项目目录 ...
随机推荐
- plupload多个实例,返回区分实例的返回
plupload多个实例很简单,但是麻烦的是,返回的时候没有明显标记区分input的id,好蛋疼 var uploader = new plupload.Uploader({ //实例化一个plupl ...
- 2019年3月8日A股百点暴跌行情思考
本人操作: [海通证券]:早盘挂单并撤单,盘中高位卖出,尾盘低位接回. 总结 - 正确:持股数量不变,成本降低. [信雅达]:早盘低开加仓,盘中高位卖出,跌后接回,尾盘跌停. 总结 - 正确:加仓, ...
- JavaScript面向对象之get和set设置读写属性
之前我们通过this和prototype申明的属性都是可读写的属性,如果想实现单独控制,就必须使用get和set存取期. 基本方法的 步骤一般包含两个步骤,1,使用var关键字定义一个私有属性作为中间 ...
- 深入浅出Vue基于“依赖收集”的响应式原理(转)
add by zhj: 文章写的很通俗易懂,明白了Object.defineProperty的用法 原文:https://zhuanlan.zhihu.com/p/29318017 每当问到VueJS ...
- date_default_timezone_set()问题解决方案(PHP5.3以上的)
date() [<a href='function.date'>function.date</a>]: It is not safe to rely on the syst ...
- django-ajax post与get请求
客户端 访问 服务器 方式: 地址栏 get a标签 get form表单 get/post ajax ...
- Python学习之数组类型一:
Python学习之数组类型一: Numpy中的向量与矩阵: 1.创建: 向量.矩阵均由array函数创建,区别在于向量是v=array( [逗号分隔的元素] ), 矩阵是M=array( [[ ]] ...
- 关于mysql处理百万级以上的数据时如何提高其查询速度的方法
1.应尽量避免在 where 子句中使用!=或<>操作符,否则将引擎放弃使用索引而进行全表扫描. 2.对查询进行优化,应尽量避免全表扫描,首先应考虑在 where 及 order by 涉 ...
- puppeteer(二)操作实例——新Web自动化工具更轻巧更简单
一.入门实例 了解puppeteer见上一篇文章: https://www.cnblogs.com/baihuitestsoftware/p/9957343.html 1)本例主要是启动浏览器 con ...
- 逆向 AWS API 设计
由于AWS并没有像Google一样公开出一份API Design Guide,所以只能根据 API 的模样去逆向工程最初的设计考量.既然上一篇介绍了很多 REST 的缺陷,那么这里也会介绍一下 AWS ...