我是钟钟-优快云博客

转载下一代前端打包工具-Parcel介绍

Parcel的特性快速打包 - 多核编译，以及文件系统缓存，即使在重新启动之后也能快速重新构建。支持JS，CSS，HTML，文件资源等- 不需要安装任何插件。在需要的时候自动使用Babel，PostCSS和PostHTML自动转换模块 - 甚至是node_modules。零配置代码拆分，使用动态import语句分割。内置支持模块热替换友好的错误记录体验，语法突出显示的代码帧有助于查明问题

2017-12-08 11:32:37 5064

翻译使用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 1174

翻译使用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 618

翻译使用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 553

翻译【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 4380

翻译使用Redux和ngrx构建更好的Angular2应用(一)

原文地址：http://onehungrymind.com/build-better-angular-2-application-redux-ngrx/Angular2状态管理的演变Angular2的状态管理是以单例开始的，如果你使用的是单个的控制器来管理整个应用的所有状态的话。如果是一个SPA，一个控制器是否是正确的？我们从最原始的地方开始，在指令或者路由中，将我们的视图和控制器分组成更小的，

2017-05-17 09:36:13 1874

原创 Angular-Cli+nginx使用gzip static再次加快应用访问速度！！！

在上一篇文章中，我说过了如何通过配置nginx的gizp来加快ng2的应用访问速度，不知道的点这里。后面有朋友评论说，可以使用gzip static呀，这样更快。首先来说下gzip static表示什么意思，就是说你可以直接将文件先压缩成gz，这样客户端访问的时候，nginx就直接返回就好了，而不像之前一样，需要nginx先压缩然后再将压缩的结果发送给客户端。毫无疑问，使用gzip static会比

2017-05-10 10:04:49 3711

原创 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 4747 1

原创使用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 2219

原创 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 2436

原创 angular2集成FullCalendar日历插件,高德地图，highcharts

http://git.oschina.net/zt_zhong/CodeBe

2017-03-21 08:36:54 3012

原创 angular2整合zTree

地址：http://git.oschina.net/zt_zhong/CodeBe

2017-03-21 08:35:59 3367

原创 sonar 集成代码测试覆盖率插件jacoco

sonar 集成代码测试覆盖率插件jacocosonar安装与配置sonar的安装非常简单，你只要下载sonar的压缩包，解压之后，切换到bin目录下，然后根据你的机器系统类型切换到指定的目录下去运行sonar就可以了，比如我的是在64位的centos中部署的，那我就切换到bin/linux-x86-64/这个目录下然后在这个目录运行./sonar.sh start，就能启动sonar。最重

2017-02-13 16:18:25 6850 3

原创 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 9891

原创 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 4495 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 1153

翻译 mariadb，mysql数据库如何快速插入数据到表中

原文地址：https://mariadb.com/kb/en/mariadb/how-to-quickly-insert-data-into-mariadb/声明：本人第一次翻译文档，不当之处，请指正。本文介绍了用于将数据迅速插入到MariaDB数据库中一些和平常不一样的技术。1.背景当插入新数据到mariadb中的表时，下面这些是比较耗时间的事情。 1.同步数据到磁盘（作为事务的最后

2016-11-16 20:31:53 2125

原创 java内存模型学习笔记

1·数据争用问题。光看图可能很难理解什么意思，这里表示的是程序可能执行的两种顺序，我们一般会觉得a这种情况是正确的程序执行方式，但是在多线程的程序中，a和b这种情况都有可能出现，还可能出现别的情况，这就出现了数据争用的问题。我写了一个测试程序来说明这种情况。代码：package com.test;import java.util.concurrent.locks.ReentrantLock;

2016-11-06 20:59:05 320

原创 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 417

原创 javascript中，==操作的特殊情况总结

。。。

2016-10-23 21:10:04 357

原创 springmvc初始化的时候，bean都实例化了两次

在使用spring mvc初始化项目的时候，我用jprofile监控查看内存信息的时候，发现每个bean的实例数都是2个。查看springmvc的配置文件 <context:component-scan base-package="com.refordom" > <context:include-filter type="annotation" expression="org.

2016-09-18 18:42:19 7762

