13813962825
13813962825

代码高亮插件SyntaxHighlighter

SyntaxHighlighter是一个非常不错的代码高亮工具，支持各种平台，只需要前台载入代码即可。
第一步：
1、引入需要的js和css
     <script type="text/javascript" src="scripts/shCore.js"></script>
     <link type="text/css" rel="stylesheet" href="styles/shCore.css"/>
     <link type="text/css" rel="stylesheet" href="styles/shThemeDefault.css"/>
这三个是必须的，如果需要给xml代码高亮显示，则需要引入xml相关的js。
<script type="text/javascript" src="scripts/shBrushXml.js"></script>



这个是css需要的js
<script type="text/javascript" src="scripts/shBrushCss.js"></script>
这个是java需要的js
<script type="text/javascript" src="scripts/shBrushJava.js"></script>
这个是javascript需要的js
<script type="text/javascript" src="scripts/shBrushJScript.js"></script>
这个是sql需要的js
<script type="text/javascript" src="scripts/shBrushSql.js"></script>


2、在页面初始化时调用如下js代码：
SyntaxHighlighter.all();

3、将xml代码放入<pre class="brush:xml;"></pre>标签内部。如此就可以高亮显示xml代码。





下面是一个例子： 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>高亮插件SyntaxHighlighter的使用</title>
	<script type="text/javascript" src="scripts/shCore.js"></script>
	<script type="text/javascript" src="scripts/shBrushXml.js"></script>
	<script type="text/javascript" src="scripts/shBrushCss.js"></script>
	<script type="text/javascript" src="scripts/shBrushJava.js"></script>
	<script type="text/javascript" src="scripts/shBrushJScript.js"></script>
	<script type="text/javascript" src="scripts/shBrushSql.js"></script>
	
	<!--根据需要显示的语言自行添加需要的js
	<script type="text/javascript" src="scripts/shBrushBash.js"></script>
	<script type="text/javascript" src="scripts/shBrushCpp.js"></script>
	<script type="text/javascript" src="scripts/shBrushCSharp.js"></script>
	<script type="text/javascript" src="scripts/shBrushDelphi.js"></script>
	<script type="text/javascript" src="scripts/shBrushDiff.js"></script>
	<script type="text/javascript" src="scripts/shBrushGroovy.js"></script>
	<script type="text/javascript" src="scripts/shBrushPhp.js"></script>
	<script type="text/javascript" src="scripts/shBrushPlain.js"></script>
	<script type="text/javascript" src="scripts/shBrushPython.js"></script>
	<script type="text/javascript" src="scripts/shBrushRuby.js"></script>
	<script type="text/javascript" src="scripts/shBrushScala.js"></script>
	<script type="text/javascript" src="scripts/shBrushVb.js"></script>
	-->
	
	<link type="text/css" rel="stylesheet" href="styles/shCore.css"/>
	<link type="text/css" rel="stylesheet" href="styles/shThemeDefault.css"/>
	<script type="text/javascript">
		//鼠标移动到代码区域时会显示一个工具条，默认为英文，改中文设置如下：
		SyntaxHighlighter.config.strings = {

            expandSource : '展开代码',

            viewSource : '查看代码',

            copyToClipboard : '复制代码',

            copyToClipboardConfirmation : '代码复制成功',

            print : '打印',

            help: '?'
        };
		
		//代码显示在标签为<pre></pre>中，syntaxhighlighter默认会自动查找<pre/>标签，其中标签可自定义，只需要加上如下配置代码
		//SyntaxHighlighter.config.tagName="textarea";
		
		//有些场景下不想显示工具条，有两种解决方案：
		//1、SyntaxHighlighter.defaults.toolbar=false;
		//2.在pre标签的class属性里添加toolbar:false;(<pre class="brush:xml;toolbar:false;">)
		//SyntaxHighlighter.defaults.toolbar=false;
		SyntaxHighlighter.all();
	</script>
</head>

<body >

<h1>输出XML</h1>
<pre class="brush:xml;toolbar:false;">
	<form name="uploadForm" id="uploadForm" action="${ctxPath}/importFileDatas.action" 
   		method="post" enctype="multipart/form-data">
   		<input type="file" name="uploadFile">
   		<input type="button" onclick="upload()" value="上传">
   </form>
