Sencha Ext JS 4开发入门教程

2012-06-24 09:10:30 来源：OSCHINA翻译 作者：

这个教程叫告诉你如何开始基于 Sencha Ext JS 4 开发程序，同时提供完整的教程源码和 3 个高清的视频讲解。

这个教程叫告诉你如何开始基于 Sencha Ext JS 4 开发程序，同时提供完整的教程源码和 3 个高清的视频讲解。

准备工作

你无需单独为 Sencha 安装开发环境，只需要有一个 Web 浏览器、Web 服务器和一个文本编辑器即可。我使用的是 Mac 机器和 Chrome 浏览器，使用 Mac 的 Web 服务器和 Komodo 编辑器，你可从 Sencha Getting Started 链接中获取如何安装环境的说明。

Hello World

一般我们在学习一种新语言或者技术时，都会编写一个 Hello World 程序来快速的了解语言的开发工作。在这个例子中，我们在 Hello world 基础上增加一些东西，我们添加一个 Viewport 组件、Sencha classpathing ，一个定制的超类和之类，以及一个 mixin 类的实例。

项目输出结果

该示例程序运行后的结果如下图所示，我同时使用桌面浏览器和手机浏览器来查看运行结果，Sencha 同时提供了 Sencha Touch，主要用来构建智能手机上的应用，但今天我们主要讲桌面版的 Ext JS。

调试：在 chrome 窗口中，通过 Chrome 内置的开发者工具 (Built-In View->Developer->Developer’s Tools) 可看到 Sencha Ext JS 的输出：

Sencha Ext JS 4开发入门教程_第1张图片
In Chrome on Mac

Sencha Ext JS 4开发入门教程_第2张图片
In iOS (Via Emulator)

Sencha Ext JS 4开发入门教程_第3张图片

入口

你可看到 index.html 加载了三个外部文件

<html>
<head>
    <title>Hello World</title>
 
    <!-- STYLES -->
    <link rel="stylesheet" type="text/css" href="./libs/resources/css/ext-all.css">
 
    <!-- LIBS -->
    <script type="text/javascript" src="./libs/ext-all-debug.js"></script>
 
    <!-- APP -->
    <script type="text/javascript" src="./app.js"></script>
 
</head>
<body></body>
</html>

样式

我使用了在一些基本的教程中找到的默认的 CSS，没有做任何编辑工作。

ExtJS 的几种库文件

还有一些其他的选择，具有独特的优势。

如下：

  • ext-all-debug-w-comments.js – 整个框架的调试版本，包含注释信息，该文件很大，占用更多的处理器资源
  • ext-all-debug.js – 与上面文件相同，但是缺少注释，还是很大，但用于调试比较方便。
  • ext-all.js – 包含整个框架并经过最小化处理，不支持调试，没有注释，产品环境中请使用该文件。
  • ext-debug.js – 该文件提供最佳的调试体验，但也是最慢的。
  • ext.js – ext-debug.js 经过压缩处理后的版本

App

app.js 文件是你定制代码的入口，你可以将你定制的代码放在 src 和 assets 文件夹中。在我的定制代码中，我展示了一些有趣的东西：

Components

我没有对 Sencha 组件库进行深入研究，但有很多好看的组件，包括：Accessibility, Grids, Charts, Tabs, Windows, Trees, Layout, Managers, Drawing, Drag and Drop, Toolbars, Menus, ComboBox, DataView, Forms, MVC 等等，这里有一个 ViewPort 的简单例子：

 testSomeUI: function() {
    Ext.create('Ext.container.Viewport', {
        name : "viewPort2",
        layout: 'fit',
        items: [
            {
                title: 'My Viewport',
                html : 'Hello World!'
            }
        ]
    });

},
 

Classpathing

Sencha 提供一种很好的方式将代码分开成为单独的类，并可将类存放于包中。所有包的根就是源码根路径。Classes/packages 可帮助你组织和调试（在断点位置可更清晰的显示问题所在）

首先，我指定了一个或者多个 classpaths:

Ext.Loader.setConfig({
    enabled : true,
    paths   : {
        com : "src/com"
    }
});

然后在主 app 中加载并使用某个类：

// SUPER CLASS
var myBeer = Ext.create('com.rmc.projects.helloworld.Beer', 'Budweiser');     
console.log ("myBeer.brandName: " + myBeer.brandName );
console.log (myBeer.drink());
 