原创 spring mvc返回json格式到客户端，并且在Controller中自动将对象转换为json

在spring mvc中使用@RestController来写restful风格的服务的时候，出现了一下的错误。客户端显示406的状态码，表示服务器返回的是不可接受的类型。这个问题主要是在spring-mvc的配置中没有配置json的转换器。配置如下：<mvc:annotation-driven>

2016-09-12 15:57:17 4881

原创 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 1248

原创 sqlserver join之后如何过滤右表中的某一些数据

sqlserver join之后如何过滤右表中的某一些数据SELECT * FROM AOUTER APPLY(SELECT TOP(1) * FROM B WHERE [Name]=A.ANAME ORDER BY UserLevel DESC) T

2016-08-25 16:54:56 1175

原创 extjs6文档

http://zhongzhong0505.github.io/extjs6/

2016-08-23 10:28:17 669

原创 mysql分别对分一组的数据进行更新

UPDATE `trans_detail-2013-12_` a,(SELECT MIN(EFFECTIVE_TIME) minTime,TRANS_CODE transCode FROM `trans_detail-2013-12_` WHERE TRANS_CODE in('QTCK_1312_1_QTRK_1312_1','QTCK_1312_2_QTRK_1312_2

2016-08-22 12:41:07 766

原创在使用java8并行流的时候的一点问题

import java.util.ArrayList;import java.util.List;/** * * * @author zhongzhong * @since 0.1.0 */public class Test { public static void main(String[] args) { List jobs = new ArrayL

2016-07-19 17:32:43 1775

原创 IEDA 远程调试

使用ieda远程调试代码

2016-07-18 14:16:54 644

原创 java范型

Class a = new ArrayList().getClass();Class b = new ArrayList().getClass();System.out.println(a == b);／／true

2016-07-17 17:16:24 295

原创 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 3280

原创 eclipse debug source not found 错误

关闭debug视图，重新打开就可以了

2016-05-28 10:26:35 403

原创在spark环境中运行demo的时候报错

在spark环境中运行demo的时候报错，怎么解决？/usr/spark-1.6/bin/spark-submit --class org.apache.spark.examples.SparkPi --master yarn --deploy-mode client --executor-cores 1 --queue thequeue /usr/spark-1.6/lib

2016-02-28 19:33:41 640

原创 spark-1.6环境搭建

预备：我使用了两个centos的虚拟机来做的集群环境，一个名称为master一个名称slave配置文件在/etc/hosts文件中127.0.0.1 zzt 192.168.111.129 master192.168.111.130 slave1.准备scala环境，下载地址：http://www.scala-lang.org/download/2.11.5.ht

2016-02-28 09:03:13 973

原创 2.Redis常用命令

选择存储数据的位置：（redis中存储的数据位置按0,1,2...编号的方式存储，可以将数据存储在制定编号的位置中）选择存储位置：select 1存储一个值set foo 1表示在编号为1的位置创建一个key，key的值为foo这里的存储位置类似与关系型数据库服务器中的数据库，一个数据库服务器中可以创建多个数据库，这里一个redis服务器可以有多个存储位置，但是

2016-01-20 17:30:59 360

原创 java调用webservice

在之前的项目中，如果有需要调用webservice的功能，一般我们都是采用httpClient这种方式来实现。如下String info = URLEncoder.encode("你好","utf-8");String url = "http://www.tuling123.com/openapi/api?key=appkey&info="+info;HttpGet get = new Htt

2015-12-11 21:22:15 413

原创使用CXF开发RestFul风格WebService

1.首先定义一个简单类DDpackage service;import javax.xml.bind.annotation.XmlAccessType;import javax.xml.bind.annotation.XmlAccessorType;import javax.xml.bind.annotation.XmlRootElement;@XmlRootElement(nam

2015-12-09 11:56:24 582

原创 angularjs之函数

angular.lowercase：将字符串转换为小写angular.uppercase：将字符串转换为大写angular.forEach(obj, iterator, [context])：遍历对象集合，该函数包括三个参数，第一个参数表示需要遍历的对象或数组，第二个参数为一个函数，第三个对象为当前的上下文环境（this）；var values = {name: 'misko', ge

2015-12-08 09:09:44 2458