Angular学习（7）- 模板

示例：

<!DOCTYPE html>
<html ng-app="MyApp">
<head>
    <title>Study 7</title>
    <script type="text/javascript" src="js/angular.js"></script>
</head>
<body>
    <div ng-controller="testController">
        <h1>{{model.newTitle}}</h1>
        Name:<input type="text" ng-model="model.name" />
        Fraction:<input type="text" ng-model="model.fraction" fraction-num />
        Type:<select ng-model="model.type"><option value="1" selected>Radio</option><option value="2">CheckBox</option></select>
        <input type="button" ng-click="add(model.fraction)" value="Add" />
        <ul>
            <li ng-repeat="item in model.options">
                <b>{{$index+1}}</b>
                <input type="text" ng-model="item.content" value="item.content" fraction-num />
                <a href="javascript:void(0)" ng-click="del($index)">Delete</a>
            </li>
        </ul>
        <hr />
        <div>
            <h1>{{model.previewTitle}}</h1>
            <b>[{{model.type | typeFilter}}]{{model.name}}</b>({{model.fraction}})
            <ul>
                <li ng-repeat="item in model.options">
                    <b>{{$index + 1}}</b>
                    <input type="radio" name="optcheck" ng-show="model.type==1" />
                    <input type="checkbox" ng-show="model.type==2" />
                    {{item.content}}
                </li>
            </ul>
        </div>
        <hr />
        {{nowTime | date : "yyyy-MM-dd HH:mm:ss"}}
        模板:<a href="javascript:void(0);" ng-repeat="t in templates">{{t}}&nbsp;&nbsp;</a><br />
    </div>
    <script type="text/javascript">
        var app = angular.module("MyApp", [], function() { });
        var myModel = {
            newTitle: "Title",
            previewTitle: "Preview Title",
            name: "Robin",
            fraction: "100",
            type : 1,
            options: []
        };
        app.controller("testController", function($scope, tpls) {
            $scope.model = myModel;
            $scope.add = function(text) {
                var obj = { content: text };
                $scope.model.options.push(obj);
            };
            $scope.del = function(index) {
                $scope.model.options.splice(index, 1);
            };
            $scope.nowTime = new Date();
            $scope.templates = tpls;
        });
        app.filter("typeFilter", function() {
            var func = function(value) {
                return value == 1 ? "Single Select" : "Multi Select";
            };
            return func;
        });
        app.directive("fractionNum", function() {
            return {
                link: function(scope, elements, attrs, controller) {
                    elements[0].onkeyup = function() {
                        if (/\D/.test(this.value)) {
                            this.style.borderColor = 'red';
                        }
                        else {
                            this.style.borderColor = '';
                        }
                    };
                }
            };
        });
        app.factory('tpls', function() {
            return ['tpl1', 'tpl2', 'tpl3', 'tpl4'];
        });
    </script>
</body>
</html>

 