</pre>



<BR>
<h1>输出JAVA</h1>
<pre class="brush:java;">
	public static String formatXml(String xml) {  
       String result = xml;  
  
       SAXReader saxReader = new SAXReader();  
       Document document = null;  
       StringWriter writer = null;  
       try {  
           document = saxReader.read(new ByteArrayInputStream(xml.getBytes()));  
           // 创建输出格式  
           OutputFormat format = OutputFormat.createPrettyPrint();  
           // 制定输出xml的编码类型  
           format.setEncoding("UTF-8");  
  
           writer = new StringWriter();  
           // 创建一个文件输出流  
           XMLWriter xmlwriter = new XMLWriter(writer, format);  
           // 将格式化后的xml串写入到文件  
           xmlwriter.write(document);  
           result = writer.toString();  
  
       } catch (Exception e) {  
           // 日志  
       } finally {  
           if (writer != null) {  
               IOUtils.closeQuietly(writer);  
           }  
       }  
       return result;  
   }  
</pre>   


<BR>
<h1>输出SQL</h1>
<pre class="brush:sql;">
	ALTER TABLE T_USER ADD ADDRESS VARCHAR(50) ADD CITY VARCHAR(100) ADD DISTRICT VARCHAR(100) ADD PROVINCE VARCHAR(100);
	CALL SYSPROC.ADMIN_CMD('reorg table T_USER'); 	
</pre>   
   

<BR>
<h1>输出JAVASCRIPT</h1>
<pre class="brush:javascript;">
	function test(){
		alert(111);
	}
</pre> 


<BR>
<h1>输出CSS</h1>
<pre class="brush:css;">
	.syntaxhighlighter
	{
		width: 99% !important; /* 99% fixes IE8 horizontal scrollbar */
		margin: 1em 0 1em 0 !important;
		padding: 1px !important; /* adds a little border on top and bottom */
		position: relative !important;
	}
</pre> 

</html>

