zajin
zajin

JavaScript 中的类型检查

在Badoo的时候我们写了大量的JS脚本，光是在我们的移动web客户端上面就有大概60000行，可想而知，维护这么多JS可是相当具有挑战性的。在写如上规模js脚本客户端应用的时候我们必须对一件事保持警惕，就是避免异常的发生。在本篇文章里面，我想谈谈一部分类型检查异常，这时候你或许很难碰到 - 一个TypeError

在MDN链接里面是这么解释的：

"当传递给操作符或者函数的操作符或者参数与操作符或者函数本身所期望的操作符或函数类型不兼容的时候就会抛出一个TypeError" -MDN

所以，想要避免有TypeError抛出，我们不仅需要检测下传递给函数的值是否正确，还要在在某操作数上使用操作符之前检查所写的任何有关验证这个操作数的代码。比如，某个操作符不能检测null或undefined，而instanceof又不能检测非函数的参数，在这种情况下把这些操作符使用到某操作数肯定会因为不兼容而抛出TypeError。如果你学过类似Java这样的静态类型编程语言就会发现Javascript在这上面极度的敏感，使得你可能会有去使用Dart 或 TypeScript 的“超集Javascript”语言的冲动。如果你已经习惯了写JavaScript或者说JavaScript的编程基础蛮好，你所需要做的就是不要灰心。因为加上类型检测功能并很复杂，更何况可以帮助那些想读懂你代码的人

那下面就以一个很直接的实例开始解说吧。这个例子主要是从服务器上获取数据，然后在数据上使用操作符后渲染出HTML代码。

01 Api.get('/conversations', function (conversations) {
02  
03     var intros = conversations.map(function (c) {
04         var name = c.theirName;
05         var mostRecent = c.messages[0].text.substring(0, 30);
06         return name + ': ' + mostRecent;
07     });
08  
09     App.renderMessages(intros);
10  
11 });

乍眼看这代码时，我们会发现不能确定里面的conversations该是什么类型的数据。既然代码里面有一个很明显需要传一个数组为变量的数据地图函数，那我们还是可以假定下它的类型，不过这种假定类型还不一定是合理的，因为实际上它可以代表任何能实现一个数据地图函数功能的类型。传给数据地图的函数可以给c变量生成许多种假定的类型。如果这些假定类型是错误的，那么就会抛出一个TypeError错误，这样一来，导致renderMessages()函数永远都不可能被调用。

那么，在本实例中，我们怎么去检测验证类型呢？嗯，首先我们来看下Javascript中各种验证数据类型的函数吧。

typeof

typeof 运算符返回一个字符串来表明这个运算对象的类型。但是它返回的类型非常有限，例如以下所返回的全部为 "object"

1 typeof {};
2 typeof [];
3 typeof null;
4 typeof document.createElement('div');
5 typeof /abcd/;

instanceof

instanceof 运算符是用来确定一个对象的原型链包含原型属性的一个构造函数。

1 [] instanceof Array; // true
2  
3 var Foo = function () {};
4 new Foo() instanceof Foo; // true
这样使用instanceof去检查一个 native 对象不是一个好主意，因为它并不适用与原始事物的值.
1 'a' instanceof String; // false
2 5 instanceof Number; // false
3 true instanceof Boolean; //false

Object.prototype.toString

这个方法在各大JS框架中经常被用于推断数据类型，也正是因为这个方法的使用规范非常简明，它普遍适用于各大浏览器。在 15.2.4.2 这个版本的 ECMA-262 规范中，toString方法是这样定义的:

  • 如果参数是未定义的值，则返回"[object Undefined]".
  • 如果参数为null，则返回"[object Null]".
  • 如果适用ToObject函数传递参数，则返回对象.
  • 如果参数为类，则返回包含对象的类.（Let class be the value of the [[Class]] internal property of O.）
  • 返回一个由"[对象", 类, 和"]"拼接而成的字符串.

因此，这个方法永远会以 “[Foo 对象]”的方式返回一个字符串，这个Foo有可能是 “空”或是“未定义”又或者是一个用来创建此字符串的类。 使用这个方法将转化一个普通的值、或是一个表达式为任何我们想要的结果，而且这个结果将以字符串的形式呈现。

01 var type = function (o) {
02     var s = Object.prototype.toString.call(o);
03     return s.match(/\[object (.*?)\]/)[1].toLowerCase();
04 }
05  
06 type({}); // "object"
07 type([]); // "array"
08 type(5); // "number"
09 type(null); // "null"
10 type(); // "undefined"
11 type(/abcd/); // "regex"
12 type(new Date()); // "date"

