2017年02月_kittyjie

12月 06月 05月 04月 03月 02月 01月

原创 AngularJS实际项目应用——动态模块切换设计

有这样一个需求，就是根据后台一个API或者参数确定前台展示的功能模块：菜单会不同，点击菜单，切换页面，页面内容也会不同。比如云计算中虚拟化的后台可能是KVM，openstack或者esxi或者其它，那么针对这几个平台创建虚拟机的页面会不一样，因为需要的参数会有很大不同。功能的实现主要是利用requirejs的路径配置来切换不同的功能模块。看一下目录结构：首先，在bootstra

2017-02-22 15:23:51 1026

转载前端解决跨域问题的8种方案（最新最全）

转自：http://www.cnblogs.com/JChen666/p/3399951.html1.同源策略如下：URL说明是否允许通信http://www.a.com/a.jshttp://www.a.com/b.js同一域名下允许http://www.a.com/lab/a.jshttp:

2017-02-22 11:14:33 542

原创 AngularJS实际项目应用——移动端设计

按照现在主流的做法，采用响应式设计，应该不在区分移动端和PC端，但由于项目历史遗留的问题，或者说为了开发速度，还是需要单独的移动端设计。其实我觉得单独的移动端开发也有好处，可以充分利用移动端的各种设计模式以及用户使用习惯，最大限度的使用移动框架的各种组件。本项目采用了分开的设计，看一下项目总体目录结构：移动端的代码都在app_m下面，里面的目录结构和app几乎一样，但可以省略一些文

2017-02-21 09:43:18 3072

原创 AngularJS实际项目应用——Service层介绍

所谓的Service层就是如何调用后台的rest api，你可能觉得这有什么可设计的？不就是用$http或者$resource直接调用就行了吗？如果这样写，在简单的应用中还行，但程序一旦复杂起来，$http调用会散落在各种controller或者directive中，会有很多重复的代码。如果后台rest api的路径设计不好的话，那通过$http调用会使得业务逻辑很难被理解。万一需要更改路径，只能

2017-02-20 15:36:03 2617 1

原创 AngularJS实际项目应用——Controller层介绍

在这个angularjs的项目里，我把controller分类两类，一个是页面级别的controller，一个是对话框级别的controller。页面级别的controller就是用户直接点菜单，路由到某个页面，需要用到的。对话框级别的就是在页面中使用bootstrap对话框组件需要的controller。页面级别controllerdefine(['require','angular',

2017-02-17 14:45:57 1395

原创 AngularJS实际项目应用——程序入口启动

一步一步看程序怎么启动的，angularjs是单页应用，基本就一个页面，页面主要结构如下：页面最下面引入requirejs真正的程序启动点在config-product.js里(function(window){ var appPath=window.contextPath+ '/static/js/'+(window.i

2017-02-16 15:12:37 8026

原创 AngularJS实际项目应用——模块路由

本项目利用了ui-router-extras库的特性，实现了路由的动态加载，即对路由按照模块进行切割，只有用户真正访问某个模块下的页面时，才会去加载对应的模块文件，配置路由。设想一下如果项目有几十个路由甚至更多，用ui-router的方式在app启动时候用config方法去配置，会显得臃肿低效率。如果项目由多个人开发，那么每个人都需要更改自己模块下路由的配置，很容易造成代码冲突。具体ui-ro

2017-02-14 15:49:50 2340

原创 AngularJS实际项目应用——模块划分

angularjs的设计理念是鼓励多模块的，每个模块可以依赖于其它模块，这样可以用模块的概念匹配业务功能。所以在设计angularjs的程序时，可以根据一定的业务规则进行模块划分。一般来讲，一个angularjs的程序都会有一个app模块，也就是程序的入口点。当然如果功能较少，一个app模块就足够了，剩下的service和controller等其他组件都可以挂到这个app上。但是程序一扩张，就

2017-02-07 17:29:10 2616

转载正则表达式匹配N的倍数

来源：https://jex.im/programming/triple-regex.htmlRegex Golf上有一道题名为 Triples，即要求用正则表达式匹配3的倍数，还有一道匹配7的倍数的练习题。这种问题如果人肉解决的话，相当于做一道包含几十个数的四则运算题，不管你怎么想，反正我小时候遇到五个数以上的四则运算题都是直接略过。小时候不好好学习，现在该怎么办呢？——现在我会写代码了

2017-02-07 11:17:17 7474