// CHILD CLASS
var myLightBeer = Ext.create('com.rmc.projects.helloworld.LightBeer', 'BudLight');     
console.log ("myLightBeer.brandName: " +myLightBeer.brandName );
console.log (myLightBeer.drink());
 
// MIXIN
//  Because of 'MixinCheers.js' we can call 'cheers()'
myLightBeer.cheers();

我阅读了文档，知道这被称为“动态加载”类，可在需要的时候加载。由于 JavaScript 原生是不支持面向对象开发，但是在 Sencha 中却工作得很好：

这里是一个超类：

Ext.define('com.rmc.projects.helloworld.Beer', {
 
    // --------------------------------------
    // Properties
    // --------------------------------------
    brandName: 'Unknown',
    calories: 0,
 
    // --------------------------------------
    // Constructor
    // --------------------------------------
    constructor: function(brandName) {
 
        // SUPER
 
        // EVENTS
 
        // VARIABLES
 
        // PROPERTIES
        this.calories = 200;
        if (brandName) {
            this.brandName = brandName;
        }
 
        // METHODS
 
        // RETURN
        return this;
    },
 
    // --------------------------------------
    // Methods
    // --------------------------------------
    drink: function() {
 
        return "The beer '"+ this.brandName+"' was drank. Calories : " + this.calories;
    }
 
});

然后是一个之类，扩展了超类：

Ext.define('com.rmc.projects.helloworld.LightBeer', {
 
    // --------------------------------------
    // Properties
    // --------------------------------------
    extend : "com.rmc.projects.helloworld.Beer",
 
    mixins: {
        ch: 'com.rmc.projects.helloworld.MixinCheers'
    },
 
    // --------------------------------------
    // Constructor
    // --------------------------------------
    constructor: function(brandName) {
 
        // SUPER
        this.superclass.constructor.apply(this, [brandName]);
 
        // EVENTS
 
        // VARIABLES
 
        // PROPERTIES
        this.calories = 100;
 
        // METHODS
 
        // RETURN
        return this;
    },
 
    // --------------------------------------
    // Methods
    // --------------------------------------
 
 
});

这里是一个 mixin 类，子类中使用：

Ext.define('com.rmc.projects.helloworld.MixinCheers', {
 
    // --------------------------------------
    // Properties
    // --------------------------------------
 
    // --------------------------------------
    // Constructor
    // --------------------------------------
 
    // --------------------------------------
    // Methods
    // --------------------------------------
    cheers: function() {
        console.log ("Cheers!");
    },
 
 
});

Ext JS MVC 模板

如果你喜欢上面的 Hello world 例子，这里有一些更高级的东西。我的灵感来自于 Robotlegs MVC Templates （这是我为 AS3/Flex 创建的项目），今天我们使用同样的思路创建一个 Ext JS MVC 模板。

模板的目的是为了创建一个简单的、空的 MVC 应用，这个可以作为你新的 Ext JS 项目的基准。MVC 是 web 开发广泛使用的设计模式，这里的应用提供一个简单的 UI 包含 load 和 clear 按钮，load 按钮从 model 中加载数据并在 view 中显示，这是一个很简单的例子，但足以演示 Sencha Ext JS 中一些关键的概念。

Sencha Ext JS 4开发入门教程_第4张图片
Figure 1

Sencha Ext JS 4开发入门教程_第5张图片
Figure 2

结论

我很高兴有 Sencha Ext JS 这样的东西，该框架为 JavaScript 增加了更强大的功能，其样式系统也非常的灵活和可靠，组件看起来都很棒。