你可能感兴趣的:(Angular)

  • AngularJS知识快速入门（上） 1加1等于 javascript实战angular.js前端javascript
    本文通过一些具体的例子介绍了关于AngularJS的基本使用，包括指令、表达式、过滤器、模块化、MVC以及内置服务模块等等。本文目录AngularJS简介一、表达式二、MVC三、$scope作用域四、模块化五、过滤器六、服务七、指令AngularJS简介AngularJS是由Google开发的一个用于构建动态Web应用的前端JavaScript框架，它遵循MVC（Model-View-Contro
  • 为何在 FastAPI 中需要允许跨域访问（CORS）？(Grok3 回答) 晨欣 fastapipython
    prompt:你是一个文笔流畅、专业性极强的技术博客博主，你将结合具体的例子和实际代码解释写一篇为何后端选择fastapi框架时，需要允许跨域访问。为何在FastAPI中需要允许跨域访问（CORS）？在现代Web开发中，前后端分离已经成为主流架构模式。前端通常运行在浏览器中（例如通过React、Vue.js或Angular构建的单页应用），而后端则通过API提供数据支持，比如使用Python的Fa
  • 前端领域前端框架的优缺点大剖析 前端视界 前端大数据与AI人工智能前端艺匠馆前端前端框架ai
    前端领域主流框架的优缺点大剖析关键词：React、Vue、Angular、Svelte、虚拟DOM、响应式编程、前端工程化摘要：本文深入解析React、Vue、Angular、Svelte四大主流前端框架的核心设计原理，通过架构图解、算法源码剖析、数学建模和实战对比，揭示各框架在性能优化、开发体验、工程实践等方面的本质差异。文章包含6个完整项目案例和20+性能基准测试数据，为技术选型提供科学决策依
  • 【threejs教程9】threejs加载360全景图（VR）的两种方法 有只老羊在发呆 three.js教程前端web3dwebgljavascriptvr
    目录前言1.Equirectangular映射背景实现步骤1.初始化TextureLoader2.加载Equirectangular纹理3.配置映射类型和颜色空间4.应用背景完整代码如下2.立方体贴图背景实现步骤1.创建CubeTextureLoader2.加载立方体贴图3.应用背景完整代码如下总结前言在3D应用开发中，为场景设置引人入胜的背景是提升视觉效果的关键一环。Three.js，作为一款强
  • 移动系统编程-Ionic 组件 (Ionic Components) Yamai Yuzuru SCUangular.js前端javascriptionic
    Ionic组件到目前为止，我们已经使用HTML小部件为HTML页面提供数据输入、导航和其他服务。在移动设备上，网页小部件通常难以使用且不太美观。为了与我们的应用程序进行交互，ionic提供了所谓的“组件”与用户进行交互。不要将术语“组件”与Angular组件混淆。正如你将看到的，ionic组件将构成Angular组件的一部分。在ionic中有两种类型的组件：可注入组件，有时仅称为ionic组件，使
  • Python爬虫实战：动态渲染页面爬取（Selenium技术详解与应用） Python爬虫项目 python爬虫selenium数据挖掘开发语言人工智能测试工具
    1.引言：为什么要用Selenium爬取动态渲染页面随着互联网技术的发展，许多网站采用了前端框架（如React、Vue、Angular）进行页面渲染，页面内容往往不是直接在HTML响应中返回，而是通过JavaScript在浏览器端异步请求数据后动态生成。这种机制大大增加了传统爬虫爬取难度。传统的基于requests和BeautifulSoup的爬虫无法直接获取动态渲染后的完整内容，而Seleniu
  • 一文了解React、Next.js、Vue、Nuxt和Svelte等框架的最新动态和趋势 前端达人 javascriptreact.jsvue.js前端前端框架
    一起来看看谷歌I/O大会的一篇演讲：关于JavaScript框架生态系统的概述，内容涵盖Angular、Astro、React、Remix、Next.js、Vue、Nuxt、Solid和Svelte等多个框架的最新动态和趋势。在过去的一年左右的时间里，JavaScript框架生态圈发生了许多变化。这份文档简要概述了近期的一些亮点。想要更深入讨论这些话题，可以查看今年GoogleI/O大会上的Jav
  • part4-m6 zsnpromsie react.jsnode.jsjavascript
    本阶段将带你学习前端圈子中口碑极佳的React框架以及它的一些高阶用法、组件库封装、数据流方案、服务端渲染（SSR）、静态站点生成（SSG），同时深入React框架内部，剖析React部分核心源码和实现，最后还会结合TypeScript和蚂蚁金服的AntDesign库做出实战。模块六Angular企业实战开发本模块中通过企业实战带你领略最具规模的前端框架Angular，包括：NG数据绑定及实现原理
  • Three.js引擎开发：Three.js渲染技术_（17）.Three.js与其他前端框架的集成 chenlz2007 虚拟现实游戏2javascript前端框架开发语言ecmascript贴图交互前端
    Three.js与其他前端框架的集成在现代Web开发中，前端框架（如React、Vue、Angular等）已成为构建复杂和高性能Web应用的标配。这些框架提供了丰富的组件化、状态管理、路由等功能，使得开发过程更加高效和模块化。然而，对于虚拟现实游戏开发来说，仅仅依靠前端框架是不够的，还需要结合3D渲染引擎来实现复杂的3D效果。Three.js作为一个强大的3D渲染引擎，可以与这些前端框架无缝集成，
  • Angular：企业级Web开发的全能型框架深度解析 wylee 前端angular.jsjavascript
    一、项目定位与核心价值Angular（https://github.com/angular/angular）是由Google主导开发的开源Web应用框架，基于TypeScript构建，旨在为开发者提供一套完整的企业级解决方案。自2016年发布以来，凭借其模块化架构、高效的数据绑定和强大的工具链，成为全球千万开发者的选择，尤其适用于中大型单页应用（SPA）和跨平台应用开发。截至2025年5月，已发布
  • DevExpress BI仪表盘集成OpenAI：实现实时对话式数据分析助手 界面开发小八哥 数据分析数据挖掘devexpressBI界面控件用户界面
    DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NETCore或Vue，DevExtreme包含高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。该套件附带功能齐
  • 使用deepseek实现传统jsp工程转换成前后端分离的spring cloud工程案例 银行金融科技 银行信息系统架构详解数智化科技devops
    将传统的JSP工程转换为前后端分离的SpringCloud微服务架构需要系统性的重构，以下是具体步骤和注意事项：一、架构设计阶段技术选型前端：Vue.js/React/Angular（推荐Vue3+TypeScript）后端：SpringBoot3.x+SpringCloudAlibaba/SpringCloudNetflix网关：SpringCloudGateway认证：SpringSecuri
  • 从架构到实战：企业级微前端架构深度实践与落地指南（Vue3 + React + Angular）
    从架构到实战：企业级微前端架构深度实践与落地指南（Vue3+React+Angular）文章简介在现代前端工程中，随着系统规模与团队数量的增长，单体应用已难以满足敏捷开发与部署的需求。微前端架构应运而生，成为构建大型系统时的主流方案之一。本篇文章聚焦企业级微前端项目实战落地，涵盖从基础原理、主子应用通信、统一主题与权限体系、环境隔离与部署优化，到高级特性如动态子应用注册、模块热更新、远程模块联邦等
  • angular踩坑——数据发生改变，视图未更新 ~ rainbow～ angular踩坑http服务器网络协议
    大多数情况下，页面的视图会随着数据的改变而改变，少数情况下，数据变了，而视图不更新。左侧的视图，右侧数据，数据改变时，视图未更新。。。。具体原因呢，可能是angular脏检查没有检测到数据更新吧。。。解决方案：引入ChangeDetectorRef,使视图强刷。1、import{Component,OnInit,Input,ChangeDetectorRef}from'@angular/core'
  • MFE微前端：共享模块的那些事
    1.怎么避免主应用和远程应用的依赖重复加载？避免远程项目（remote）和主项目（host）的依赖重复加载，是微前端（MFE）架构中的核心优化之一。下面是结合Angular+WebpackModuleFederation场景中的原理和具体配置方法。为什么会重复加载依赖？微前端子应用和主应用都是独立构建的，它们各自有自己的node_modules和依赖包。如果没有合理共享配置，主子项目都会打包自己的
  • MFE微前端高级版：Angular + Module Federation + webpack + 路由（Route way）完整示例 crary,记忆 Angular微前端-MFEangular.js前端webpackangular
    在查看这篇文章之前，可以先简单预览一下这篇基础版的博客：MFE微前端基础版：Angular+ModuleFederation+webpack+路由（Routeway）完整示例-CSDN博客这篇Angular+ModuleFederation高级路由配置详解包括嵌套路由、路由守卫、懒加载策略和动态路由等高级功能。1.主应用(Shell)高级路由配置shell/src/app/app-routing.
  • # Cursor开发语言选型实战指南：如何用AI编辑器提升10倍编码效率 一个小番茄 开发语言人工智能编辑器
    作为一位经历过上百个项目的技术老兵，今天我要分享一个能让你编码效率飙升的利器——Cursor编辑器，以及如何针对不同项目类型进行最优语言选型。一、Cursor支持的核心语言全景图Cursor作为新一代AI驱动的智能编辑器，其语言支持广度远超传统IDE。根据我的实战经验，以下是其核心支持的语言矩阵：前端开发三剑客：JavaScript/TypeScript（React/Vue/Angular生态）D
  • 前端常用框架，及近期跟新
    以下是前端领域主流的常用框架及其近期更新内容（截至2025年6月），涵盖React、Vue、Angular、Svelte等核心框架。一、React当前版本：React18+（稳定），React19（实验中）主要特性：并发模式（ConcurrentMode）：支持异步渲染、Suspense、useTransition等。ServerComponents：与Next.js深度集成，实现服务端组件动态加
  • 写出优秀的 Git 提交信息：一份详尽指南（Angular 风格） 迎风斯黄 DevOps工程师gitangular.js前端
    在现代软件开发中，良好的Git提交信息不仅有助于项目协作、问题追踪和历史回溯，更是保障项目可维护性的重要一环。本文将基于AngularJS团队广泛使用的Git提交信息规范，手把手教你如何写出专业、统一、可读性强的commitmessage。✨为什么要遵守Git提交规范？遵守统一的提交规范可以带来以下好处：✅自动生成清晰的CHANGELOG.md✅在使用gitbisect调试时可跳过不相关提交✅浏览
  • 微前端架构的设计？微前端是为了解决哪些问题？如何解决css同名问题？ 尘寰ya 面试-技术试炼场前端架构
    微前端架构的设计和核心问题解决方案如下：一、微前端架构设计1.核心设计原则设计原则说明应用拆分将巨型单体应用拆分为独立子应用（微应用），每个子应用可独立开发、测试、部署技术栈无关支持不同子应用使用React/Vue/Angular等不同技术栈（主应用不限制子应用技术选型）独立运行子应用具备独立运行时环境，避免依赖主应用和其他子应用按需加载主应用根据路由或用户操作动态加载/卸载子应用，提升性能隔离与
  • 前端和后端一个多角度分析---ChatGPT4o作答
    前端和后端是web开发中常用的术语，它们代表了网站或应用程序的不同部分，负责不同的任务。前端（Frontend）定义：前端是用户直接互动的部分，通常指的是网站或应用程序的界面。它负责展示数据和处理用户的输入。技术栈：常见的前端技术包括HTML（用于结构）、CSS（用于样式）、JavaScript（用于交互和动态功能）。现代前端开发还涉及框架和库，如React、Vue.js和Angular。职责：设
  • Angular中Webpack与ngx-build-plus 浅学
    Webpack在Angular中的概念Webpack是一个模块打包工具，用于将多个模块和资源打包成一个或多个文件。在Angular项目中，Webpack负责将TypeScript、HTML、CSS等文件打包成浏览器可以理解的JavaScript文件。AngularCLI默认使用Webpack进行项目构建，但配置是隐藏的，开发者通常不需要直接接触Webpack配置。总结来说Webpack是现代Ang
  • MFE微前端基础版：Angular + Module Federation + webpack + 路由（Route way）完整示例 crary,记忆 微前端-MFE前端webpack学习angular
    1.项目结构microfrontend-demo/├──shell/#主应用(Shell)├──mfe1/#微前端应用1├──mfe2/#微前端应用2└──shared/#共享库2.主应用(Shell)配置shell/webpack.config.jsconstModuleFederationPlugin=require("webpack/lib/container/ModuleFederatio
  • 基于qiankun搭建ng-alain15微前端项目入门实践 TodayCoding 前端angulartypescriptnpmnode.js
    基础环境实践日期：2023-02-22ngversionAngularCLI:15.1.6Node:18.14.2PackageManager:npm9.5.0OS:win32x64设置npm镜像源npmconfigsetregistryhttps://registry.npmmirror.com/安装yarn并设置yarn镜像源，实践版本：[email protected]
  • MVVM 模式，以及 Angular、React、Vue 和 jQuery 的区别与关系 WZMeiei Web前端angular.jsreact.jsvue.js
    目录一、先搞懂MVVM模式二、Angular、React、Vue是啥？三、和jQuery的关系与区别四、一句话总结五、Angular/React/Vue与jQuery辨析1.本质定位差异2.开发思想差异3.应用场景差异4.与jQuery的“替代”和“互补”关系总结一、先搞懂MVVM模式MVVM不是实体软件，是一种编程思想、设计模式，全称Model-View-ViewModel（模型-视图-视图模型
  • 创建并发布一个Angular组件库 田心~ Angularangular前端
    文章目录创建并发布一个Angular组件库创建组件库开发一个按钮组件测试组件发布组件发布到私有的npm仓库中发布到公共的npm库生成tar文件创建并发布一个Angular组件库随着公司业务的不断发展，不同产品或团队之间公用的组件越来越多，这时候就需要一套支持内部使用的组件库。本文将会介绍如何创建并发布一个Angular组件库。创建组件库首先我们来创建一个Angular项目，用来管理组件的展示和发布
  • Angular 基础入门——项目创建与模块概念 Mr.LiLong 前端大师之路：从入门到进阶react.jsjavascript前端
    文章五：Angular基础入门——项目创建与模块概念Angular是一款功能强大的前端框架，由Google维护。它采用了模块化、组件化等先进的开发理念，适合构建大型企业级应用。下面我们从项目创建开始，学习Angular的基础入门知识，重点了解模块的概念。一、安装AngularCLIAngularCLI（命令行界面）是创建和管理Angular项目的官方工具。首先，确保已安装Node.js和npm，然
  • Vue与React、Angular的比较 youhebuke225 vue面试题vue.jsreact.jsangular.js
    Vue、React和Angular是前端开发中三个流行的JavaScript框架，它们各自具有不同的特点、优势和适用场景。以下是对这三个框架的比较：1.基本概念Vue：Vue是一套用于构建用户界面的渐进式框架，其核心库专注于视图层，易于上手且便于与第三方库或既有项目整合。Vue被设计为可以自底向上逐层应用，既可以用于简单的Web页面，也可以用于复杂的单页应用（SPA）。React：React是一个
  • JWT 登录实战：Angular 18 + Spring Boot 3 手把手打造无状态认证系统
    一、为什么我们需要JWT？从一个真实的登录场景说起在我们开发前后端分离的项目时，"用户登录状态"这个问题几乎是绕不开的。假设您正在开发一个Web应用，前端用Angular，后端用SpringBoot，前端发起一个登录请求，后端验证账号密码之后，该怎么“记住”这个用户呢？传统方案：Session+Cookie这是最常见的做法：用户登录成功，服务器创建一个Session；把JSESSIONID放进Co
  • 微前端 - Module Federation使用完整示例 crary,记忆 微前端-MFE前端angularreact
    Angular框架中项目结构main-app/src/app/app.module.tsapp.component.tsmicro-app/src/app/app.module.tsapp.component.ts主应用配置安装必要依赖：ngadd@angular-architects/module-federation修改webpack.config.js：const{share,SharedM
  • 遍历dom 并且存储（将每一层的DOM元素存在数组中） 换个号韩国红果果 JavaScripthtml
    数组从0开始！！ var a=[],i=0; for(var j=0;j<30;j++){ a[j]=[];//数组里套数组，且第i层存储在第a[i]中 } function walkDOM(n){ do{ if(n.nodeType!==3)//筛选去除#text类型 a[i].push(n); //con
  • Android+Jquery Mobile学习系列(9)-总结和代码分享 白糖_ JQuery Mobile
    目录导航   经过一个多月的边学习边练手，学会了Android基于Web开发的毛皮，其实开发过程中用Android原生API不是很多，更多的是HTML/Javascript/Css。   个人觉得基于WebView的Jquery Mobile开发有以下优点： 1、对于刚从Java Web转型过来的同学非常适合，只要懂得HTML开发就可以上手做事。 2、jquerym
  • impala参考资料 dayutianfei impala
    记录一些有用的Impala资料   1. 入门资料 >>官网翻译：     http://my.oschina.net/weiqingbin/blog?catalog=423691   2. 实用进阶 >>代码&架构分析：     Impala/Hive现状分析与前景展望：http
  • JAVA 静态变量与非静态变量初始化顺序之新解 周凡杨 java静态非静态顺序
    今天和同事争论一问题，关于静态变量与非静态变量的初始化顺序，谁先谁后，最终想整理出来！测试代码： import java.util.Map; public class T { public static T t = new T(); private Map map = new HashMap(); public T(){ System.out.println(&quo
  • 跳出iframe返回外层页面 g21121 iframe
    在web开发过程中难免要用到iframe，但当连接超时或跳转到公共页面时就会出现超时页面显示在iframe中，这时我们就需要跳出这个iframe到达一个公共页面去。 首先跳转到一个中间页，这个页面用于判断是否在iframe中，在页面加载的过程中调用如下代码： <script type="text/javascript"> //<!-- function
  • JAVA多线程监听JMS、MQ队列 510888780 java多线程
    背景：消息队列中有非常多的消息需要处理，并且监听器onMessage（）方法中的业务逻辑也相对比较复杂，为了加快队列消息的读取、处理速度。可以通过加快读取速度和加快处理速度来考虑。因此从这两个方面都使用多线程来处理。对于消息处理的业务处理逻辑用线程池来做。对于加快消息监听读取速度可以使用1.使用多个监听器监听一个队列；2.使用一个监听器开启多线程监听。 对于上面提到的方法2使用一个监听器开启多线
  • 第一个SpringMvc例子 布衣凌宇 spring mvc
    第一步：导入需要的包； 第二步：配置web.xml文件 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi=
  • 我的spring学习笔记15-容器扩展点之PropertyOverrideConfigurer aijuans Spring3
    PropertyOverrideConfigurer类似于PropertyPlaceholderConfigurer，但是与后者相比，前者对于bean属性可以有缺省值或者根本没有值。也就是说如果properties文件中没有某个bean属性的内容，那么将使用上下文（配置的xml文件）中相应定义的值。如果properties文件中有bean属性的内容，那么就用properties文件中的值来代替上下
  • 通过XSD验证XML antlove xmlschemaxsdvalidationSchemaFactory
    1. XmlValidation.java package xml.validation; import java.io.InputStream; import javax.xml.XMLConstants; import javax.xml.transform.stream.StreamSource; import javax.xml.validation.Schem
  • 文本流与字符集 百合不是茶 PrintWrite()的使用字符集名字 别名获取
    文本数据的输入输出;           输入;数据流,缓冲流         输出;介绍向文本打印格式化的输出PrintWrite();   package 文本流; import java.io.FileNotFound
  • ibatis模糊查询sqlmap-mapping-**.xml配置 bijian1013 ibatis
            正常我们写ibatis的sqlmap-mapping-*.xml文件时，传入的参数都用##标识，如下所示： <resultMap id="personInfo" class="com.bijian.study.dto.PersonDTO"> <res
  • java jvm常用命令工具——jdb命令(The Java Debugger) bijian1013 javajvmjdb
            用来对core文件和正在运行的Java进程进行实时地调试，里面包含了丰富的命令帮助您进行调试，它的功能和Sun studio里面所带的dbx非常相似，但 jdb是专门用来针对Java应用程序的。         现在应该说日常的开发中很少用到JDB了，因为现在的IDE已经帮我们封装好了，如使用ECLI
  • 【Spring框架二】Spring常用注解之Component、Repository、Service和Controller注解 bit1129 controller
    在Spring常用注解第一步部分【Spring框架一】Spring常用注解之Autowired和Resource注解（http://bit1129.iteye.com/blog/2114084）中介绍了Autowired和Resource两个注解的功能，它们用于将依赖根据名称或者类型进行自动的注入，这简化了在XML中，依赖注入部分的XML的编写，但是UserDao和UserService两个bea
  • cxf wsdl2java生成代码super出错,构造函数不匹配 bitray super
        由于过去对于soap协议的cxf接触的不是很多,所以遇到了也是迷糊了一会.后来经过查找资料才得以解决. 初始原因一般是由于jaxws2.2规范和jdk6及以上不兼容导致的.所以要强制降为jaxws2.1进行编译生成.我们需要少量的修改: 我们原来的代码 wsdl2java com.test.xxx -client http://..... 修改后的代
  • 动态页面正文部分中文乱码排障一例 ronin47
    公司网站一部分动态页面，早先使用apache+resin的架构运行，考虑到高并发访问下的响应性能问题，在前不久逐步开始用nginx替换掉了apache。 不过随后发现了一个问题，随意进入某一有分页的网页，第一页是正常的（因为静态化过了）；点“下一页”，出来的页面两边正常，中间部分的标题、关键字等也正常，唯独每个标题下的正文无法正常显示。 因为有做过系统调整，所以第一反应就是新上
  • java-54- 调整数组顺序使奇数位于偶数前面 bylijinnan java
    import java.util.Arrays; import java.util.Random; import ljn.help.Helper; public class OddBeforeEven { /** * Q 54 调整数组顺序使奇数位于偶数前面 * 输入一个整数数组，调整数组中数字的顺序，使得所有奇数位于数组的前半部分，所有偶数位于数组的后半
  • 从100PV到1亿级PV网站架构演变 cfyme 网站架构
    一个网站就像一个人，存在一个从小到大的过程。养一个网站和养一个人一样，不同时期需要不同的方法，不同的方法下有共同的原则。本文结合我自已14年网站人的经历记录一些架构演变中的体会。 1：积累是必不可少的 架构师不是一天练成的。 1999年，我作了一个个人主页，在学校内的虚拟空间，参加了一次主页大赛，几个DREAMWEAVER的页面，几个TABLE作布局，一个DB连接，几行PHP的代码嵌入在HTM
  • [宇宙时代]宇宙时代的GIS是什么？ comsci Gis
           我们都知道一个事实，在行星内部的时候，因为地理信息的坐标都是相对固定的，所以我们获取一组GIS数据之后，就可以存储到硬盘中，长久使用。。。但是，请注意，这种经验在宇宙时代是不能够被继续使用的          宇宙是一个高维时空
  • 详解create database命令 czmmiao database
    完整命令 CREATE DATABASE mynewdb   USER SYS IDENTIFIED BY sys_password   USER SYSTEM IDENTIFIED BY system_password   LOGFILE GROUP 1 ('/u01/logs/my/redo01a.log','/u02/logs/m
  • 几句不中听却不得不认可的话 datageek
    1、人丑就该多读书。 2、你不快乐是因为：你可以像猪一样懒，却无法像只猪一样懒得心安理得。 3、如果你太在意别人的看法，那么你的生活将变成一件裤衩，别人放什么屁，你都得接着。 4、你的问题主要在于：读书不多而买书太多，读书太少又特爱思考，还他妈话痨。 5、与禽兽搏斗的三种结局：(1)、赢了，比禽兽还禽兽。(2)、输了，禽兽不如。(3)、平了，跟禽兽没两样。结论：选择正确的对手很重要。 6
  • 1 14:00 PHP中的“syntax error, unexpected T_PAAMAYIM_NEKUDOTAYIM”错误 dcj3sjt126com PHP
    原文地址：http://www.kafka0102.com/2010/08/281.html   因为需要，今天晚些在本机使用PHP做些测试，PHP脚本依赖了一堆我也不清楚做什么用的库。结果一跑起来，就报出类似下面的错误：“Parse error: syntax error, unexpected T_PAAMAYIM_NEKUDOTAYIM in /home/kafka/test/
  • xcode6 Auto layout and size classes dcj3sjt126com ios
    官方GUI   https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/AutolayoutPG/Introduction/Introduction.html   iOS中使用自动布局（一）   http://www.cocoachina.com/ind
  • 通过PreparedStatement批量执行sql语句【sql语句相同，值不同】 梦见x光 sql事务批量执行
    比如说：我有一个List需要添加到数据库中，那么我该如何通过PreparedStatement来操作呢？ public void addCustomerByCommit(Connection conn , List<Customer> customerList) {    String sql = "inseret into customer(id
  • 程序员必知必会----linux常用命令之十【系统相关】 hanqunfeng Linux常用命令
    一.linux快捷键 Ctrl+C : 终止当前命令 Ctrl+S : 暂停屏幕输出 Ctrl+Q : 恢复屏幕输出 Ctrl+U : 删除当前行光标前的所有字符 Ctrl+Z : 挂起当前正在执行的进程 Ctrl+L : 清除终端屏幕，相当于clear   二.终端命令 clear : 清除终端屏幕 reset : 重置视窗，当屏幕编码混乱时使用 time com
  • NGINX IXHONG nginx
    pcre 编译安装 nginx conf/vhost/test.conf   upstream admin { server 127.0.0.1:8080; }   server {                 listen       80; &
  • 设计模式--工厂模式 kerryg 设计模式
    工厂方式模式分为三种：   1、普通工厂模式：建立一个工厂类，对实现了同一个接口的一些类进行实例的创建。   2、多个工厂方法的模式：就是对普通工厂方法模式的改进，在普通工厂方法模式中，如果传递的字符串出错，则不能正确创建对象，而多个工厂方法模式就是提供多个工厂方法，分别创建对象。   3、静态工厂方法模式：就是将上面的多个工厂方法模式里的方法置为静态，
  • Spring InitializingBean/init-method和DisposableBean/destroy-method mx_xiehd javaspringbeanxml
    1.initializingBean/init-method 实现org.springframework.beans.factory.InitializingBean接口允许一个bean在它的所有必须属性被BeanFactory设置后，来执行初始化的工作，InitialzingBean仅仅指定了一个方法。 通常InitializingBean接口的使用是能够被避免的，（不鼓励使用，因为没有必要
  • 解决Centos下vim粘贴内容格式混乱问题 qindongliang1922 centosvim
    有时候，我们在向vim打开的一个xml，或者任意文件中，拷贝粘贴的代码时，格式莫名其毛的就混乱了，然后自己一个个再重新，把格式排列好，非常耗时，而且很不爽，那么有没有办法避免呢？ 答案是肯定的，设置下缩进格式就可以了，非常简单： 在用户的根目录下 直接vi  ~/.vimrc文件 然后将set pastetoggle=<F9> 写入这个文件中，保存退出，重新登录，
  • netty大并发请求问题 tianzhihehe netty
    多线程并发使用同一个channel java.nio.BufferOverflowException: null at java.nio.HeapByteBuffer.put(HeapByteBuffer.java:183) ~[na:1.7.0_60-ea] at java.nio.ByteBuffer.put(ByteBuffer.java:832) ~[na:1.7.0_60-ea]
  • Hadoop NameNode单点问题解决方案之一 AvatarNode wyz2009107220 NameNode
    我们遇到的情况 Hadoop NameNode存在单点问题。这个问题会影响分布式平台24*7运行。先说说我们的情况吧。 我们的团队负责管理一个1200节点的集群(总大小12PB)，目前是运行版本为Hadoop 0.20，transaction logs写入一个共享的NFS filer(注：NetApp NFS Filer)。 经常遇到需要中断服务的问题是给hadoop打补丁。 DataNod
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他