这就是要解决的问题，对吗？很不幸的这还不是。仍然有一些实例中的这个方法能够返回一些不是我们预期的值。

1 type(NaN); // "number"
2 type(document.body); // "htmlbodyelement"
这两个例子返回的值也许并不是我们所预想的那样。在例子NaN中，返回“number”是因为技术上NaN是一种数字类型，虽然几乎我们知道的所有的例子中，如果一个“东西”是数字，就不是非数字。被用来实现<body>元素的内部类是HTMLBodyElement（至少在谷歌和火狐浏览器中如此），每一个元素都有各自的指定类。在大多数应用场景中，我们只想知道如果一个“东西”是否是一个元素，如果我们关心元素的标签名，我们可以使用tagNameproperty来获取。然而，我们能够修改我们现有的方法来处理这些事情。
01 var type = function (o) {
02  
03     // handle null in old IE
04     if (o === null) {
05         return 'null';
06     }
07  
08     // handle DOM elements
09     if (o && (o.nodeType === 1 || o.nodeType === 9)) {
10         return 'element';
11     }
12  
13     var s = Object.prototype.toString.call(o);
14     var type = s.match(/\[object (.*?)\]/)[1].toLowerCase();
15  
16     // handle NaN and Infinity
17     if (type === 'number') {
18         if (isNaN(o)) {
19             return 'nan';
20         }
21         if (!isFinite(o)) {
22             return 'infinity';
23         }
24     }
25  
26     return type;
27 }

现在我们有一个可以对任何我们感兴趣的返回正确类型的方法，我们可以改进原来的例子以确保我们没有任何类型错误。

01 Api.get('/conversations', function (conversations) {
02  
03     // 大家读到这里就知道conversation应该是个数组
04     if (type(conversations) !== 'array') {
05         App.renderMessages([]);
06         return;
07     }
08  
09     var intros = conversations.map(function (c) {
10  
11         if (type(c) !== 'object') {
12             return '';
13         }
14  
15         var name = type(c.theirName) === 'string' ? c.theirName : '';
16         var mostRecent = '';
17  
18         if (type(c.messages) === 'array' &&
19             type(c.messages[0]) === 'object' &&
20             type(c.messages[0].text) === 'string') {
21             mostRecent = c.messages[0].text.substring(0, 30);
22         }
23  
24         return name + ': ' + mostRecent;
25     });
26  
27     //在这里可以做的更多
28     App.renderMessages(intros);
29 });
很明显的事实是我们不得不添加更多的代码来阻止出现类型错误的风险，但Badoo只是让我们添加很少的JavaScript代码，这意味着我们的应用更加稳定。
最后，很明显type方法每一次检测的时候都要和字串做比较。这很好改进。我们可以构建和Underscore/LoDash/jQuery类似的API：
01 ['Null',
02  'Undefined',
03  'Object',
04  'Array',
05  'String',
06  'Number',
07  'Boolean',
08  'Function',
09  'RegExp',
10  'Element',
11  'NaN',
12  'Infinite'
13 ].forEach(function (t) {
14     type['is' + t] = function (o) {
15         return type(o) === t.toLowerCase();
16     };
17 });
18  
19 // examples:
20 type.isObject({}); // true
21 type.isNumber(NaN); // false
22 type.isElement(document.createElement('div')); // true
23 type.isRegExp(/abc/); // true

这也是我们在移动网络应用中类型检测的JavaScript方法，而且我们发现这些代码很简单而且不容易出错。在gist里可以看到type方法的介绍。