你可能感兴趣的:(js)

  • DeepSeek 助力 Vue3 开发：打造丝滑的表格（Table）之添加行拖拽排序功能示例7，TableView16_07 列拖拽排序示例 宝码香车 #DeepSeekjavascriptvue.jsecmascript前端DeepSeek
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的表格（Table）之添加行拖拽排序功能示例7，TableView16_07列拖拽排序示例前言页面效果组件代码代码测试测试代码正常跑通，附其他基本代码编写路由src\router\index.js编写
  • Gin框架全套实战教程 万才博客 golanggo语言软件框架golang
    01.API的URL规则设计、带参数的路由02.是否一定要用MVC模式、路由分组03.简单Dao层代码封装、使用中间件模拟鉴权04.创建Model、参数绑定Model的初步使用05.内置验证器的初步使用、POST参数绑定06.自定义验证器结合正则验证JSON参数07.批量提交帖子数据的验证基本姿势08.到底要不要用ORM、Gorm入手、执行原始SQL09.结合Model进行数据映射、查询的基本要点
  • 使用electron-vite创建桌面应用 库库的写代码 electronjavascript前端
    使用electron-vite创建桌面应用一、框架搭建二、项目目录三、preload.js解读一、框架搭建官网地址https://cn.electron-vite.orgnpmcreate@quick-start/electron@latest按步骤操作即可二、项目目录1、main主进程窗口：存放窗口代码2、preload预加载模块：用于窗口与页面间沟通的桥梁，增加可靠性3、renderer渲染模
  • Python办公自动化：增值税发票批量识别和核验 安替-AnTi 自动化工具python增值税识别核验
    腾讯云免费体验地址：https://console.cloud.tencent.com/api/explorer?Product=ocr&Version=2018-11-19&Action=VatInvoiceVerifyNew首先进行识别，这里以python为例子#-*-coding:utf-8-*-importjsonfromtencentcloud.common.common_clienti
  • 【从零实现Json-Rpc框架】- 项目实现 - 零碎功能接口篇 JhonKI jsonrpc网络协议
    博客主页：https://blog.csdn.net/2301_779549673博客仓库：https://gitee.com/JohnKingW/linux_test/tree/master/lesson欢迎点赞收藏⭐留言如有错误敬请指正！本文由JohnKi原创，首发于CSDN未来很长，值得我们全力奔赴更美好的生活✨文章目录前言️‍一、简单日志宏实现1.1意义:快速定位程序运行逻辑出错的位置。1
  • 【前端面试题】对vue虚拟dom的理解 十八朵郁金香 Vue前端javascriptvue.js
    前言近期在准备前端面试的内容，收集和整理一些vue相关知识点，和大家一起学习。关注我，及时了解最新消息~对vue虚拟dom的理解什么是虚拟dom？虚拟dom本质上就是一个普通的JS对象，用于描述视图的界面结构在vue中，每个组件都有一个render函数，每个render函数都会返回一个虚拟dom树，这也就意味着每个组件都对应一棵虚拟DOM树为什么需要虚拟dom？在vue中，渲染视图会调用rende
  • 【实战】解决图片 Hover 抖动问题的完整指南 oliver.chau 前端开发前端
    在开发网站时，很多人都会遇到一个常见问题：鼠标移动到图片上，图片放大，结果发生抖动或闪烁。这个问题往往伴随着后端接口请求、JS动态追加DOM等复杂行为。本文将深入剖析这个问题的成因，并提供一套彻底的解决方案，适合所有在前端开发中遇到此类困扰的朋友。问题现象鼠标移动到图片上，图片被放大（hover效果）图片出现抖动/闪烁/重排现象使用了innerHTML+=方式追加HTML每次hover时，JS/后
  • AI简历生成网站源码丨Ai简历制作项目-已开源 希希分享 软希网58soho_cn源码资源AI简历生成网站源码
    运行环境Node.js：18+安装npmnpminstall运行项目然后反代npmrundev欢迎有前端能力的朋友开发简历模板加入项目简历模板开发方式：复制一份/template/dev目录，然后按照里面的数据挂载到前端即可。然后完善您模板目录下的config.json和preview.jpg（注意，config.json中的id务必是唯一值）最后，请在/public/templates.json
  • 后端开发基础：语言选择与 RESTful API 设计 风亦辰739 前后端开发全栈指南restful后端
    在Web开发中，后端（Backend）负责数据存储、业务逻辑处理、权限管理以及与前端（Frontend）的交互。本文将介绍主流后端开发语言及其适用场景，并详细解析RESTfulAPI设计原则，帮助开发者构建高效、规范的后端服务。一、后端开发语言选择后端开发语言决定了系统的可扩展性、性能和维护成本。当前流行的后端语言包括Java、Python和Node.js，它们各自适用于不同的开发场景。1.Jav
  • JS笔试题精讲3 ES6专题 沿着路走到底 面试题javascriptes6前端
    只要拼接字符串一律用模板字符串${}里:-可以放：变量、算术计算、三目、对象属性、创建对象、调用函数、访问数组元素——有返回值的合法的js表达式-不能放:没有返回值的js表达式也不能放分支/判断、循环等程序结构。比如:ifelseforwhile...等${}规则和今后各种框架中的绑定语法规则完全一样！varuname="丁丁";console.log(`Welcome${uname}`);var
  • 微信小程序入门一之小程序架构 Qiang_1995 微信小程序
    微信公众平台技术文档2016-9-20凌晨，微信推出应用号“小程序”内测功能；2016-11-4，正式公测，企事业单位可申请公测账号；2017-1-9，正式上线；官方社区地址：http://developers.weixin.qq.com架构分析基本目录结构主目录（项目描述文件）{主逻辑文件app.js主配置文件app.json：注册页面，全局定义网络超时、窗口表现等主样式文件app.wxss：类
  • 西门子S7协议 stepan.jiang python库自动化测试python
    以下是客户端函数使用#coding:utf-8importsnap7,time,jsonfromsnap7.utilimport*s7_clinet=snap7.client.Client()s7_clinet.connect("",0,1)classsnap7_fuction():def__init__(self,area,dbnumber,start,size,data=None):self.
  • MySQL到达梦数据库迁移中的JSON_CONTAINS不兼容问题及解决方案 水涵幽树 数据库mysqljson后端sql数据库开发
    问题背景JSON_CONTAINS是MySQL中用于检查JSON文档是否包含特定值的函数。然而，达梦数据库并不支持这一函数，因此在迁移过程中，直接使用JSON_CONTAINS会导致SQL语句无法执行，进而引发报错。报错内容在迁移过程中，如果直接使用JSON_CONTAINS函数，达梦数据库会抛出如下错误：”SQL错误[42000]:[DM_SQL]语法分析错误:第5行第12列附近出现错误:未找到
  • 力扣每日打卡 2829. k-avoiding 数组的最小总和 (中等) 龙萌酱 每日算法leetcode哈希算法算法
    力扣每日打卡2829.k-avoiding数组的最小总和——中等难度前言一、题目内容二、解题方法1.哈希表2.官方题解前言这是刷算法题的第六天，用到的语言是JS题目：力扣2829.k-avoiding数组的最小总和(中等)又又又与两数之和有异曲同工之妙一、题目内容给你两个整数n和k。对于一个由不同正整数组成的数组，如果其中不存在任何求和等于k的不同元素对，则称其为k-avoiding数组。返回长度
  • dify平台新手入门指南 knightissocool 自然语言处理语言模型
    以下是针对Dify平台的新手使用指南，涵盖从部署到基础操作的完整流程，结合官方文档及实践总结，帮助用户快速上手：一、环境准备与部署系统要求操作系统：支持Linux（如Ubuntu22.04+）、WindowsWSL或macOS。依赖工具：Docker24.0+、Python3.12（推荐使用Poetry管理）、Node.jsv18.xLTS（前端依赖）。一键部署（推荐DockerCompose）g
  • FFMpeg-从安装到使用 音视频开发老马 ffmpeg
    一、写在前面记录FFMpegPHP使用的点滴，它可以处理音视频（提取图片，进行转码，添加水印，旋转等等），对我们来说是一个强大的轮子。二、安装步骤1.添加包依赖，前提是composer已加载。composerrequirephp-ffmpeg/php-ffmpegrequiresphp:^5.3.9||^7.0顺利的话，composer.json里已经有了："php-ffmpeg/php-ffmp
  • 手动搭建并配置react项目（webpack5） 程序员宝妈 webpack打包Reactreact.js前端前端框架
    手动搭建并配置react项目（webpack5）介绍不使用脚手架，利用webpack，手动搭建react项目框架1、项目创建创建目录react_wepack2、webpack+react基础架构2.1配置webpack.dev.js基础配置说明可参考这篇文章配置loader、plugin、eslint【见webpack.dev.js】constpath=require("path");constM
  • mock数据基本使用 runfarther 大前端开发前端vuereactmock
    1.mock数据概念：mock这词本意是虚拟，模拟的意思。mockserver工具，通俗来说，就是模拟服务端接口数据，一般用在前后端分离后，前端人员可以不依赖API开发，而在本地搭建一个JSON服务，自己产生测试数据。即：json-server就是个存储json数据的server2.使用步骤：1）初始化项目：npminit-y2）安装json-server:npmijson-server-D3）在
  • Vue + webpack 项目实践 GarfieldEr007 Vue.jsVuewebpack
    最近在内部项目中做了一些基于vue+webpack的尝试，在小范围和同事们探讨之后，还是蛮多同学认可和喜欢的，所以通过blog分享给更多人。首先，我会先简单介绍一下vue和webpack：(当然如果你已经比较熟悉它们的话前两个部分可以直接跳过)介绍vueVue.js是一款极简的mvvm框架，如果让我用一个词来形容它，就是“轻·巧”。如果用一句话来描述它，它能够集众多优秀逐流的前端框架之大成，但同时
  • python中如何将dict转换成json 灭绝师太也疯狂 jsonpython
    userinfo={'a':'b','c':'d'}userjson=json.dumps(userinfo)res=requests.post(url,data=userjson,header={'Content-type':'application/json'})res.text/json()可适当的打印类型查看print(type())
  • python dict to json 凯二七 json
    使用Python模块json可以将字典转换为json字符串。可以使用json.dumps()函数将字典转换为json字符串，例如:importjsondata={'name':'JohnSmith','age':35,'city':'NewYork'}json_data=json.dumps(data)print(json_data)
  • Selenium——入门 暗夜小白白 Seleniumselenium测试工具
    一、Selenium简介Selenium是一个用于Web应用程序自动化测试工具。Selenium测试直接运行在浏览器中，就像真正的用户在操作一样。支持的浏览器包括IE（7,8,9,10,11），MozillaFirefox，Safari，GoogleChrome，Opera等。适用于自动化测试，js动态爬虫（破解反爬虫）等领域。二、Selenium组成1）SeleniumIDE：嵌入到Firefo
  • Springboot旅游管理系统的设计与实现4eqkg计算机毕业设计-课程设计-期末作业-毕设程序代做 屹涛科技 旅游
    Springboot旅游管理系统的设计与实现4eqkg计算机毕业设计-课程设计-期末作业-毕设程序代做【免费赠送源码】Springboot旅游管理系统的设计与实现4eqkg计算机毕业设计-课程设计-期末作业-毕设程序代做本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：
  • TypeScript 无盐海 TypeScripttypescriptjavascript前端
    一、TS开发环境搭建1、安装Node.js与npm从Node.js官网下载并安装最新LTS版本，安装完成后通过终端验证node-v#检查Node.js版本npm-v#检查npm版本说明：Node.js是TS的运行基础，npm用于包管理2、全局安装TypeScript编译器安装TypeScript编译器：npminstall-gtypescript#安装命令tsc--version#安装后验证，显示
  • 使用 Chromedp 监听网页请求和响应 Clown95 go#go爬虫gochromedp
    使用Chromedp监听网页请求和响应在进行网络爬虫的时候，有很多网站都有反爬机制，比如你想抓点数据，结果发现每次请求都带一堆奇奇怪怪的参数——什么timestamp签名、AES加密的字段，还有各种Token令牌，跟密码本似的。你直接看网页源代码吧，那些JS代码被混淆得亲妈都不认识，像一团乱麻似的根本理不清头绪。这时候我们可以使用chromedp来监听网页请求，它的核心价值在于：第一不用费劲巴拉地
  • 如何使用Anthropic Chat模型：快速入门指南 shuoac python开发语言
    如何使用AnthropicChat模型：快速入门指南Anthropic提供了多个聊天模型，这篇文章将帮助你快速入门。详细文档请参考AnthropicAPI文档。技术背景介绍Anthropic提供了多种聊天模型，这些模型可以通过AWSBedrock和GoogleVertexAI进行访问。使用Anthropic你可以快速创建高效的对话代理。核心原理解析Anthropic模型支持结构化输出、JSON模式
  • 透析Vue的nextTick原理 Sean2077 Vuevue.js
    nextTick是Vue.js中的一个核心机制，用于在下一次DOM更新周期后执行回调函数。它的核心原理是利用JavaScript的事件循环机制（EventLoop），结合微任务（Microtask）或宏任务（Macrotask）的调度策略，确保回调在DOM更新完成后执行。核心原理分析1.DOM更新的异步性Vue的数据驱动视图更新是异步批量执行的。当数据变化时，Vue不会立即更新DOM，而是开启一个
  • 安装 Microsoft Visual C++ Build Tools Ljugg windows
    安装MicrosoftVisualC++BuildTools是为了在Windows系统上编译和运行需要C++支持的程序或库（例如某些Python包、Node.js模块等）。以下是安装MicrosoftVisualC++BuildTools的详细步骤总结：1.通过官方渠道安装步骤1：访问VisualStudio官方网站打开VisualStudioBuildTools官方下载页面。步骤2：下载安装程序
  • java数据透视表插件_纯前端表格控件SpreadJS：新增数据透视表插件等，完美呈现强大的Excel数据分析能力... 天生双下巴 java数据透视表插件
    SpreadJS是一款基于HTML5的纯前端电子表格控件，兼容450种以上的Excel公式，凭借其“高性能、跨平台、与Excel高度兼容”的产品特性，备受以华为、苏宁易购、天弘基金等为代表的企业用户青睐。新版本特性:新增数据透视表插件，拥有强大的Excel数据分析能力在线表格编辑器(控件版)：更易嵌入、秒级加载、灵活定制新增迭代计算功能，可实现高精度计算支持渐进加载、HTML导出支持渐进填充、多列
  • Django-Quill-Editor 项目教程 翁晔晨Jane
    Django-Quill-Editor项目教程django-quill-editordjango-quill-editormakesQuill.jseasytouseonDjangoFormsandadminsites项目地址:https://gitcode.com/gh_mirrors/dj/django-quill-editor1.项目的目录结构及介绍django-quill-editor/├
  • 设计模式介绍 tntxia 设计模式
    设计模式来源于土木工程师 克里斯托弗 亚历山大（http://en.wikipedia.org/wiki/Christopher_Alexander）的早期作品。他经常发表一些作品，内容是总结他在解决设计问题方面的经验，以及这些知识与城市和建筑模式之间有何关联。有一天，亚历山大突然发现，重复使用这些模式可以让某些设计构造取得我们期望的最佳效果。 亚历山大与萨拉-石川佳纯和穆雷 西乐弗斯坦合作
  • android高级组件使用(一) 百合不是茶 androidRatingBarSpinner
    1、自动完成文本框（AutoCompleteTextView） AutoCompleteTextView从EditText派生出来，实际上也是一个文本编辑框，但它比普通编辑框多一个功能：当用户输入一个字符后，自动完成文本框会显示一个下拉菜单，供用户从中选择，当用户选择某个菜单项之后，AutoCompleteTextView按用户选择自动填写该文本框。 使用AutoCompleteTex
  • [网络与通讯]路由器市场大有潜力可挖掘 comsci 网络
              如果国内的电子厂商和计算机设备厂商觉得手机市场已经有点饱和了,那么可以考虑一下交换机和路由器市场的进入问题.....        这方面的技术和知识,目前处在一个开放型的状态,有利于各类小型电子企业进入  &nbs
  • 自写简单Redis内存统计shell 商人shang Linux shell统计Redis内存
    #!/bin/bash address="192.168.150.128:6666,192.168.150.128:6666" hosts=(${address//,/ }) sfile="staticts.log" for hostitem in ${hosts[@]} do ipport=(${hostitem
  • 单例模式(饿汉 vs懒汉) oloz 单例模式
    package 单例模式; /* * 应用场景:保证在整个应用之中某个对象的实例只有一个 * 单例模式种的《 懒汉模式》 * */ public class Singleton { //01 将构造方法私有化，外界就无法用new Singleton()的方式获得实例 private Singleton(){}; //02 申明类得唯一实例 priva
  • springMvc json支持 杨白白 json springmvc
    1.Spring mvc处理json需要使用jackson的类库，因此需要先引入jackson包 2在spring mvc中解析输入为json格式的数据:使用@RequestBody来设置输入 @RequestMapping("helloJson") public @ResponseBody JsonTest helloJson() {
  • android播放，掃描添加本地音頻文件 小桔子
            最近幾乎沒有什麽事情，繼續鼓搗我的小東西。想在項目中加入一個簡易的音樂播放器功能，就像華為p6桌面上那麼大小的音樂播放器。用過天天動聽或者QQ音樂播放器的人都知道，可已通過本地掃描添加歌曲。不知道他們是怎麼實現的，我覺得應該掃描設備上的所有文件，過濾出音頻文件，每個文件實例化為一個實體，記錄文件名、路徑、歌手、類型、大小等信息。具體算法思想，
  • oracle常用命令 aichenglong oracledba常用命令
    1 创建临时表空间 create temporary tablespace user_temp  tempfile 'D:\oracle\oradata\Oracle9i\user_temp.dbf' size 50m  autoextend on  next 50m maxsize 20480m  extent management local
  • 25个Eclipse插件 AILIKES eclipse插件
    提高代码质量的插件1. FindBugsFindBugs可以帮你找到Java代码中的bug，它使用Lesser GNU Public License的自由软件许可。2. CheckstyleCheckstyle插件可以集成到Eclipse IDE中去，能确保Java代码遵循标准代码样式。3. ECLemmaECLemma是一款拥有Eclipse Public License许可的免费工具，它提供了
  • Spring MVC拦截器+注解方式实现防止表单重复提交 baalwolf spring mvc
    原理：在新建页面中Session保存token随机码，当保存时验证，通过后删除，当再次点击保存时由于服务器端的Session中已经不存在了，所有无法验证通过。   1.新建注解：   ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
  • 《Javascript高级程序设计(第3版)》闭包理解 bijian1013 JavaScript
    “闭包是指有权访问另一个函数作用域中的变量的函数。”--《Javascript高级程序设计(第3版)》         看以下代码： <script type="text/javascript"> function outer() { var i = 10; return f
  • AngularJS Module类的方法 bijian1013 JavaScriptAngularJSModule
            AngularJS中的Module类负责定义应用如何启动，它还可以通过声明的方式定义应用中的各个片段。我们来看看它是如何实现这些功能的。 一.Main方法在哪里         如果你是从Java或者Python编程语言转过来的，那么你可能很想知道AngularJS里面的main方法在哪里？这个把所
  • [Maven学习笔记七]Maven插件和目标 bit1129 maven插件
    插件(plugin)和目标(goal) Maven，就其本质而言，是一个插件执行框架，Maven的每个目标的执行逻辑都是由插件来完成的，一个插件可以有1个或者几个目标，比如maven-compiler-plugin插件包含compile和testCompile，即maven-compiler-plugin提供了源代码编译和测试源代码编译的两个目标   使用插件和目标使得我们可以干预
  • 【Hadoop八】Yarn的资源调度策略 bit1129 hadoop
    1. Hadoop的三种调度策略 Hadoop提供了3中作业调用的策略， FIFO Scheduler Fair Scheduler Capacity Scheduler 以上三种调度算法，在Hadoop MR1中就引入了，在Yarn中对它们进行了改进和完善.Fair和Capacity Scheduler用于多用户共享的资源调度   2. 多用户资源共享的调度
  • Nginx使用Linux内存加速静态文件访问 ronin47
    Nginx是一个非常出色的静态资源web服务器。如果你嫌它还不够快，可以把放在磁盘中的文件，映射到内存中，减少高并发下的磁盘IO。 先做几个假设。nginx.conf中所配置站点的路径是/home/wwwroot/res，站点所对应文件原始存储路径：/opt/web/res shell脚本非常简单，思路就是拷贝资源文件到内存中，然后在把网站的静态文件链接指向到内存中即可。具体如下：
  • 关于Unity3D中的Shader的知识 brotherlamp unityunity资料unity教程unity视频unity自学
    首先先解释下Unity3D的Shader，Unity里面的Shaders是使用一种叫ShaderLab的语言编写的，它同微软的FX文件或者NVIDIA的CgFX有些类似。传统意义上的vertex shader和pixel shader还是使用标准的Cg/HLSL 编程语言编写的。因此Unity文档里面的Shader，都是指用ShaderLab编写的代码，然后我们来看下Unity3D自带的60多个S
  • CopyOnWriteArrayList vs ArrayList bylijinnan java
    package com.ljn.base; import java.util.ArrayList; import java.util.Iterator; import java.util.List; import java.util.concurrent.CopyOnWriteArrayList; /** * 总述： * 1.ArrayListi不是线程安全的，CopyO
  • 内存中栈和堆的区别 chicony 内存
    1、内存分配方面：     堆：一般由程序员分配释放， 若程序员不释放，程序结束时可能由OS回收 。注意它与数据结构中的堆是两回事，分配方式是类似于链表。可能用到的关键字如下：new、malloc、delete、free等等。     栈：由编译器(Compiler)自动分配释放，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中
  • 回答一位网友对Scala的提问 chenchao051 scalamap
    本来准备在私信里直接回复了，但是发现不太方便，就简要回答在这里。 问题 写道 对于scala的简洁十分佩服，但又觉得比较晦涩，例如一例，Map("a" -> List(11,111)).flatMap(_._2)，可否说下最后那个函数做了什么，真正在开发的时候也会如此简洁？谢谢    先回答一点，在实际使用中，Scala毫无疑问就是这么简单。
  • mysql 取每组前几条记录 daizj mysql分组最大值最小值每组三条记录
    一、对分组的记录取前N条记录：例如：取每组的前3条最大的记录 1.用子查询： SELECT * FROM tableName a  WHERE 3> (SELECT COUNT(*) FROM  tableName b WHERE b.id=a.id AND b.cnt>a. cnt) ORDER BY a.id,a.account DE
  • HTTP深入浅出 http请求 dcj3sjt126com http
      HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP，使HTTP客户（如Web浏览器）能够从HTTP服务器(Web服务器)请求信息和服务，HTTP目前协议的版本是1.1.HTTP是一种无状态的协议，无状态是指Web浏览器和Web服务器之间不需要建立持久的连接，这意味着当一个客户端向服务器端发出请求，然后We
  • 判断MySQL记录是否存在方法比较 dcj3sjt126com mysql
    把数据写入到数据库的时，常常会碰到先要检测要插入的记录是否存在，然后决定是否要写入。 　　我这里总结了判断记录是否存在的常用方法： 　　sql语句： select   count ( * )  from  tablename; 　　然后读取count(*)的值判断记录是否存在。对于这种方法性能上有些浪费，我们只是想判断记录记录是否存在，没有必要全部都查出来。
  • 对HTML XML的一点认识 e200702084 htmlxml
    感谢http://www.w3school.com.cn提供的资料 HTML 文档中的每个成分都是一个节点。 节点 根据 DOM，HTML 文档中的每个成分都是一个节点。 DOM 是这样规定的： 整个文档是一个文档节点 每个 HTML 标签是一个元素节点 包含在 HTML 元素中的文本是文本节点 每一个 HTML 属性是一个属性节点 注释属于注释节点 Node 层次
  • jquery分页插件 genaiwei jqueryWeb前端分页插件
    //jquery页码控件// 创建一个闭包    (function($) {      // 插件的定义      $.fn.pageTool = function(options) {        var totalPa
  • Mybatis与Ibatis对照入门于学习 Josh_Persistence mybatisibatis区别联系
    一、为什么使用IBatis/Mybatis         对于从事 Java EE 的开发人员来说，iBatis 是一个再熟悉不过的持久层框架了，在 Hibernate、JPA 这样的一站式对象 / 关系映射（O/R Mapping）解决方案盛行之前，iBaits 基本是持久层框架的不二选择。即使在持久层框架层出不穷的今天，iBatis 凭借着易学易用、
  • C中怎样合理决定使用那种整数类型？ 秋风扫落叶 c数据类型
    如果需要大数值(大于32767或小于32767), 使用long 型。 否则, 如果空间很重要 (如有大数组或很多结构), 使用 short 型。 除此之外, 就使用 int 型。 如果严格定义的溢出特征很重要而负值无关紧要, 或者你希望在操作二进制位和字节时避免符号扩展的问题, 请使用对应的无符号类型。 但是, 要注意在表达式中混用有符号和无符号值的情况。    &nbs
  • maven问题 zhb8015 maven问题
      问题1： Eclipse 中 新建maven项目 无法添加src/main/java 问题    eclipse创建maevn web项目，在选择maven_archetype_web原型后，默认只有src/main/resources这个Source Floder。     按照maven目录结构，添加src/main/ja
  • (二)androidpn-server tomcat版源码解析之--push消息处理 spjich javaandrodipn推送
    在 (一)androidpn-server tomcat版源码解析之--项目启动这篇中，已经描述了整个推送服务器的启动过程，并且把握到了消息的入口即XmppIoHandler这个类，今天我将继续往下分析下面的核心代码，主要分为3大块，链接创建，消息的发送，链接关闭。 先贴一段XmppIoHandler的部分代码 /** * Invoked from an I/O proc
  • 用js中的formData类型解决ajax提交表单时文件不能被serialize方法序列化的问题 中华好儿孙 JavaScriptAjaxWeb上传文件FormData
    var formData = new FormData($("#inputFileForm")[0]); $.ajax({ type:'post', url:webRoot+"/electronicContractUrl/webapp/uploadfile", data:formData, async: false, ca
  • mybatis常用jdbcType数据类型 ysj5125094 mybatismapperjdbcType
      MyBatis 通过包含的jdbcType 类型 BIT         FLOAT      CHAR          
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他