你可能感兴趣的:(sencha)

  • 十款移动APP开发框架 小小鸟008 前端h5app
    十款移动APP开发框架:1.jquerymobile框架2.bootstrap框架3.ionic框架4.MobileAngularUI框架5.IntelXDK框架6.AppceleratorTitanium框架7.SenchaTouch框架8.KendoUI框架9.PhoneGap框架10.mui框架1.jquerymobile框架jQueryMobile是jQuery在手机上和平板设备上的版本。
  • 议论文写作词汇积累 劈柴捌哥
    raiseconcernsthatthestudywasgreetedwithmixedopinionfrom…and…callonthearchitectsofsth.todo…growdisenchantedwide-eyederaitwaslikeawormhadfounditswayintoherheadwholesomerewardevangelicalabouttechnologybu
  • 阴谋交织中《幻灭》第一季part2的五个待解谜团 Archlily
    Maru在《幻灭》（Disenchantment）第二季中，故事地图从Bean一家生活的梦王国扩张到了Bean死而复生的母亲达格玛王后的娘家马鲁（显然破败的马鲁带有异域色彩与邪教氛围，而且与地狱联系颇深)以及在第二季第九集出现的明显时代发展先于梦王国的蒸汽国。《幻灭》随着主线故事发展带来了更大的信息量，同时也带给了观众越来越多的谜团。SteamLand一、最终集里达格玛皇后的小怪物“Trogs”是
  • Sencha Touch/ExtJS6 Modern结合Phonegap/Cordova开发移动端Hybird应用 神秘_博士 Phonegap+SenchaTouchandroidphonegapsencha移动开发phonegapbuild
    原文地址：http://blog.csdn.net/lovelyelfpop/article/details/20392377本文介绍的是SenchaTouch结合Cordova/Phonegap开发移动应用的环境搭建介绍。其实SenchaTouch和Cordova/Phonegap并没太大关联，而只是SenchaCmd(打包工具)内部调用了Cordova/Phonegap的build命令。所以，
  • Sencha ExtJS v1.0.3 扩展不适用于最新版 VSCode 的解决办法 神秘_博士 SenchaExtJS和Touchvscode编辑器sencha扩展插件
    如果VSCode版本大于1.61.2，SenchaExtJSv1.0.3扩展会无法使用，啥提示都没有，打开vscode的开发者工具，也看不出有什么错误。解决办法使用VSCode的开源版本VSCodiumhttps://github.com/VSCodium/vscodium/releases最新版本也能支持SenchaExtJSv1.0.3扩展使用VSCodium，你在扩展商店是搜索不到那些在微软
  • Sencha ExtJS v1.0.4 扩展不能“转到定义“的解决办法 神秘_博士 SenchaExtJS和Touchextjssenchavscodeextension
    VSCode的Sencha扩展自动更新到了1.0.4，去除激活提示的方法和以前一样。但是有扩展bug，就是无法转到定义，打开VSCode的开发者工具，由一堆报错。解决办法：要修改下文件C:\Users\xxx\.vscode\extensions\sencha.vscode-extjs-1.0.4\node_modules\sencha-tern\lib\infer.js如果是VSCodium，文
  • Sencha ExtJS5.x主题系列讲解2 苏生米沿
    ExtJS主题系列讲解2构造自定义主题一旦安装好以上的必须后，你就可以构造一个自定义的主题了。设置一个工作空间（可选的）通过CMD生成的工作空间，可以允许主题，包和SDK在空间内的各个应用程序间共同使用。然而，对于自定义主题来说，这并不是必须的。如果你的应用只有一个，就没有必要如此做了。我们下面会通过CMD创建一个工作空间，这样，就可以让目录下的所有应用都可以使用的到，在需要创建的目录下执行如下命
  • 常用移动web开发框架 道简（Linus） 移动WEBWEB开发移动开发框架
    阿里云优惠：最高￥2000云产品通用代金券https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=dansrwg4纯粹的总结一下移动web开发框架，移动web开发框架有jQueryMobile、SenchaTouch等等,他们都来源于web开发，是成熟的框架，jQueryMobile出自于jQuery家族，SenchaTou
  • Sencha提示内存不足 Spring的思念 前端框架node.js
    去F:\Sencha\Cmd\6.7.0.63目录下修改文件sencha.vmoptions，编辑如下：-Xms128m-Xmx2048m接着使用如下命令进行编译：senchaappbuilddevelopment
  • 移动APP开发的三种常见模式 慕斯-ing MUI学习经验分享前端
    （1）当前流行的H5移动端开发框架①jQuerymobile②Bootstrap③Sencha④MUI（2）原生应用（NativeApp）原生应用程序是某一个移动平台（比如ios或安卓）所特有的，使用相应平台支持的开发工具和语言（比如ios平台支持Xcode和Objective-C，安卓平台支持Eclipse和Java）。原生应用程序看起来（外观）和运行起来（性能）是最佳的。但是存在开发成本高的缺
  • Have you ever seen that sad face? denghan
    Haveyoueverseenthatsadface?WavemediumHalfchaos.GazingatthefarawayRiverHalfbrightPoetryisnotclear.DividedthespiritofthatyearShadowinsuccessionSixheavensEnchantinglips.NoneedtoembellishSixdays?Loveindus
  • [ExtJS5学习笔记]第二十八节 sencha ext js 5.1.0发布版本正式发布 extjs doc下载地址 苏生米沿 senchaExtJS5利剑Extjs5
    本文地址：http://blog.csdn.net/sushengmiyan/article/details/41911539本文作者：sushengmiyan------------------------------------------------------------------------------------------------------------------------
  • Sencha ExtJS 5.x的容器和布局讲解 苏生米沿
    布局（layout）系统是ExtJS中较为强大的模块之一，它负责处理每一个组件（component）的大小和位置，下面主要就是讲布局的入门的。容器：一个ExtJS的应用程序UI(用户界面)是由组件(components)组成的，关于组件(component)会有有一个专页对其讲解，容器（container）则是一个特殊的组件，只不过它包含了其它的组件。一个典型的应用程序是由许多容器及其内嵌的多个组
  • Sencha ExtJS5.x 的事件机制讲解 苏生米沿
    ExtJS的组件和类，会在生命周期中调用一系列的事件，事件允许你自己写代码控制你应用程序的实际行为，它是ExtJS的一个核心内容。什么是事件？事件在你类中感兴趣的地方发生，比如，Ext.Component在渲染到屏幕的时候，ExtJS会在渲染完成后通知一个事件。我们可以通过配置一个listeners来监听那个事件。Ext.create('Ext.Panel',{html:'MyPanel',ren
  • Sencha Ext.NET Crack,构建Blazing快速应用 SEO-狼术 DelphiCrackdelphi
    SenchaExt.NETCrack,构建Blazing快速应用SenchaExt.NET是一个高级的ASP.NET核心组件框架，它包含了强大的跨浏览器SenchaExtJS库。通过140多个预构建和专业测试的UI组件实现企业级性能和生产效率。SenchaExt.NET使用尖端的Web技术创建功能强大的Web应用程序，可提供超出性能要求的可扩展业务应用程序。Ext.NET结合了领先的客户端和服务器
  • Sencha Ext.NET Crack 快速应用程序的正确工具集 SEO-狼术 DelphiCrackdelphi
    SenchaExt.NETCrack快速应用程序的正确工具集SenchaExt.NET是一个高级的ASP.NET核心组件框架，它包含了强大的跨浏览器SenchaExtJS库。通过140多个预构建和专业测试的UI组件实现企业级性能和生产效率。SenchaExt.NET使用尖端的Web技术创建功能强大的Web应用程序，可提供超出性能要求的可扩展业务应用程序。Ext.NET结合了领先的客户端和服务器端w
  • ExtJs 7.7.0 下载方法与去除trial水印 sword_happy extjsextjsextjs7去除水印trial水印
    背景最近发现SenchaExtJs发布了ExtJs7.7.0版本，立刻下载了SDK包，许多朋友不知如何下载，如何去除右上角的trial水印。本文讲下相关下载技巧与方法。下载SDK首先需要申请试用，申请地址如下，需要注意可能需要梯子，注册的邮箱最好也是国外的邮箱例如gmail：TrySenchaExtJS:AComprehensiveJavaScriptFramework-Sencha邮件中会有ad
  • sencha cmd构建_如何使用Sencha Grid构建React 16 Web应用程序 dingshi7798 pythonjavajavascript可视化vueViewUI
    senchacmd构建本文最初发表在Sencha上。感谢您支持使SitePoint成为可能的合作伙伴。React16是在React的新核心架构（代号为“Fiber”）之上构建的第一个React版本。React16是从头开始设计的，以支持异步渲染，该异步渲染允许处理大型组件树而不会阻塞主执行线程。它支持许多关键功能，例如使用错误边界捕获异常，从渲染返回多个组件，减小的文件大小以及对MIT许可证的支持
  • Sencha ExtJS 5.x 主题系统（一） 苏生米沿
    ExJS主题系统（一）默认的主题可以让我们快速的创建一个干净和专业的应用程序，但是，我们往往需要自定义一些UI显示界面来适应已有的企业主题或者是个人设计。传统来说，给应用程序美化界面就是指给组件的HTML元素设置装饰样式，这样处理的时候我们会迎来很多问题，首先就是跨浏览器的问题，然后就是你定义的样式可能会与框架的样式有冲突，使用ExtJS提供的主题API可以帮你友好的解决这些问题。通过主题API创
  • ExtJS 组件_button按钮配置-属性-方法详解 行者彡 extjs
    官方文档：https://docs.sencha.com/extjs/7.3.0/modern/Ext.html1、EXT方法使用Ext.QuickTips.init();varbuttonName=newExt.Button({id:"buttonName",text:"Button组件基本用法",tooltip:"提示信息：Button组件基本用法",//提示信息,如果需要显示提示信息，需要使
  • Ext JS - Ext.grid.feature.Grouping 分组表格 weixin_30617797 ui
    分组表格首先看下ExtJS官方文档http://docs-devel.sencha.com/extjs/4.2.2/#!/api/Ext.grid.feature.Groupingvarstore=Ext.create('Ext.data.Store',{storeId:'employeeStore',//Ext.data.StoreManager.lookup('storeId')fields:
  • Delphi 10.3 Web应用开发B/S框架介绍（三）：使用Delphi/C++ Builder配合Sencha Ext JS VCL控件包uniGUI快速可视化开发Web应用程序！ xyzhan DelphiDelphiSenchaExtJSuniGUI开发WebB/S架构
    自从第一种计算机编程语言发明以来，软件开发工具一直在发展当中。程序员一开始就以二进制代码的形式进入计算机。后来，有了像FORTRAN这样的编程语言，他们只需要把程序写成文本。经过语言和技术的几次改进，程序员开始使用集成开发环境（IDE），并最终创建了第一个RADIDEDelphi（快速应用程序开发）。BorlandDelphi（RADStudio）从TurboPascalIDE发展而来，成为90年
  • Froala：下一代所见即所得编辑器 海淀龙叔
    真正为内容管理系统及其用户提供动力需要许多实用程序。最重要的实用程序之一是高性能、功能丰富的所见即所得编辑器。我们一直不得不在现有的两个编辑器CKEditor和TinyMCE之间进行选择，但现在我们有了Froala，它是Sencha的下一代WYSIWYG编辑器。快速命中令人惊叹的高级功能，如降价支持、导出为PDF、FontAwesome等已经有大量现有插件，因此您可以毫不费力地使您的Froala实
  • 韦伯，人类的梦醒时分是祛魅——伟大的思想4 千面英雄侠
    先说“祛魅”是什么意思？这是韦伯被人引用最多的一个术语，叫做“世界的祛魅”（德语Entzauberung，英语disenchantment），也有人翻译成“除魅”。这个词字面的意思就是“世界被祛除了神秘性、魅惑性”，这说的是人对自然世界的认识发生了改变。换句话说，以前人对自然的认识中有一种神秘性，后来被去除了。那这种神秘性开始是怎么来的呢？其实很好理解，那些生活在前现代社会的古人，无论在哪个文明中
  • 10 个创建跨平台移动应用的解决方案 tywali 开发工具跨平台phonegapjavascript文档html5平台
    已经有大量创建移动应用的工具，而且会越来越多，在这篇文章中我们介绍构建跨平台移动应用的10个解决方案，我们根据复杂度、价格、功能和文档几个方面选择了不同层次的产品。1.SenchaTouch2如果你对HTML5、CSS3和JavaScript不陌生的话，SenchaTouch2就是一个非常不错的选择，可创建iPhone、Android和黑莓手机的应用。SenchaTouch2需要安装在你的电脑中，
  • disenchantment S01e01 耳机杀手
    S01E01精灵厌世Kissysaveyourlipsforprepackagedcandyassortments,andElfo,it'slikeyoudon'tappreciateyourassembly-linejob.Singingwhileyouworkisnothappiness,It'smentalillness.I'msickofbeinghappyallthetime,justo
  • 响应式布局是什么?如何实现响应式布局 千锋HTML5大前端 前端前端技术文章csscss3javascript
    响应式布局是一种布局方式，它可以根据不同设备的屏幕大小和分辨率自适应调整布局，从而使网页在不同设备上都能够正常显示。实现响应式布局的步骤如下：获取设备信息：首先需要获取设备信息，包括屏幕尺寸、分辨率、屏幕宽度和高度等。可以使用JavaScript或CSS获取设备信息，也可以使用第三方库如PhoneGap或SenchaTouch来实现。创建响应式布局：根据获取的设备信息，创建响应式布局。可以使用CS
  • 记录总结 zhouyao
    数据获取客户端代理，从内存，本地存储获取服务器端代理，从ajaxjsonnprest等model中schema表示表间关系的配置，可以被继承用senchacmd自动生成mvvc框架tipschart，在extjs中默认不存在需要手动配置写代码，先创建，后引用，代码更容易阅读再学习阶段，先不考虑运行效率问题extjschart手动配置app.json---->requires---->添加chart
  • disenchantment S02E02 耳机杀手
    Yourhighness,Theelfmayhavevaluefarbeyondweexpected.ItappearsItmaybetruetotheoldlegendsregardingelves.ItseemscertainsecretweresetdownintheancientwritingsofMephismo.美人鱼的诱惑-So,Mekimer,IknowI'vebeenalittl
  • Day 3 星星坠落 一瞥便惊鸿
    请不要与别人坠落爱河，请不要再有其他人等候着你。“Iwasenchantedtomeetyou”图片发自App果然心动的人再次见到的时候还是会心动。图片发自App心狠的人从来不念旧，就像不删你也不会去联系你一样。图片发自App我一心本想行走江湖，你的出现让我停下了脚步。图片发自App你值得我所爱隔山海的恋爱，不负此生愿你安好静待我到来，跨越山海同你相遇。图片发自App你没错！是我不合适被长期喜欢。
  • TOMCAT在POST方法提交参数丢失问题 357029540 javatomcatjsp
    摘自http://my.oschina.net/luckyi/blog/213209 昨天在解决一个BUG时发现一个奇怪的问题，一个AJAX提交数据在之前都是木有问题的，突然提交出错影响其他处理流程。 检查时发现页面处理数据较多，起初以为是提交顺序不正确修改后发现不是由此问题引起。于是删除掉一部分数据进行提交，较少数据能够提交成功。 恢复较多数据后跟踪提交FORM DATA ，发现数
  • 在MyEclipse中增加JSP模板 删除-2008-08-18 ljy325 jspxmlMyEclipse
    在D:\Program Files\MyEclipse 6.0\myeclipse\eclipse\plugins\com.genuitec.eclipse.wizards_6.0.1.zmyeclipse601200710\templates\jsp  目录下找到Jsp.vtl，复制一份，重命名为jsp2.vtl,然后把里面的内容修改为自己想要的格式，保存。 然后在 D:\Progr
  • JavaScript常用验证脚本总结 eksliang JavaScriptjavaScript表单验证
         转载请出自出处：http://eksliang.iteye.com/blog/2098985        下面这些验证脚本，是我在这几年开发中的总结，今天把他放出来，也算是一种分享吧，现在在我的项目中也在用！包括日期验证、比较，非空验证、身份证验证、数值验证、Email验证、电话验证等等...! &nb
  • 微软BI（4） 18289753290 微软BI SSIS
    1） Q:查看ssis里面某个控件输出的结果：  A MessageBox.Show(Dts.Variables["v_lastTimestamp"].Value.ToString()); 这是我们在包里面定义的变量 2):在关联目的端表的时候如果是一对多的关系，一定要选择唯一的那个键作为关联字段。 3) Q：ssis里面如果将多个数据源的数据插入目的端一
  • 定时对大数据量的表进行分表对数据备份 酷的飞上天空 大数据量
    工作中遇到数据库中一个表的数据量比较大，属于日志表。正常情况下是不会有查询操作的，但如果不进行分表数据太多，执行一条简单sql语句要等好几分钟。。   分表工具：linux的shell + mysql自身提供的管理命令 原理：使用一个和原表数据结构一样的表，替换原表。   linux shell内容如下： =======================开始 
  • 本质的描述与因材施教 永夜-极光 感想随笔
             不管碰到什么事,我都下意识的想去探索本质,找寻一个最形象的描述方式。        我坚信,世界上对一件事物的描述和解释,肯定有一种最形象,最贴近本质,最容易让人理解        &
  • 很迷茫。。。 随便小屋 随笔
    小弟我今年研一，也是从事的咱们现在最流行的专业（计算机）。本科三流学校，为了能有个更好的跳板，进入了考研大军，非常有幸能进入研究生的行业（具体学校就不说了，怕把学校的名誉给损了）。   先说一下自身的条件，本科专业软件工程。主要学习就是软件开发，几乎和计算机没有什么区别。因为学校本身三流，也就是让老师带着学生学点东西，然后让学生毕业就行了。对专业性的东西了解的非常浅。就那学的语言来说
  • 23种设计模式的意图和适用范围 aijuans 设计模式
    Factory Method 意图 定义一个用于创建对象的接口，让子类决定实例化哪一个类。Factory Method 使一个类的实例化延迟到其子类。 　　适用性 当一个类不知道它所必须创建的对象的类的时候。 　　当一个类希望由它的子类来指定它所创建的对象的时候。 　　当类将创建对象的职责委托给多个帮助子类中的某一个，并且你希望将哪一个帮助子类是代理者这一信息局部化的时候。 Abstr
  • Java中的synchronized和volatile aoyouzi javavolatilesynchronized
    说到Java的线程同步问题肯定要说到两个关键字synchronized和volatile。说到这两个关键字，又要说道JVM的内存模型。JVM里内存分为main memory和working memory。 Main memory是所有线程共享的，working memory则是线程的工作内存，它保存有部分main memory变量的拷贝，对这些变量的更新直接发生在working memo
  • js数组的操作和this关键字 百合不是茶 js数组操作this关键字
    js数组的操作;   一:数组的创建: 1、数组的创建 var array = new Array();　//创建一个数组 var array = new Array([size]);　//创建一个数组并指定长度，注意不是上限，是长度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]
  • 别人的阿里面试感悟 bijian1013 面试分享工作感悟阿里面试
    原文如下：http://greemranqq.iteye.com/blog/2007170         一直做企业系统，虽然也自己一直学习技术，但是感觉还是有所欠缺，准备花几个月的时间，把互联网的东西，以及一些基础更加的深入透析，结果这次比较意外，有点突然，下面分享一下感受吧！    &nb
  • 淘宝的测试框架Itest Bill_chen springmaven框架单元测试JUnit
    Itest测试框架是TaoBao测试部门开发的一套单元测试框架，以Junit4为核心， 集合DbUnit、Unitils等主流测试框架，应该算是比较好用的了。 近期项目中用了下，有关itest的具体使用如下： 1.在Maven中引入itest框架： <dependency>   <groupId>com.taobao.test</groupId&g
  • 【Java多线程二】多路条件解决生产者消费者问题 bit1129 java多线程
    package com.tom; import java.util.LinkedList; import java.util.Queue; import java.util.concurrent.ThreadLocalRandom; import java.util.concurrent.locks.Condition; import java.util.concurrent.loc
  • 汉字转拼音pinyin4j 白糖_ pinyin4j
    以前在项目中遇到汉字转拼音的情况，于是在网上找到了pinyin4j这个工具包，非常有用，别的不说了，直接下代码：   import java.util.HashSet; import java.util.Set; import net.sourceforge.pinyin4j.PinyinHelper; import net.sourceforge.pinyin
  • org.hibernate.TransactionException: JDBC begin failed解决方案 bozch ssh数据库异常DBCP
    org.hibernate.TransactionException: JDBC begin failed:     at org.hibernate.transaction.JDBCTransaction.begin(JDBCTransaction.java:68)    at org.hibernate.impl.SessionImp
  • java-并查集（Disjoint-set）-将多个集合合并成没有交集的集合 bylijinnan java
    import java.util.ArrayList; import java.util.Arrays; import java.util.HashMap; import java.util.HashSet; import java.util.Iterator; import java.util.List; import java.util.Map; import java.ut
  • Java PrintWriter打印乱码 chenbowen00 java
    一个小程序读写文件，发现PrintWriter输出后文件存在乱码，解决办法主要统一输入输出流编码格式。 读文件： BufferedReader 从字符输入流中读取文本，缓冲各个字符，从而提供字符、数组和行的高效读取。 可以指定缓冲区的大小，或者可使用默认的大小。大多数情况下，默认值就足够大了。 通常，Reader 所作的每个读取请求都会导致对基础字符或字节流进行相应的读取请求。因
  • [天气与气候]极端气候环境 comsci 环境
          如果空间环境出现异变...外星文明并未出现,而只是用某种气象武器对地球的气候系统进行攻击,并挑唆地球国家间的战争,经过一段时间的准备...最大限度的削弱地球文明的整体力量,然后再进行入侵......      那么地球上的国家应该做什么样的防备工作呢?  &n
  • oracle order by与union一起使用的用法 daizj UNIONoracleorder by
    当使用union操作时，排序语句必须放在最后面才正确，如下： 只能在union的最后一个子查询中使用order by，而这个order by是针对整个unioning后的结果集的。So： 如果unoin的几个子查询列名不同，如 Sql代码  select supplier_id, supplier_name  from suppliers  UNI
  • zeus持久层读写分离单元测试 deng520159 单元测试
    本文是zeus读写分离单元测试,距离分库分表,只有一步了.上代码: 1.ZeusMasterSlaveTest.java package com.dengliang.zeus.webdemo.test; import java.util.ArrayList; import java.util.List; import org.junit.Assert; import org.j
  • Yii 截取字符串(UTF-8) 使用组件 dcj3sjt126com yii
    1.将Helper.php放进protected\components文件夹下。 2.调用方法：   Helper::truncate_utf8_string($content,20,false);   //不显示省略号  Helper::truncate_utf8_string($content,20);  //显示省略号  &n
  • 安装memcache及php扩展 dcj3sjt126com PHP
    安装memcache    tar zxvf memcache-2.2.5.tgz     cd memcache-2.2.5/     /usr/local/php/bin/phpize (?)    ./configure --with-php-confi
  • JsonObject 处理日期 feifeilinlin521 javajsonJsonOjbectJsonArrayJSONException
        写这边文章的初衷就是遇到了json在转换日期格式出现了异常 net.sf.json.JSONException: java.lang.reflect.InvocationTargetException  原因是当你用Map接收数据库返回了java.sql.Date 日期的数据进行json转换出的问题话不多说  直接上代码  &n
  • Ehcache（06）——监听器 234390216 监听器listenerehcache
    监听器          Ehcache中监听器有两种，监听CacheManager的CacheManagerEventListener和监听Cache的CacheEventListener。在Ehcache中，Listener是通过对应的监听器工厂来生产和发生作用的。下面我们将来介绍一下这两种类型的监听器。  
  • activiti 自带设计器中chrome 34版本不能打开bug的解决 jackyrong Activiti
      在acitivti modeler中，如果是chrome 34，则不能打开该设计器，其他浏览器可以， 经证实为bug，参考 http://forums.activiti.org/content/activiti-modeler-doesnt-work-chrome-v34 修改为，找到 oryx.debug.js 在最头部增加 if (!Document.
  • 微信收货地址共享接口-终极解决 laotu5i0 微信开发
       最近要接入微信的收货地址共享接口，总是不成功，折腾了好几天，实在没办法网上搜到的帖子也是骂声一片。我把我碰到并解决问题的过程分享出来，希望能给微信的接口文档起到一个辅助作用，让后面进来的开发者能快速的接入，而不需要像我们一样苦逼的浪费好几天，甚至一周的青春。各种羞辱、谩骂的话就不说了，本人还算文明。    如果你能搜到本贴，说明你已经碰到了各种 ed
  • 关于人才 netkiller.github.com 工作面试招聘netkiller人才
    关于人才 每个月我都会接到许多猎头的电话，有些猎头比较专业，但绝大多数在我看来与猎头二字还是有很大差距的。 与猎头接触多了，自然也了解了他们的工作，包括操作手法，总体上国内的猎头行业还处在初级阶段。 总结就是“盲目推荐，以量取胜”。 目前现状 许多从事人力资源工作的人，根本不懂得怎么找人才。处在人才找不到企业，企业找不到人才的尴尬处境。 企业招聘，通常是需要用人的部门提出招聘条件，由人
  • 搭建 CentOS 6 服务器 - 目录 rensanning centos
    (1) 安装CentOS ISO（desktop/minimal）、Cloud（AWS/阿里云）、Virtualization（VMWare、VirtualBox） 详细内容 (2) Linux常用命令 cd、ls、rm、chmod...... 详细内容 (3) 初始环境设置 用户管理、网络设置、安全设置...... 详细内容 (4) 常驻服务Daemon
  • 【求助】mongoDB无法更新主键 toknowme mongodb
      Query query = new Query();          query.addCriteria(new Criteria("_id").is(o.getId()));                &n
  • jquery 页面滚动到底部自动加载插件集合 xp9802 jquery
    很多社交网站都使用无限滚动的翻页技术来提高用户体验，当你页面滑到列表底部时候无需点击就自动加载更多的内容。下面为你推荐 10 个 jQuery 的无限滚动的插件： 1. jQuery ScrollPagination jQuery ScrollPagination plugin 是一个 jQuery 实现的支持无限滚动加载数据的插件。 2. jQuery Screw S
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他