你可能感兴趣的:(JavaScript,编程语言,网络应用,TypeScript,火狐浏览器)

  • Python selenium 库 ONE_PUNCH_Ge python
    Selenium是一个用于自动化Web浏览器操作的强大工具，广泛应用于Web应用程序测试、网页数据抓取和任务自动化等场景。Selenium为各种编程语言提供了API，用作测试。目前的官方API文档有C#、JavaScript、Java、Python、Ruby。安装Selenium和WebDriver安装Selenium要开始使用Selenium，首先需要安装selenium库，并下载适用于你浏览器
  • 深度学完Java，可选择这些岗位！附带具体工作内容与代码示例 培风图南以星河揽胜 javajava开发语言
    Java作为一种功能强大、应用广泛的编程语言，在软件开发领域具有举足轻重的地位。对于学习Java编程的同学来说，掌握这门语言后，将面临众多职业选择。今天，我们就来详细探讨一下学完Java后可以选择的一些主要岗位，以及这些岗位的具体工作内容，并附上相应的代码示例。1.Java开发工程师工作内容：需求分析与设计：参与项目需求分析，根据需求文档进行系统概要设计和详细设计。编码实现：使用Java语言进行代
  • Java 连接 Redis 的两种方式 码有余悸 javaredisbootstrap
    今天带来一期：Java通过两种方式连接Redis，如果大家对于除本内容外的疑问无法解答，可以私信找我，我来帮大家解决。前言Redis是一种高性能的键值存储数据库，广泛应用于缓存、消息队列、会话存储等场景。Java作为一门广泛使用的编程语言，提供了多种方式来连接和操作Redis。本文将介绍两种常用的Java连接Redis的方式：Jedis和Lettuce，并详细说明它们的使用方法。一、JedisJe
  • “码农”成长记，渐渐不想「砸」电脑了 程序员程序员发展
    在互联网这个充满神奇与挑战的江湖里，程序员们就像是一群身怀绝技的侠客，在代码的世界里闯荡。一开始，很多程序员都觉得自己像是个“搬砖”的码农，每天对着屏幕，一行行地敲着代码，仿佛在堆砌一座看不见尽头的城堡。初入编程世界，那感觉就像掉进了一个巨大的迷宫。各种编程语言，像Python、Java、C++，就如同迷宫里错综复杂的路径，让人眼花缭乱。每一种语言都有它独特的语法规则，就好像不同门派的武功秘籍，各
  • 浅析TypeScript setTimeout语法 yangguosheng TypeScripttypescript前端setTimeout语法
    偶遇TypeScriptsetTimeout语法问题，百度没有结果。所以自己研究了一下正常是这样的结构setTimeout(function(){...},interval)第一个参数是回调函数，第二个参数是间隔时间。意思是interval毫秒后，执行回调函数。不过因为JavaScript是单线程函数，所以可能会有顺延，今天不讨论这个。与JavaScript不同，第一个参数不能是字符串。今天遇到的
  • JavaScript+CSS2+CSS3中文手册大全 远方之巅
    本文还有配套的精品资源，点击获取简介：JavaScript是一种用于网页动态效果和交互功能的脚本语言，与HTML和CSS共同构建富互联网应用。CSS2和CSS3作为网页样式的语言，增强了网页设计的布局控制和用户体验。本手册集提供了这三种技术的详细指南，包括基本语法、函数、对象操作、DOM操作、事件处理、BOM、AJAX以及ES6的新特性，同时深入介绍了CSS2的盒模型、布局技巧和CSS3的媒体查询
  • 使用Java构建高效的Web服务架构 向哆哆 Java入门到精通java前端架构
    使用Java构建高效的Web服务架构随着互联网技术的飞速发展，Web服务在现代应用中扮演着至关重要的角色。尤其是在企业级应用中，如何构建一个高效、可扩展且易维护的Web服务架构，成为了开发者和架构师面临的一项重要挑战。Java作为一种成熟、稳定且功能强大的编程语言，凭借其丰富的生态系统和高性能的特性，成为构建高效Web服务架构的理想选择。本文将详细探讨如何使用Java构建一个高效的Web服务架构，
  • 数据结构：数组详解 jia_xuxu 数据结构算法
    1.什么是数组？数组（Array）是一种线性数据结构，用于存储相同类型的元素。数组中的元素在内存中是连续存储的，通过索引可以快速访问任意元素。数组的特点固定大小：数组的大小在创建时确定，无法动态调整。随机访问：通过索引可以在O(1)O(1)时间内访问任意元素。连续存储：元素在内存中是连续存储的，适合缓存利用。2.数组的基本操作2.1创建数组在大多数编程语言中，数组的大小需要在创建时指定。例如：在C
  • PythonNet：实现Python与.Net代码相互调用！ 编程乐趣 python.netmicrosoft
    现在是多元化编程，每一个程序员都需要使用多门编程语言，特别现在是AI时代，对于我们.Net程序员来说，就需要经常同时使用Python和.Net。下面一个开源库，方便我们来突破Python和.NET的界限。01项目简介Python.NET是一个开源项目，它允许Python代码与.NETCommonLanguageRuntime（CLR）进行交互，为.NET开发者提供了一个强大的应用脚本工具。通过Py
  • 强大的自动化工具，Playwright与Xray的模块化测试 程序员的世界你不懂 playwright压力测试运维自动化新浪微博百度
    1.为什么选择Playwright？1.1关键特性跨浏览器支持：支持Chromium、WebKit和Firefox，涵盖Chrome、Edge、Firefox、Opera和Safari。跨平台执行：可以在Windows、Linux和macOS上运行。多语言支持：支持JavaScript、TypeScript、Python、.NET、C#和Java。自动等待机制：内置智能断言，元素查找时会自动重试，
  • Java内存管理与性能优化实践 向哆哆 Java入门到精通java性能优化python
    Java内存管理与性能优化实践Java作为一种广泛使用的编程语言，其内存管理和性能优化是开发者在日常工作中需要深入了解的重要内容。Java的内存管理机制借助于垃圾回收（GC）来自动处理内存的分配和释放，但要实现高效的内存管理和优化性能，开发者仍然需要深入理解Java的内存模型、垃圾回收机制以及常见的性能瓶颈。本文将详细探讨Java内存管理的基本原理，并通过实际的性能优化实践，帮助开发者在开发过程中
  • Redis学习笔记 ——（3）哈希结构的用法、内部编码、使用场景 码农小高 Redisredis哈希算法学习
    Redis学习笔记——（3）哈希结构的用法、内部编码、使用场景几乎所有的编程语言都提供了哈希（hash）类型，他们的叫法可能是哈希、字典、关联数组等。在Redis中，哈希类型是指键值本身又是一个键值对结构，例如value={{filed,value},…{filedn,valuen}}.1.哈希的用法HDELkeyfield1[field2]删除一个或多个哈希表字段HEXISTSkeyfield查
  • Rust 从基础入门到精通：知识点详解与实战指南 CarlowZJ rust开发语言后端
    Rust是一种系统编程语言，以其内存安全、高性能和并发编程能力而闻名。近年来，Rust在系统编程、WebAssembly、嵌入式开发等领域迅速崛起，成为现代编程语言中的佼佼者。本文将从基础知识、核心特性、生命周期、框架支持、最佳实践等方面对Rust进行全面解析，帮助读者快速掌握这一强大的编程语言。一、Rust基础知识1.1Rust的核心特性Rust的设计目标是提供高性能和内存安全，同时避免常见的编
  • 使用WebStorm开发Vue3项目 web18285997089 面试学习路线阿里巴巴webstormrustide
    记录一下使用WebStorm开发Vu3项目时的配置现在WebStorm可以个人免费使用啦！??基本配置打包工具：Vite前端框架：ElementPlus开发语言：Vue3、TypeScript、Sass代码检查：ESLint、PrettierIDE：WebStorm2024.2首先说一下版本兼容问题，ElementPlus>=2.8.5需要Sass>=1.79.0，但是升级了Sass后，会导致El
  • 跨平台开发技术的探索：从 JavaScript 到 Flutter 109702008 编程#javascriptjavascriptflutter人工智能
    随着多平台支持和用户体验一致性在应用程序开发中变得越来越重要，开发者面临的挑战是如何在不同平台上保持代码的可维护性和高效性。本文将探讨如何利用现代技术栈，包括Flutter、JavaScript、HTML5、WebAssembly、TypeScript和Svelte，在统一的平台上进行高效的跨平台开发。JavaScript和它的生态系统JavaScript是一种运行于浏览器中的编程语言，通过Nod
  • 深入解析 Svelte：下一代前端框架的革命 赵大仁 技术前端大语言模型开发语言人工智能前端前端框架
    深入解析Svelte：下一代前端框架的革命1.Svelte简介Svelte是一款前端框架，与React、Vue等传统框架不同，它采用编译时（Compile-time）方式来优化前端应用。它不像React或Vue依赖虚拟DOM，而是在编译阶段直接生成高效的原生JavaScript代码，使其拥有更小的包体积、更快的渲染速度和更低的运行时开销。1.1Svelte的核心特点特性说明无虚拟DOM直接生成高效
  • HTML/CSS/JavaScript 如果你需要创建一个简单的网页可以使用: 一一代码 python
    我的网页body{font-family:Arial,sans-serif;background-color:#f0f0f0;text-align:center;padding:50px;}h1{color:#333;}button{padding:10px20px;font-size:16px;background-color:#007BFF;color:white;border:none;cu
  • Java应用实战：从入门到精通的全面指南 听风吟丶 java开发语言
    引言Java，作为一门跨平台的高级编程语言，自1995年由SunMicrosystems推出以来，凭借其“一次编写，到处运行”的特性，迅速在全球范围内获得了广泛的认可和应用。无论是企业级应用、移动应用开发，还是大数据处理、云计算平台，Java都扮演着举足轻重的角色。本篇文章旨在为初学者提供一条清晰的学习路径，同时也为有一定基础的开发者提供进阶的指导，帮助大家从入门走向精通。一、Java基础篇：搭建
  • 我的创作纪念日 几何心凉 前端小常识前端html5
    如何处理前端表单验证，确保用户输入合法？文章目录如何处理前端表单验证，确保用户输入合法？1.引言2.前端表单验证的类型2.1HTML5原生验证**示例****优点****缺点**2.2JavaScript基础验证**示例****优点****缺点**2.3正则表达式（Regex）验证**常见正则表达式****示例**2.4使用第三方库（如Yup、Validator.js）**使用`Yup`进行表单验
  • 深入探索RPFramework的架构与应用 华笠医生
    本文还有配套的精品资源，点击获取简介：RPFramework是一个在GitHub上托管的项目，提供了Web开发或软件工程中用于特定任务的框架。该项目的更新包括新功能的添加、性能优化和问题修复，保持与技术趋势同步。站点以HTML为基础结构，同时包含CSS和JavaScript来定义样式和交互。源代码文件中隐藏着框架的目录结构、配置、核心功能、样式设计和交互逻辑，通过对这些关键组成部分的研究，可以更好
  • python autojs_自动化篇 | 手把手教你使用 AutoJS 自动领京豆 weixin_39903375 pythonautojs
    AutoJS一个支持无障碍服务的Android平台上的JavaScriptIDE。Autojs主要是基于安卓系统的无障碍服务，实现自动化操控和监控手机信息处理。特性:由无障碍服务实现的简单易用的自动操作函数悬浮窗录制和运行更专业&强大的选择器API，提供对屏幕上的控件的寻找、遍历、获取信息、操作等。类似于Google的UI测试框架UiAutomator，您也可以把他当做移动版UI测试框架使用采用J
  • 深入解析Python机器学习库Scikit-Learn的应用实例 caihuayuan5 面试题汇总与解析springbootjava后端大数据课程设计
    深入解析Python机器学习库Scikit-Learn的应用实例随着人工智能和数据科学领域的迅速发展，机器学习成为了当下最炙手可热的技术之一。而在机器学习领域，Python作为一种功能强大且易于上手的编程语言，拥有庞大的生态系统和丰富的机器学习库。其中，Scikit-Learn作为Python中一个重要的机器学习库，包含了许多常用的机器学习算法和工具，可用于数据挖掘、数据分析和预测建模等应用场景。
  • 会话超时 计算机术语,Servlet会话超时(Servlet Session timeout) weixin_39582708 会话超时计算机术语
    Servlet会话超时(ServletSessiontimeout)我正在写我的SPringMVC网络应用程序。我已将会话时间设置为10080分钟，等于1周。现在我想让用户在每次打开浏览器时都登录：sessionService.setcurrentUser(myuser);HttpSessionsession=request.getSession();Cookiecookie=newCookie(
  • JavaScript全屏，监听页面是否全屏 妮在想什么 前端
    在JavaScript中，直接监听浏览器是否进入全屏模式并不直接支持，因为全屏API主要是关于请求和退出全屏模式的，而没有直接的监听器可以告知页面何时进入或退出全屏模式。但是，你可以通过在你的代码中跟踪全屏状态的改变来模拟这个功能。以下是一个基本的示例，展示了如何使用全屏API来请求全屏模式，并在请求成功或失败时更新一个状态变量：javascriptletisInFullscreen=false;
  • 【面试】Java 中的 BIO、NIO 和 AIO：区别、使用及实例 刘小炮吖i Java后端开发面试题Javajava面试
    在Java的I/O编程领域，BIO、NIO和AIO是三种重要的I/O模型，它们各自有着独特的特点和适用场景。理解这三种模型的区别，对于编写高效、高性能的Java网络应用程序至关重要。一、区别对比项BIO(BlockIO)NIO(NewIO)AIO(AsynchronousI/O)JDK版本所有版本JDK1.4及之后JDK1.7及之后异步/阻塞同步阻塞。一个连接一个线程。线程发起IO请求，不管内核是
  • 基于51单片机的停车场车位管理系统仿真设计 up向上up 51单片机设计51单片机嵌入式硬件单片机
    51单片机停车场车位管理系统仿真设计（仿真+程序+报告+讲解视频）仿真版本：proteus7.8程序编译器：keil4/keil5编程语言：C语言设计编号：S0007✨1基本功能：芯片可以替换为STC89C52/STC89C51/AT89C52/AT89C51等51单片机芯片。1、按键模拟红外检测统计进出停车场车辆数量情况。2、LED灯组模拟停车场车位停车情况，每停一辆车亮一盏灯。3、LCD160
  • Wireshark 插件开发实战指南 轻口味 开发工具wiresharkjunit测试工具
    Wireshark插件开发实战指南环境搭建流程图开始使用TortoiseSVN获取Wireshark源码配置编译MSVC,Python等工具链验证依赖库与工具链完整性环境搭建完成一、开发环境与工具准备（一）开发语言选择在Wireshark插件开发中，选择合适的开发语言是至关重要的第一步。不同的语言有其各自的优势和适用场景。Lua脚本语言是一种轻量级的编程语言，它的语法简洁明了，学习曲线平缓，非常适
  • 如何使用vscode启动Flask并实现无公网IP远程访问内网服务 m0_74823878 面试学习路线阿里巴巴tcp/ipjava
    文章目录1.安装部署Flask2.安装Cpolar内网穿透3.配置Flask的web界面公网访问地址4.公网远程访问Flask的web界面本篇文章主要讲解如何在本地安装Flask，以及如何将其web界面发布到公网进行远程访问。Flask是目前十分流行的web框架，采用Python编程语言来实现相关功能。较其他同类型框架更为灵活、轻便、安全且容易上手。它可以很好地结合MVC模式进行开发，开发人员分工
  • 初识 Node.js 咖啡の猫 node.js后端
    随着互联网技术的发展，前后端分离的架构模式越来越受到开发者们的青睐。而在众多后端解决方案中，Node.js以其独特的特性脱颖而出，成为构建高效、可扩展的网络应用的首选之一。本文将带你走进Node.js的世界，了解其基本概念、主要特点以及如何开始使用它来创建你的第一个Node.js应用。什么是Node.js？Node.js是一个基于ChromeV8引擎的JavaScript运行环境，允许开发者使用J
  • HarmonyOS Next 应用开发实战：构建高性能动画组件（ArkTS深度解析） 前端
    第一章案例背景与技术选型###1.1项目需求分析本案例将实现一个复杂的粒子动画登录界面，包含以下核心功能：1.动态粒子背景：300+粒子按流体力学规律运动2.智能输入框：输入时触发粒子聚散动画3.登录按钮：3D翻转交互动效4.性能优化：确保60fps流畅运行1.2技术方案设计采用ArkTS实现以下技术组合：typescript//粒子对象数据结构classParticle{x:number=0y:
  • 安装数据库首次应用 Array_06 javaoraclesql
    可是为什么再一次失败之后就变成直接跳过那个要求 enter full pathname of java.exe的界面 这个java.exe是你的Oracle 11g安装目录中例如：【F:\app\chen\product\11.2.0\dbhome_1\jdk\jre\bin】下的java.exe 。不是你的电脑安装的java jdk下的java.exe！ 注意第一次，使用SQL D
  • Weblogic Server Console密码修改和遗忘解决方法 bijian1013 Welogic
            在工作中一同事将Weblogic的console的密码忘记了，通过网上查询资料解决，实践整理了一下。 一.修改Console密码         打开weblogic控制台，安全领域 --> myrealm -->&n
  • IllegalStateException: Cannot forward a response that is already committed Cwind javaServlets
    对于初学者来说，一个常见的误解是：当调用 forward() 或者 sendRedirect() 时控制流将会自动跳出原函数。标题所示错误通常是基于此误解而引起的。 示例代码： protected void doPost() { if (someCondition) { sendRedirect(); } forward(); // Thi
  • 基于流的装饰设计模式 木zi_鸣 设计模式
    当想要对已有类的对象进行功能增强时，可以定义一个类，将已有对象传入，基于已有的功能，并提供加强功能。 自定义的类成为装饰类 模仿BufferedReader，对Reader进行包装，体现装饰设计模式 装饰类通常会通过构造方法接受被装饰的对象，并基于被装饰的对象功能，提供更强的功能。 装饰模式比继承灵活，避免继承臃肿，降低了类与类之间的关系 装饰类因为增强已有对象，具备的功能该
  • Linux中的uniq命令 被触发 linux
    Linux命令uniq的作用是过滤重复部分显示文件内容，这个命令读取输入文件，并比较相邻的行。在正常情 况下，第二个及以后更多个重复行将被删去，行比较是根据所用字符集的排序序列进行的。该命令加工后的结果写到输出文件中。输入文件和输出文件必须不同。如 果输入文件用“- ”表示，则从标准输入读取。 AD： uniq [选项] 文件 说明：这个命令读取输入文件，并比较相邻的行。在正常情况下，第二个
  • 正则表达式Pattern 肆无忌惮_ Pattern
    正则表达式是符合一定规则的表达式，用来专门操作字符串，对字符创进行匹配，切割，替换，获取。   例如，我们需要对QQ号码格式进行检验 规则是长度6~12位  不能0开头  只能是数字，我们可以一位一位进行比较，利用parseLong进行判断，或者是用正则表达式来匹配[1-9][0-9]{4,14} 或者 [1-9]\d{4,14} &nbs
  • Oracle高级查询之OVER (PARTITION BY ..) 知了ing oraclesql
    一、rank()/dense_rank() over(partition by ...order by ...) 现在客户有这样一个需求，查询每个部门工资最高的雇员的信息，相信有一定oracle应用知识的同学都能写出下面的SQL语句： select e.ename, e.job, e.sal, e.deptno from scott.emp e, (se
  • Python调试 矮蛋蛋 pythonpdb
    原文地址： http://blog.csdn.net/xuyuefei1988/article/details/19399137 1、下面网上收罗的资料初学者应该够用了，但对比IBM的Python 代码调试技巧： IBM：包括 pdb 模块、利用 PyDev 和 Eclipse 集成进行调试、PyCharm 以及 Debug 日志进行调试： http://www.ibm.com/d
  • webservice传递自定义对象时函数为空，以及boolean不对应的问题 alleni123 webservice
    今天在客户端调用方法 NodeStatus status=iservice.getNodeStatus(). 结果NodeStatus的属性都是null。 进行debug之后，发现服务器端返回的确实是有值的对象。 后来发现原来是因为在客户端，NodeStatus的setter全部被我删除了。 本来是因为逻辑上不需要在客户端使用setter， 结果改了之后竟然不能获取带属性值的
  • java如何干掉指针，又如何巧妙的通过引用来操作指针————>说的就是java指针 百合不是茶
    C语言的强大在于可以直接操作指针的地址，通过改变指针的地址指向来达到更改地址的目的,又是由于c语言的指针过于强大，初学者很难掌握， java的出现解决了c，c++中指针的问题 java将指针封装在底层，开发人员是不能够去操作指针的地址，但是可以通过引用来间接的操作：   定义一个指针p来指向a的地址（&是地址符号）：        
  • Eclipse打不开，提示“An error has occurred.See the log file ***/.log” bijian1013 eclipse
    打开eclipse工作目录的\.metadata\.log文件，发现如下错误： !ENTRY org.eclipse.osgi 4 0 2012-09-10 09:28:57.139 !MESSAGE Application error !STACK 1 java.lang.NoClassDefFoundError: org/eclipse/core/resources/IContai
  • spring aop实例annotation方法实现 bijian1013 javaspringAOPannotation
            在spring aop实例中我们通过配置xml文件来实现AOP，这里学习使用annotation来实现，使用annotation其实就是指明具体的aspect,pointcut和advice。1.申明一个切面(用一个类来实现)在这个切面里,包括了advice和pointcut AdviceMethods.jav
  • [Velocity一]Velocity语法基础入门 bit1129 velocity
    用户和开发人员参考文档 http://velocity.apache.org/engine/releases/velocity-1.7/developer-guide.html   注释 1.行级注释## 2.多行注释#*  *#   变量定义 使用$开头的字符串是变量定义，例如$var1, $var2,   赋值 使用#set为变量赋值，例
  • 【Kafka十一】关于Kafka的副本管理 bit1129 kafka
    1. 关于request.required.acks   request.required.acks控制者Producer写请求的什么时候可以确认写成功，默认是0， 0表示即不进行确认即返回。 1表示Leader写成功即返回，此时还没有进行写数据同步到其它Follower Partition中 -1表示根据指定的最少Partition确认后才返回，这个在   Th
  • lua统计nginx内部变量数据 ronin47 lua nginx　 统计
    server { listen 80; server_name photo.domain.com; location /{set $str $uri; content_by_lua ' local url = ngx.var.uri local res = ngx.location.capture(
  • java-11.二叉树中节点的最大距离 bylijinnan java
    import java.util.ArrayList; import java.util.List; public class MaxLenInBinTree { /* a. 1 / \ 2 3 / \ / \ 4 5 6 7 max=4 pass "root"
  • Netty源码学习-ReadTimeoutHandler bylijinnan javanetty
    ReadTimeoutHandler的实现思路： 开启一个定时任务，如果在指定时间内没有接收到消息，则抛出ReadTimeoutException 这个异常的捕获，在开发中，交给跟在ReadTimeoutHandler后面的ChannelHandler，例如 private final ChannelHandler timeoutHandler = new ReadTim
  • jquery验证上传文件样式及大小(好用) cngolon 文件上传jquery验证
    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="jquery1.8/jquery-1.8.0.
  • 浏览器兼容【转】 cuishikuan css浏览器IE
    浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率:100% 解决方案：CSS里    *{margin:0;padding:0;} 备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设
  • Shell特殊变量：Shell $0, $#, $*, $@, $?, $$和命令行参数 daizj shell$#$?特殊变量
    前面已经讲到，变量名只能包含数字、字母和下划线，因为某些包含其他字符的变量有特殊含义，这样的变量被称为特殊变量。例如，$ 表示当前Shell进程的ID，即pid，看下面的代码： $echo $$ 运行结果 29949   特殊变量列表 变量 含义 $0 当前脚本的文件名 $n 传递给脚本或函数的参数。n 是一个数字，表示第几个参数。例如，第一个
  • 程序设计KISS 原则-------KEEP IT SIMPLE, STUPID! dcj3sjt126com unix
    翻到一本书，讲到编程一般原则是kiss：Keep It Simple, Stupid.对这个原则深有体会，其实不仅编程如此，而且系统架构也是如此。 KEEP IT SIMPLE, STUPID! 编写只做一件事情，并且要做好的程序；编写可以在一起工作的程序，编写处理文本流的程序，因为这是通用的接口。这就是UNIX哲学.所有的哲学真 正的浓缩为一个铁一样的定律，高明的工程师的神圣的“KISS 原
  • android Activity间List传值 dcj3sjt126com Activity
    第一个Activity： import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import a
  • tomcat 设置java虚拟机内存 eksliang tomcat 内存设置
    转载请出自出处：http://eksliang.iteye.com/blog/2117772 http://eksliang.iteye.com/ 常见的内存溢出有以下两种: java.lang.OutOfMemoryError: PermGen space java.lang.OutOfMemoryError: Java heap space   ------------
  • Android 数据库事务处理 gqdy365 android
    使用SQLiteDatabase的beginTransaction()方法可以开启一个事务，程序执行到endTransaction() 方法时会检查事务的标志是否为成功，如果程序执行到endTransaction()之前调用了setTransactionSuccessful() 方法设置事务的标志为成功则提交事务，如果没有调用setTransactionSuccessful() 方法则回滚事务。事
  • Java 打开浏览器 hw1287789687 打开网址open浏览器open browser打开url打开浏览器
    使用java 语言如何打开浏览器呢? 我们先研究下在cmd窗口中,如何打开网址 使用IE 打开 D:\software\bin>cmd /c start iexplore http://hw1287789687.iteye.com/blog/2153709 使用火狐打开 D:\software\bin>cmd /c start firefox http://hw1287789
  • ReplaceGoogleCDN：将 Google CDN 替换为国内的 Chrome 插件 justjavac chromeGooglegoogle apichrome插件
    Chrome Web Store 安装地址： https://chrome.google.com/webstore/detail/replace-google-cdn/kpampjmfiopfpkkepbllemkibefkiice 由于众所周知的原因，只需替换一个域名就可以继续使用Google提供的前端公共库了。 同样，通过script标记引用这些资源，让网站访问速度瞬间提速吧
  • 进程VS.线程 m635674608 线程
    资料来源： http://www.liaoxuefeng.com/wiki/001374738125095c955c1e6d8bb493182103fac9270762a000/001397567993007df355a3394da48f0bf14960f0c78753f000 1、Apache最早就是采用多进程模式 2、IIS服务器默认采用多线程模式 3、多进程优缺点 优点： 多进程模式最大
  • Linux下安装MemCached 字符串 memcached
    前提准备：1. MemCached目前最新版本为：1.4.22，可以从官网下载到。2. MemCached依赖libevent，因此在安装MemCached之前需要先安装libevent。2.1 运行下面命令，查看系统是否已安装libevent。[root@SecurityCheck ~]# rpm -qa|grep libevent libevent-headers-1.4.13-4.el6.n
  • java设计模式之--jdk动态代理（实现aop编程） Supanccy2013 javaDAO设计模式AOP
        与静态代理类对照的是动态代理类，动态代理类的字节码在程序运行时由Java反射机制动态生成，无需程序员手工编写它的源代码。动态代理类不仅简化了编程工作，而且提高了软件系统的可扩展性，因为Java 反射机制可以生成任意类型的动态代理类。java.lang.reflect 包中的Proxy类和InvocationHandler 接口提供了生成动态代理类的能力。 &
  • Spring 4.2新特性-对java8默认方法(default method)定义Bean的支持 wiselyman spring 4
    2.1 默认方法(default method) java8引入了一个default medthod; 用来扩展已有的接口,在对已有接口的使用不产生任何影响的情况下,添加扩展 使用default关键字 Spring 4.2支持加载在默认方法里声明的bean 2.2 将要被声明成bean的类 public class DemoService {
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他