
前端开发
文章平均质量分 55
我是钟钟
https://git.oschina.net/zt_zhong/CodeBe
展开
-
Ext日期范围自定义验证
Ext.onReady(function(){ Ext.apply(Ext.form.field.VTypes,{ daterange:function(val,field){ var date = field.parseDate(val); if(!date)return false;原创 2015-12-03 15:03:14 · 664 阅读 · 0 评论 -
Angular2 AoT编译以及Rollup摇树优化
1.先使用Angular-cli生成一个新的项目 ng new angular2-aot-rollup-seed2.创建完成之后,会自动生成一个根模块AppModule,为了说明问题,使用 ng g module HomeModule ng g component HomeComponent生成一个新的Home模块,并且生成一个新的Home组件3.配置路由 AppModule中的路由配原创 2017-01-12 11:28:34 · 9902 阅读 · 3 评论 -
angular2整合zTree
地址:http://git.oschina.net/zt_zhong/CodeBe原创 2017-03-21 08:35:59 · 3372 阅读 · 0 评论 -
angular2集成FullCalendar日历插件,高德地图,highcharts
http://git.oschina.net/zt_zhong/CodeBe原创 2017-03-21 08:36:54 · 3023 阅读 · 0 评论 -
Extjs6开发环境搭建
1.下载extjs6的gpl版本和sencha cmdsdk下载地址:https://www.sencha.com/legal/GPL/cmd下载地址:https://www.sencha.com/products/sencha-cmd/2.安装cmd下载完cmd之后,直接双击安装,然后一直next到最后即可。安装完成之后,打开windows的cmd窗口,输入sencha,查看是否安装成功。原创 2017-04-12 09:43:05 · 2445 阅读 · 0 评论 -
使用sencha cmd创建项目
1.使用以下命令来创建一个extjs项目。sencha -sdk /path/to/ext6 generate app MyApp /path/to/my-app-sdk指定上一篇文章中extjs的sdk的目录(我的是在c:/ext6),如果你直接在sdk目录运行这个命令的话,则可以不指定-sdk选项。 正在复制ext的sdk到项目目录中,可能需要等待一段时间。 到此,我们已经创建好一个e原创 2017-04-12 10:22:00 · 2229 阅读 · 0 评论 -
【Angular】关于AsyncPipe你不知道的3件事!
原文地址:https://blog.thoughtram.io/angular/2017/02/27/three-things-you-didnt-know-about-the-async-pipe.html你肯定听说过Angular的AsyncPipe对不对?它是一个非常方便的管道(Pipe),可以让我们在模版中使用,所以我们不需要去处理从Observables或者Promises中的数据。 结果翻译 2017-05-17 09:38:01 · 4384 阅读 · 0 评论 -
使用Redux和ngrx构建更好的Angular2应用(一)
原文地址:http://onehungrymind.com/build-better-angular-2-application-redux-ngrx/Angular2状态管理的演变Angular2的状态管理是以单例开始的,如果你使用的是单个的控制器来管理整个应用的所有状态的话。 如果是一个SPA,一个控制器是否是正确的?我们从最原始的地方开始,在指令或者路由中,将我们的视图和控制器分组成更小的,翻译 2017-05-17 09:36:13 · 1875 阅读 · 0 评论 -
Angular2+AOt+nginx开启gzip,优化访问速度
在使用angular2开发项目的时候,你会发现ng build出来的包,动不动就几m啊(没有黑angular的意思),那还怎么玩下去啊,对吧。虽然angular2有aot啊,但是优化之后还是很大啊,那怎么办啊?要不试试gzip啊。那么我就用Nice Fish(http://git.oschina.net/mumu-osc/NiceFish)为例,来说下如何使用nginx运行angular2的项目以及原创 2017-05-08 19:22:18 · 4761 阅读 · 4 评论 -
使用Redux和ngrx构建更好的Angular2应用(二)
我的Angular2项目:http://git.oschina.net/zt_zhong/CodeBe原文地址:http://onehungrymind.com/build-better-angular-2-application-redux-ngrx/创建ItemsService我们的ItemsService的第一个也是最简单的迭代,从store中获取items集合。请注意,我们将我们的项目集合键翻译 2017-05-17 11:13:24 · 562 阅读 · 0 评论 -
使用Redux和ngrx构建更好的Angular2应用(三)
我的Angular2项目:http://git.oschina.net/zt_zhong/CodeBe原文地址:http://onehungrymind.com/build-better-angular-2-application-redux-ngrx/统一State这里要重申一下,redux中最重要的一个概念是将整个应用程序的状态集中到一个单一的JavaScript对象树中。在我看来,这是现在我们翻译 2017-05-17 17:12:38 · 624 阅读 · 0 评论 -
使用Redux和ngrx构建更好的Angular2应用(四)
我的Angular2项目:http://git.oschina.net/zt_zhong/CodeBe原文地址:http://onehungrymind.com/build-better-angular-2-application-redux-ngrx/调用所有服务首先,将Http和Headers从angular2/http模块导入到应用中,准备Http调用。import {Http, Header翻译 2017-05-17 20:46:46 · 1183 阅读 · 0 评论 -
Angular-Cli+nginx使用gzip static再次加快应用访问速度!!!
在上一篇文章中,我说过了如何通过配置nginx的gizp来加快ng2的应用访问速度,不知道的点这里。后面有朋友评论说,可以使用gzip static呀,这样更快。首先来说下gzip static表示什么意思,就是说你可以直接将文件先压缩成gz,这样客户端访问的时候,nginx就直接返回就好了,而不像之前一样,需要nginx先压缩然后再将压缩的结果发送给客户端。毫无疑问,使用gzip static会比原创 2017-05-10 10:04:49 · 3718 阅读 · 1 评论 -
angular-cli版本升级后错误
node:v7.4.0 npm:4.0.51.ERROR in Cannot use ‘in’ operator to search for ‘providers’ in null 这个错误,需要将 export default RouterModule.forRoot(appRoutes); 改成export const appRoutes = [{ path:”, c原创 2017-01-08 19:54:29 · 4506 阅读 · 1 评论 -
angular2错误
RangeError: Maximum call stack size exceeded at MergeMapSubscriber._tryNext (mergeMap.ts:120) at MergeMapSubscriber._next (mergeMap.ts:108) at MergeMapSubscriber.Subscriber.next (Subscribe原创 2017-01-07 15:05:31 · 1156 阅读 · 0 评论 -
angularjs之ui-bootstrap的使用
1.新建uiBootstrap.html页面,引入依赖的js和css类库2.新建uiBootstrap.js文件,定义一个uiModule模块,引入依赖的模块/** * Created by zhong on 2015/9/7. */var uiModule = angular.module("uiModule",["ui.bootstrap","ui.router原创 2015-12-03 11:11:00 · 7348 阅读 · 0 评论 -
angularjs指令的使用
1.新建一个directiveDemo.html文件,在html页面中引入依赖的js和css类库2.新建一个js文件,app.js用于定义模块和指令,内容如下:myApp:模块名称login:指令名templateUrl:指令对应的html文件replace:是否替换指令标签内原有的内容restrict:使用指令的方式,A:属性的方式,E原创 2015-12-03 10:54:48 · 385 阅读 · 0 评论 -
使用ZTree展示组织树结构
1.在jsp页面中引入Ztree的相关文件2.配置ZTree的节点点击时自动加载子节点3.在jsp页面中定义一个用于展示树结构的ul4.初始化树5.在后台加载用于初始化的数据6.在后台编写点击树点后的请求方法findChildren8.展示结果原创 2015-12-03 10:47:40 · 1797 阅读 · 1 评论 -
angularjs-ui-router的使用
1.新建org.html页面,在页面中引入依赖的js和css类库2.定义两个ui-view用于显示组织树和组织人员列表内容3.新建org.js文件4.成员列表的定义/** * Created by zhong on 2015/9/7. */$("#table").bootstrapTable({ pagination: true,/原创 2015-12-03 11:05:59 · 705 阅读 · 0 评论 -
angularjs之ui-bootstrap和ui-router结合使用
路由部分定义:页面部分:原创 2015-12-03 11:16:33 · 933 阅读 · 0 评论 -
Ext文件管理界面
[{ alias: "widget.filepanel", layout: { type: "hbox", align: "stretch" }, defaults: { split: true }, items: [{ flex: 1, xtype: "treepan原创 2015-12-03 14:41:06 · 934 阅读 · 0 评论 -
angularjs之函数
angular.lowercase:将字符串转换为小写angular.uppercase:将字符串转换为大写angular.forEach(obj, iterator, [context]):遍历对象集合,该函数包括三个参数,第一个参数表示需要遍历的对象或数组,第二个参数为一个函数,第三个对象为当前的上下文环境(this);var values = {name: 'misko', ge原创 2015-12-08 09:09:44 · 2464 阅读 · 0 评论 -
MacBook pro iterm2 配色
之前一直看到别人使用iterm的时候,界面很漂亮,彩色版,而自己的就是默认的黑白,所以想改成彩色版的。在网上找了很多方法之后,还是不行。最后自己借鉴别人的配置搞定!job done。#enables colorin the terminal bash shell export export CLICOLOR=1 #sets up thecolor scheme原创 2016-06-26 10:29:08 · 3287 阅读 · 0 评论 -
extjs6文档
http://zhongzhong0505.github.io/extjs6/原创 2016-08-23 10:28:17 · 672 阅读 · 0 评论 -
Angular2学习笔记-环境搭建
angular2 学习笔记 -Hello Angular2说明:这里使用的是一个github上的一个种子项目,链接https://github.com/AngularClass/angular2-webpack-starter。使用一下命令,从github上克隆angular2-webpack-starter到本地。git clone https://github.com/AngularClas原创 2016-09-04 20:24:45 · 1256 阅读 · 0 评论 -
js函数库(1)
将以下划线分割的字符串转换为驼峰形式的字符串_2camelCase:function (str) {let result = "";let arr = str.split("_");if (arr.length === 1) { result = arr[0].toLowerCase();} else { arr.forEach(function (ele, index)原创 2016-11-03 09:09:56 · 420 阅读 · 0 评论 -
javascript中,==操作的特殊情况总结
。。。原创 2016-10-23 21:10:04 · 360 阅读 · 0 评论 -
下一代前端打包工具-Parcel介绍
Parcel的特性快速打包 - 多核编译,以及文件系统缓存,即使在重新启动之后也能快速重新构建。支持JS,CSS,HTML,文件资源等- 不需要安装任何插件。在需要的时候自动使用Babel,PostCSS和PostHTML自动转换模块 - 甚至是node_modules。零配置代码拆分,使用动态import语句分割。内置支持模块热替换友好的错误记录体验,语法突出显示的代码帧有助于查明问题转载 2017-12-08 11:32:37 · 5074 阅读 · 0 评论