lamCCH
lamCCH

jsp项目如何引入vue

如题，背景就不介绍了，项目是前后端不分离的，这让我一个转行前端对JSP语法不熟的人来说写起来着实难受。后来加了个考试的新功能，果断引入vue和element，还有polyfill.js，因为要兼容IE9。刚开始写的时候vue和elememt都是引的cdn上的资源，但是我们项目只能使用内网，所以需要将vue和element下载到本地。从线上转到本地的过程中，遇到了一些坑，下面就来说一下。

cdn引用方式

//在head头部引入elementUI样式
<link rel="stylesheet" href="https://unpkg.com/[email protected]/lib/theme-chalk/index.css">
// 在前引入vue
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

//然后是element，element引入时最好锁定版本号（@xx.xx）,css文件同js文件是相同版本。
<script src="https://unpkg.com/[email protected]/lib/index.js"></script>

// 最后引入polyfill来支持ie浏览器
<script src = "https://cdn.polyfill.io/v2/polyfill.min.js"></script>

这些都引用好后，项目就可以跑起来了，像es6语法、Promise等在IE9都能支持。

下面说一下vue、element等在本地的引用

Vue在本地JSP中的使用

JSP其实就是一个html文件，只不过有特定的语法。引用vue的方式和在html中没什么两样。

// JSP文件的特定格式
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/content/include/taglib.jsp"%>
<html>
	<head>
		<title>JSP中引入vuetitle>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		
	head>
	<body>
		<div id="app">
			// 页面内容
		div>

		// 引入vue
		<script src="./vue2.6.12/vue.js">script>
		<script src="引入Jquery">script>
		<script type="text/javascript">
			// 在页面加载好后就初始化vue实例,也可以在外面直接初始化
			$(document).ready(function(){
				const vm = new Vue({
					el:'#app',
					data(){
						return {
							msg:''
						}
					},
					methods:{}
				})
			})
		script>
	body>
html>

这样就可以愉快的使用vue了。

element的引入

element下载也很简单，在官网的链接里就能去到cdn上，然后选择版本进行下载。
jsp项目如何引入vue_第1张图片
jsp项目如何引入vue_第2张图片
我们需要的文件都在lib文件夹内 element-ui/lib/index.js element-ui/lib/theme-chalk/index.css
下载好后将它们引入到项目中，vue.js要放到element JS文件的前面，因为element是基于vue的。引用成功后项目是跑起来了，但是element的图标没有显示出来，通过浏览器查看是没有找到woff字体。
通过查看index.css也能看到引用了字体文件
在这里插入图片描述

在element-ui/lib/theme-chalk文件夹下有个fonts 文件夹，把里面的文件下载下来，然后在index.css同级的文件夹新建一个fonts文件夹，把下载好的两个字体文件放进去就OK了。这时候刷新页面，图标就出来了。
jsp项目如何引入vue_第3张图片

这里放上我的资源：[vue+element+babel资源下载](链接：https://pan.baidu.com/s/1n3Q4ngjSGZ2g-hgU1uH5CA
提取码：okt7
–来自百度网盘超级会员V6的分享）

百度网盘下载资源慢的可以去我github下载babel下载链接。

兼容IE9，引入browser.js和polyfill.js

以上步骤完成后，项目在chrome、火狐等浏览器中都表现正常。IE就不行了，页面加载不出来。因为IE不支持ES6语法（如果项目中没用es6，页面应该是可以加载出来的，但是ES6很香啊！），这时候就需要babel来将ES6转为ES5。cdn引用方式很简单，一个polyfill.js就够了，因为它会根据不同的浏览器加载不同的JS文件。本地引入要引两个文件才行，其中一个是将ES6转为ES5语法的，另一个是支持像Promise、Generator等ES6的新API的，我是折腾了不少时间才get到。

// JSP文件的特定格式
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/content/include/taglib.jsp"%>
<html>
	<head>
		<title>JSP中引入vuetitle>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		
		<%--引入elementUI样式	--%>
		<link rel="stylesheet" href="${mss}/common/elementUI-2.14.0/css/index.css">
	head>
	<body>
		<div id="app">
			// 容器，页面主要内容
		div>
		

		// 引入browser 让低版本浏览器解析ES6语法
		<script src="./babel-polyfill/browser.min.js">script>
		// 引入babel-polyfill  让低版本浏览器解析Promise等API
		<script src="./babel-polyfill/polyfill.min.js">script>
		// 引入vue
		<script src="./vue2.6.12/vue.js">script>
		// elementUI JS文件
		<script src="./elementUI-2.14.0/index.js">script>
		<script src="引入Jquery">script>
		<script type="text/babel"> // 注意：这时type不能为text/javascript了，要改为text/babel,解析babel文件
			// 在页面加载好后就初始化vue实例,也可以在外面直接初始化
			$(document).ready(function(){
				const vm = new Vue({
					el:'#app',
					data(){
						return {
							msg:''
						}
					},
					methods:{}
				})
			})
		script>
	body>
html>

需要注意的有两点：
1、本地引入browser.js和polyfill.js后script标签的type要改为type=text/babel，用cdn方式引入是不需要修改的。
2、js文件的引入顺序，babel–vue–element

---------------------------------------------------更新------------------------------------------------------

以上文件都引入后，在IE9上ES6语法都是支持的，页面都可以加载出来。但是CSS3的一些语法IE9,IE10是不支持的，比如flex布局，rotate，阴影等。我这个项目中使用了element的el-step组件，此组件就使用了flex布局，导致在IE9,IE10下显示不正常。IE10支持部分flex属性，IE11都是支持的。所以我们只要针对IE9，IE10浏览器调整css代码就可以了。我们单独写一份el-step的样式，当浏览器是IE9或IE10时就引入。在IE9、IE10上可以使用float和position来代替flex。

// forIE9.css 兼容IE9 IE10
.el-steps{
    display: table;
    width: 84%;
}
.el-steps .el-step{
    display: table-cell;
    width: 45%;
}
.el-step__head{
    float: left;
}
.el-step__main{
    position: relative;
}
.el-step__arrow{
    position: absolute;
    top: 3px;
    left: 60%;
}

/*下拉选样式*/
.el-select__caret{ // select选择器的图标在ie9下显示不正常，IE9不支持transform: rotate(180deg)，前面加-ms前缀以进行元素转换
    -ms-transform: rotate(180deg);
}

IE9和IE10在引用方式上也不一样，IE9可以用if condition语句，IE10则不支持此语句。
IE10和IE11有一个专门的属性-ms-high-contras。
jsp项目如何引入vue_第4张图片
IE9、IE10引用方式

<head>
	<title>考试内容表管理title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<%--浏览器为IE9时引入--%>
	
	
	<%--浏览器为IE10、IE11时，利用媒体查询
		也可以在style内部直接写样式，两种选择一个就行（我是用直接在style里写样式，用link引入的样式有点瑕疵，不知道什么原因）
	--%>
	<link media="all and (-ms-high-contrast: none), (-ms-high-contrast: active)" rel="stylesheet" href="${mss}/common/mss/css/forIE9.css">
	
	// 直接在style内部写兼容样式
	<style>
		/* IE10、11不支持if条件的写法
		   IE10/11独有的属性，-ms-high-contrast，有两个值active或none，检测是否启用高对比度
		   浏览器为IE10、IE11时生效
		*/
		@media all  and (-ms-high-contrast: none), (-ms-high-contrast: active) {
			.el-steps{
				display: table;
				width: 84%;
			}
			.el-steps .el-step{
				display: table-cell;
				width: 45%;
			}
			.el-step__head{
				float: left;
			}
			.el-step__main{
				position: relative;
			}
			.el-step__arrow{
				position: absolute;
				top: 3px;
				left: 60%;
			}
		}
	style>
head>

你可能感兴趣的:(vue,IE9兼容问题,es6,vue.js,element兼容IE9,jsp页面怎么引入vue)

  • Windows10怎么关闭同步中心 TechExplorer365 Toolwindows
    Windows10怎么关闭同步中心文章目录Windows10怎么关闭同步中心一、前言二、问题描述三、解决步骤四、总结一、前言在使用Windows系统时，有时会遇到同步中心无法关闭的问题。尤其是在后台，右键点击同步中心图标后，发现没有关闭选项，令人困扰。本文将详细讲解通过注册表操作，成功关闭同步中心的完整步骤。二、问题描述当你尝试关闭同步中心时，可能会遇到以下两种情况：右键无反应或无法关闭右键菜单中
  • move移动语义详解 Say-hai C++c++面试
    move移动语义移动语义是C++11引入的一种机制，用于提高程序的性能和资源管理效率，特别是在涉及大数据对象的场景下。移动语义通过转移资源所有权，而不是复制资源，减少了不必要的拷贝操作。一、为什么需要移动语义？当对象需要被复制时（如函数返回值或传参），通常会调用复制构造函数（copyconstructor）。复制操作往往意味着需要分配新资源并将原资源的数据拷贝到新资源中；而如果不需要保留原对象的内
  • Java面试题-rabbitmq-001 码者人生 面试题java技术面试题集java面试题java面试题rabbitmq
    使用RabbitMQ有什么好处？消息基于什么传输？消息怎么路由？如何做到信息的可靠性？确保消息正确地发送至RabbitMQ？确保消息接受方消费了消息？休息不丢失不重复？如何避免消息重复投递或重复消费？为什么使用集群RabbitMQ节点不完全拷贝特性集群节点类型单节点系统必须是磁盘节点?RabbitMQ要求集群中至少有一个磁盘节点?mq的缺点
  • Vue.js组件开发-实现全屏背景图片滑动切换特效 LCG元 前端vue.js前端javascript
    使用Vue实现全屏背景图片滑动切换特效的详细步骤、代码、注释和使用说明。步骤创建Vue项目：使用VueCLI创建一个新的Vue项目。准备图片资源：准备好要用于背景切换的图片，并将它们放在项目的合适目录下。编写HTML结构：创建一个包含图片容器和导航按钮的HTML结构。编写CSS样式：设置全屏背景和图片切换动画效果。编写Vue组件逻辑：实现图片切换的逻辑。详细代码1.创建Vue项目首先，确保已经安装
  • Nuxt：利用public-ip这个npm包来获取公网IP 前端白袍 前端学习笔记——Vue篇tcp/ipnpm网络协议
    目录一、安装public-ip包1.在Vue组件中使用2.在Nuxt.js插件中使用public-ip一、安装public-ip包npminstallpublic-ip1.在Vue组件中使用你可以在Nuxt.js的任意组件或者插件中使用public-ip来获取公网IP。下面是在一个Vue组件中如何使用它的例子：你的公网IP是：{{ip}}import{publicIp,publicIpv4,pub
  • 用vue写一个内网请求chatgpt的网页可以返回图片请求【内含一个key】 steamedbread321 vue.jschatgptjavascript
    最近不是chatgpt很活吗？可是必须要科技上网才可以进入，所以我就参考其他人写的页面改写了一个网页版不需要chatgpt请求的网页，还可以请求图片哦。部署以后就可以直接使用废话不多说了直接上代码海洋生物详情{{x.msg}}{{x.msg}}{{sentext}}{{sentexttp}}const{createApp}=VuecreateApp({data(){return{api:'',ms
  • 【C语言】Main函数解析 Nebula嵌入式 c语言
    目录前言Main函数解析代码前言我们从刚才是学习编程就学习了main函数，在linux中你执行一个可执行文件./a.out此时你同时想传入参数那应该怎么办呢？这时你就要了解main函数的一些用法才能实现上面的目的。Main函数解析intmain(intargc,char*argv[])也可以写成intmain(intargc,char**argv)。一般我们都习惯写前者。argc表示程序运行时发送
  • 记录式写作，怕你停不下来 小路哥v 副业思考经验分享
    记录思考，你会写的很开心，有人问我，你怎么每天写那么多东西，我做不到，太懒了，太累了，想不出那么多可写的。当一个事情变成一个任务，每天不得不做的时候，你就很难喜欢它了，把热爱变成工作，有人觉得是幸福，有人觉得是悲哀。其实区别在于，这件事是否真的是你所热爱的，以及是否符合你的价值观，是否认同。有些时候，爱好和工作是两回事。写作其实包含非常多东西，而这里只说一个角度，那就是从记录自己思考的角度。记录，
  • 如何写好C++类 铮铭 c++
    先讲一个笑话：同时学习两年Java的程序员在一起讨论的是面向对象和设计模式，而同时学习两年C++的程序员，在一起讨论的是template和各种语言规范到底怎么回事情。下面就从公开的资料中撸一撸如何写好一个c++类，从头文件（.h）需要包含的文件开始：1、#define保护：符号的命名最好是以下形式：___H_，比如foo项目中的foo/src/bar/baz.h文件应该这样保护：#ifndefFO
  • Vue2之 v-if VS v-show 问老大 前端javascript开发语言vue.js
    Vue2中的v-if和v-show都是用来实现条件性渲染的指令，用于控制元素显示与隐藏的指令，但它们在实现机制和使用场景上有所不同：一、实现机制：1.1、v-if当条件表达式为真时，Vue.js会根据条件动态地创建或销毁对应的DOM元素。当条件为假时，Vue.js会销毁对应的DOM元素，并且从DOM中移除。每次条件改变时，Vue.js都会重新进行DOM的创建或销毁，这可能会导致性能开销较高，尤其是
  • Vue 响应式渲染 - 模板语法 JSON_L 前端#Vuevue.js前端javascript
    Vue渐进式JavaScript框架基于Vue2的学习笔记-Vue响应式渲染-模板语法目录模板语法渲染变量（状态）绑定事件简写事件修改属性样式修改绑定图片路径动态显示和隐藏总结模板语法渲染变量（状态）在页面中直接渲染变量。示例如下：Title{{myname}}newVue({el:"#box",//elementdata:{myname:'我的名字是张三'}})绑定事件增加按钮，并对按钮绑定点击
  • python学习专栏 zhousenshan python新赛道python
    推荐学习资料《15分钟轻松学Python》教程目录-CSDN博客每天40分玩转Django教程目录-CSDN博客Pycharm社区版搭建Django环境及Django简单项目、操控mysql数据库-CSDN博客这个开源有关于事务方面高级内容介绍：django-vue-lyadmin:django-vue-lyadmin前端采用vue3+elementplus,后端采用PythonDjangoDRF
  • LoongServe论文解读：prefill/decode分离、弹性并行、零KV Cache迁移 04290629 LLM笔记transformer人工智能算法深度学习
    LoongServe论文解读：prefill/decode分离、弹性并行、零KVCache迁移LoongServe:EfficientlyServingLong-contextLargeLanguageModelswithElasticSequenceParallelism论文提出了一种支持弹性分配的推理框架，通过引入弹性序列并行（ElasticSequenceParallelism，简称ESP）
  • 解决 Lombok 与 Java 模块系统的兼容性问题：从错误到解决方案 码农阿豪@新空间代码工作室 包罗万象java开发语言
    个人名片作者简介：java领域优质创作者个人主页：码农阿豪工作室：新空间代码工作室（提供各种软件服务)个人邮箱：[[email protected]]个人微信：15279484656个人导航网站：www.forff.top座右铭：总有人要赢。为什么不能是我呢？专栏导航：码农阿豪系列专栏导航面试专栏：收集了java相关高频面试题，面试实战总结️Spring5系列专栏：整理了Spring5重要知识点与
  • uniapp 自定义图片预览组件PicturePreview（Vue3、组合式、ts） 舍予一 前端知识汇总uni-appjavascript前端
    组件import{ref}from'vue';constimages=ref>([]);constcurrentIndex=ref(0);constshow=ref(false);constscale=ref(1);functiononSwiperChange(e:any){scale.value=1;currentIndex.value=e.detail.current;}constonScal
  • 前端经典样式参考 momomo_mocs 前端javascript开发语言
    左边导航栏；右边展示区组件间通信方式使用-根目录{{idx+1}}.{{navigateItem.title}}import{reactive}from'vue'letnavigaters=reactive([{title:"PropsLearn",linkPath:"/props"},{title:"CustomEvent",linkPath:"/props"},{title:"Provide-
  • uniapp使用uni.navigateBack返回页面时携带参数到上个页面 会说法语的猪 uniappuni-app前端
    我们平时开发中也经常遇到这种场景，跳转一个页面会进行一些操作，操作完成后再返回上个页面同时要携带着一些参数其实也很简单，也来记录一下吧假设从A页面跳转到B页面A页面直接上完整代码了哈，很简单：跳转exportdefault{onLoad(){//跟vue的兄弟传值一个意思uni.$on('face-msg',this.faceMsg)},onUnload(){uni.$off('face-msg'
  • Transformer代码怎么写？原理一听就懂，代码一写就废！分享我从理解原理到实际编写代码的转换秘籍 夜信431 transformer深度学习人工智能
    这个困惑非常典型，这正是从"理解者"到"创造者"的关键跃迁阶段。让我们用建造房子的比喻，结合具体代码实例，拆解这个转化过程：示例代码(已加注释)：importosimportplatformimporttimeimportmathimportwarningsimporttorchimporttorch.distributedasdistfromtorchimportoptimfromtorch.n
  • ‘vite‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。 —— 本地有vite环境但却跑不起项目？ 不做超级小白 前端npmvuenode.js
    先说结论一般为了节流等多方面原因，项目打包时一般不会包括node模块，git管理进行push推送时也不会对node_modules文件夹进行推送，所以一般接手一个项目需要使用npmi先补好项目所需包环境再进行测试，很微不足道的一个细节，但是新手容易踩坑还意识不到问题出在哪。为什么不打包node模块在Vue项目中，通常不会将node_modules中的所有模块打包进最终的生产环境文件中，原因主要有以
  • BGP——边界网关协议 网工彭于晏 服务器网络运维
    目录一、BGP的概述以及优点1.BGP概述：2.BGP的优点二、使用BGP的三大理由三、BGP邻居概述四、BGP配置命令五、BGP邻居建立条件六、使用回环口建立邻居七、BGP报文和状态1.BGP报文类型：2.BGP状态机八、BGP路由宣告1.BGP数据库：2.BGP路由宣告规则：缺省情况下，BGP不发布任何本地路由3.BGP路由宣告方法：本地宣告和引入宣告九、BGP下一跳十、BGP防环机制和聚合1
  • HarmonyOS“一次开发，多端部署” 邮专小谦 harmonyos华为
    目录一、核心概念与目标二、开发基础问题与解决思路（一）基础问题（二）解决思路三、应用开发流程与示例四、工程管理具体操作五、应用UX设计通用规则与考虑因素一、核心概念与目标定义：一套代码工程，一次开发上架，多端按需部署。目标：帮助开发者快速高效开发支持多种终端设备形态的应用，实现跨设备的流转、迁移和协同的分布式体验，同时兼容不同设备并提供一致的用户体验。二、开发基础问题与解决思路（一）基础问题不同设
  • 用Devecostudio写一个简单的计算器 邮专小谦 typescriptharmonyos数据库前端华为
    用Devecostudio写一个简单的计算器//计算器import{Button1}from'./Button1'import{Button2}from'./Button2'//定义两个按钮格式//import{Cal}from'./cal'也可以将四则运算的函数定义到别处然后引入，这里为了方便直接放到这里了interfaceOperator{ symbol:string; precedence:
  • 腾讯面试：大厂必问消息队列场景面试题 消息队列腾讯面试问题
    今天，我将那些大厂必问的消息队列的场景问题为大家整理出来,本文将跟大家一起来探讨如何回答这些问题。为什么要使用消息队列？保证消息有序，一个topic只能有一个partition吗？(消息顺序)业务突然增长，导致消息消费不过来怎么办？(消息积压)生产者收到写入成功响应后消息一定不会丢失吗？(消息丢失)高并发场景下怎么保证消息不会重复消费？(重复消费)如何保证消息的可靠性？各大消息队列中间件对比及使用
  • DeepSeek：LLM在MoE训练中的无损平衡 大模型任我行 大模型-模型训练人工智能自然语言处理语言模型论文笔记
    标题：AUXILIARY-LOSS-FREELOADBALANCINGSTRAT-EGYFORMIXTURE-OF-EXPERTS来源：arXiv,2408.15664摘要对于混合专家（MoE）模型，不平衡的专家负载将导致路由崩溃或计算开销增加。现有方法通常采用辅助损耗来促进负载平衡，但较大的辅助损耗会在训练中引入不可忽略的干扰梯度，从而损害模型性能。为了在训练过程中控制负载平衡，同时不产生不希望
  • ES6新增扩展：字符串-数值-数组-函数-对象
    字符串的扩展判断字符串是否包含在另一个字符中lets='h'//结果：trues.startsWith('hello')//是否在头部//结果：falses.endWith('hello')//是否在尾部//结果:trues.includes('hello')//字符串中是否存在字符串补全letb='how'//结果：aahowb.padStart('5','a')//不足5个字符，在头部补缺少的
  • 第23节课：前端调试技巧—掌握浏览器开发者工具与性能优化 学问小小谢 HTML学习前端性能优化交互html5安全学习
    目录浏览器开发者工具常见的浏览器开发者工具浏览器开发者工具的基本使用打开开发者工具开发者工具的面板使用开发者工具进行调试Elements面板检查和编辑HTML检查和编辑CSSConsole面板输出日志和调试信息执行JavaScript代码Network面板监控网络请求分析请求和响应Performance面板记录和分析性能优化性能Application面板检查和管理资源调试存储性能优化与调试性能优化
  • 代替Winform、Win32控件的一些界面框架Electron,QT等 专注VB编程开发20年 前端c++ui界面框架
    以下是一些可以代替Winform、Win32控件，在VC++、VBA等EXE程序上用来做控件元素、表格数据绑定、窗口显示的WEBUI框架和工具：1.Electron特点：Electron是一个使用JavaScript、HTML和CSS构建跨平台桌面应用程序的框架。它允许开发者使用Web技术来创建桌面应用，具有良好的跨平台兼容性。适用场景：适用于需要快速开发跨平台桌面应用的场景，尤其是对UI灵活性和
  • 1.“use strict“ 严格模式 - JS 个人意志想 #LittlePointsinJS笔记开发语言js学习
    JS严格模式JS严格模式是指令在JavaScript1.8.5（ECMAScript5、ES5）开始引入的；是一种旨在消除歧义、语法规范、维护安全的模式；通过语句"usestrict"进行声明。声明与作用域在文件头部声明，整个文件代码都要遵循严格模式；在函数内部开头声明，函数体遵循严格模式；函数的严格模式是最佳选择，没必要整个文件都严格，或者可以一个文件就写一个函数。限制不允许使用未声明的变量（对
  • JavaScript笔记（5）严格模式 way_hj JavaScript学习笔记javascript严格模式usestrict
    1.启用严格模式的指令："usestrict"或'usestrict'，即单引号或双引号均可，也许use将来会成为关键字。2."usestrict";以分号结尾，在不支持严格模式的浏览器中（如IE9及以下）被当作一般语句。3.必须作为全局或函数的首条语句才起到严格模式指令的作用，否则即是一条普通语句。usestrict;//严格模式指令必须在首行，如果之前有语句，它将被当作一个普通字符串，而不是启
  • 实习成长之路：关于ElasticSearch深度分页带来的思考，如何解决深度分页和跳页 会写代码的花城 实习踩坑之路reids并发elasticsearch搜索引擎分布式
    问题引入我们在平常使用ElasticSearch构建查询条件的时候一般用的都是from+size的方式进行分页查询，但是如果我们的页数太深/页面大小太大(from*size)>10000就会引发一个错误，我们将会得到一个错误这是为什么呢？因为ES的分页查询其实是这样来的因为ElasticSeach的天生分布式的原因，我们的数据是分散在几个分片中的，而我们设置了from+size需要对全部数据进行查
  • 统一思想认识 永夜-极光 思想
    1.统一思想认识的基础,才能有的放矢  原因:    总有一种描述事物的方式最贴近本质,最容易让人理解.    如何让教育更轻松,在于找到最适合学生的方式.          难点在于,如何模拟对方的思维基础选择合适的方式.   &
  • Joda Time使用笔记 bylijinnan javajoda time
    Joda Time的介绍可以参考这篇文章： http://www.ibm.com/developerworks/cn/java/j-jodatime.html 工作中也常常用到Joda Time，为了避免每次使用都查API，记录一下常用的用法：     /** * DateTime变化（增减） */ @Tes
  • FileUtils API eksliang FileUtilsFileUtils API
    转载请出自出处：http://eksliang.iteye.com/blog/2217374 一、概述 这是一个Java操作文件的常用库，是Apache对java的IO包的封装，这里面有两个非常核心的类FilenameUtils跟FileUtils，其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装，开发中对文件的操作，几乎都可以在这个框架里面找到。 非常的好用。
  • 各种新兴技术 不懂事的小屁孩 技术
    1:gradle Gradle 是以 Groovy 语言为基础，面向Java应用为主。基于DSL（领域特定语言）语法的自动化构建工具。 现在构建系统常用到maven工具，现在有更容易上手的gradle， 搭建java环境: http://www.ibm.com/developerworks/cn/opensource/os-cn-gradle/ 搭建android环境： http://m
  • tomcat6的https双向认证 酷的飞上天空 tomcat6
    1.生成服务器端证书 keytool -genkey -keyalg RSA -dname "cn=localhost,ou=sango,o=none,l=china,st=beijing,c=cn" -alias server -keypass password -keystore server.jks -storepass password -validity 36
  • 托管虚拟桌面市场势不可挡 蓝儿唯美
    用户还需要冗余的数据中心，dinCloud的高级副总裁兼首席营销官Ali Din指出。该公司转售一个MSP可以让用户登录并管理和提供服务的用于DaaS的云自动化控制台，提供服务或者MSP也可以自己来控制。 在某些情况下，MSP会在dinCloud的云服务上进行服务分层，如监控和补丁管理。 MSP的利润空间将根据其参与的程度而有所不同，Din说。 “我们有一些合作伙伴负责将我们推荐给客户作为个
  • spring学习——xml文件的配置 a-john spring
    在Spring的学习中，对于其xml文件的配置是必不可少的。在Spring的多种装配Bean的方式中，采用XML配置也是最常见的。以下是一个简单的XML配置文件： <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.or
  • HDU 4342 History repeat itself 模拟 aijuans 模拟
    来源：http://acm.hdu.edu.cn/showproblem.php?pid=4342 题意：首先让求第几个非平方数，然后求从1到该数之间的每个sqrt(i)的下取整的和。 思路：一个简单的模拟题目，但是由于数据范围大，需要用__int64。我们可以首先把平方数筛选出来，假如让求第n个非平方数的话，看n前面有多少个平方数，假设有x个，则第n个非平方数就是n+x。注意两种特殊情况，即
  • java中最常用jar包的用途 asia007 java
    java中最常用jar包的用途 jar包用途axis.jarSOAP引擎包commons-discovery-0.2.jar用来发现、查找和实现可插入式接口，提供一些一般类实例化、单件的生命周期管理的常用方法.jaxrpc.jarAxis运行所需要的组件包saaj.jar创建到端点的点到点连接的方法、创建并处理SOAP消息和附件的方法，以及接收和处理SOAP错误的方法.  w
  • ajax获取Struts框架中的json编码异常和Struts中的主控制器异常的解决办法 百合不是茶 jsjson编码返回异常
    一:ajax获取自定义Struts框架中的json编码  出现以下 问题:       1,强制flush输出  json编码打印在首页 2, 不强制flush js会解析json 打印出来的是错误的jsp页面   却没有跳转到错误页面 3,  ajax中的dataType的json 改为text 会
  • JUnit使用的设计模式 bijian1013 java设计模式JUnit
    JUnit源代码涉及使用了大量设计模式 1、模板方法模式（Template Method）         定义一个操作中的算法骨架，而将一些步骤延伸到子类中去，使得子类可以不改变一个算法的结构，即可重新定义该算法的某些特定步骤。这里需要复用的是算法的结构，也就是步骤，而步骤的实现可以在子类中完成。   
  • Linux常用命令（摘录） sunjing crondchkconfig
    chkconfig --list   查看linux所有服务 chkconfig --add servicename 添加linux服务 netstat -apn | grep 8080  查看端口占用 env 查看所有环境变量 echo $JAVA_HOME 查看JAVA_HOME环境变量   安装编译器 yum install -y gcc
  • 【Hadoop一】Hadoop伪集群环境搭建 bit1129 hadoop
     结合网上多份文档，不断反复的修正hadoop启动和运行过程中出现的问题，终于把Hadoop2.5.2伪分布式安装起来，跑通了wordcount例子。Hadoop的安装复杂性的体现之一是，Hadoop的安装文档非常多，但是能一个文档走下来的少之又少，尤其是Hadoop不同版本的配置差异非常的大。Hadoop2.5.2于前两天发布，但是它的配置跟2.5.0，2.5.1没有分别。 &nb
  • Anychart图表系列五之事件监听 白糖_ chart
    创建图表事件监听非常简单：首先是通过addEventListener('监听类型',js监听方法)添加事件监听，然后在js监听方法中定义具体监听逻辑。 以钻取操作为例，当用户点击图表某一个point的时候弹出point的name和value，代码如下： <script> //创建AnyChart var chart = new AnyChart(); //添加钻取操作&quo
  • Web前端相关段子 braveCS web前端
    Web标准：结构、样式和行为分离   使用语义化标签 0）标签的语义：使用有良好语义的标签，能够很好地实现自我解释，方便搜索引擎理解网页结构，抓取重要内容。去样式后也会根据浏览器的默认样式很好的组织网页内容，具有很好的可读性，从而实现对特殊终端的兼容。 1）div和span是没有语义的：只是分别用作块级元素和行内元素的区域分隔符。当页面内标签无法满足设计需求时，才会适当添加div
  • 编程之美-24点游戏 bylijinnan 编程之美
    import java.util.ArrayList; import java.util.Arrays; import java.util.HashSet; import java.util.List; import java.util.Random; import java.util.Set; public class PointGame { /**编程之美
  • 主页面子页面传值总结 chengxuyuancsdn 总结
    1、showModalDialog returnValue是javascript中html的window对象的属性,目的是返回窗口值,当用window.showModalDialog函数打开一个IE的模式窗口时,用于返回窗口的值 主界面 var sonValue=window.showModalDialog("son.jsp"); 子界面 window.retu
  • [网络与经济]互联网+的含义 comsci 互联网+
          互联网+后面是一个人的名字 = 网络控制系统       互联网+你的名字 =  网络个人数据库       每日提示:如果人觉得不舒服,千万不要外出到处走动,就呆在床上,玩玩手游,更不能够去开车,现在交通状况不
  • oracle 创建视图 with check option daizj 视图vieworalce
    我们来看下面的例子： create or replace view testview as select empno,ename from emp where ename like ‘M%’ with check option; 这里我们创建了一个视图，并使用了with check option来限制了视图。 然后我们来看一下视图包含的结果： select * from testv
  • ToastPlugin插件在cordova3.3下使用 dibov Cordova
        自己开发的Todos应用，想实现“ 再按一次返回键退出程序 ”的功能，采用网上的ToastPlugins插件，发现代码或文章基本都是老版本，运行问题比较多。折腾了好久才弄好。下面吧基于cordova3.3下的ToastPlugins相关代码共享。       ToastPlugin.java package&nbs
  • C语言22个系统函数 dcj3sjt126com cfunction
    C语言系统函数一、数学函数下列函数存放在math.h头文件中Double floor(double num) 求出不大于num的最大数。Double fmod(x, y) 求整数x/y的余数。Double frexp(num, exp); double num; int *exp; 将num分为数字部分（尾数）x和 以2位的指数部分n，即num=x*2n，指数n存放在exp指向的变量中，返回x。D
  • 开发一个类的流程 dcj3sjt126com 开发
    本人近日根据自己的开发经验总结了一个类的开发流程。这个流程适用于单独开发的构件，并不适用于对一个项目中的系统对象开发。开发出的类可以存入私人类库，供以后复用。   以下是开发流程： 1. 明确类的功能，抽象出类的大概结构 2. 初步设想类的接口 3. 类名设计（驼峰式命名） 4. 属性设置(权限设置) 判断某些变量是否有必要作为成员属
  • java 并发 shuizhaosi888 java 并发
    能够写出高伸缩性的并发是一门艺术   在JAVA SE5中新增了3个包 java.util.concurrent java.util.concurrent.atomic java.util.concurrent.locks 在java的内存模型中，类的实例字段、静态字段和构成数组的对象元素都会被多个线程所共享，局部变量与方法参数都是线程私有的，不会被共享。
  • Spring Security（11）——匿名认证 234390216 Spring SecurityROLE_ANNOYMOUS匿名
    匿名认证 目录 1.1     配置 1.2     AuthenticationTrustResolver          对于匿名访问的用户，Spring Security支持为其建立一个匿名的AnonymousAuthenticat
  • NODEJS项目实践0.2[ express,ajax通信...] 逐行分析JS源代码 Ajaxnodejsexpress
      一、前言         通过上节学习，我们已经        ubuntu系统搭建了一个可以访问的nodejs系统，并做了nginx转发。本节原要做web端服务 及 mongodb的存取，但写着写着，web端就
  • 在Struts2 的Action中怎样获取表单提交上来的多个checkbox的值 lhbthanks javahtmlstrutscheckbox
    第一种方法：获取结果String类型 在 Action 中获得的是一个 String 型数据，每一个被选中的 checkbox 的 value 被拼接在一起，每个值之间以逗号隔开(,)。 所以在 Action 中定义一个跟 checkbox 的 name 同名的属性来接收这些被选中的 checkbox 的 value 即可。 以下是实现的代码： 前台 HTML 代码：
  • 003.Kafka基本概念 nweiren hadoopkafka
    Kafka基本概念：Topic、Partition、Message、Producer、Broker、Consumer。 Topic：             消息源（Message）的分类。 Partition：             Topic物理上的分组，一
  • Linux环境下安装JDK roadrunners jdklinux
    1、准备工作 创建JDK的安装目录： mkdir -p /usr/java/   下载JDK，找到适合自己系统的JDK版本进行下载： http://www.oracle.com/technetwork/java/javase/downloads/index.html   把JDK安装包下载到/usr/java/目录，然后进行解压： tar -zxvf jre-7
  • Linux忘记root密码的解决思路 tomcat_oracle linux
    1：使用同版本的linux启动系统，chroot到忘记密码的根分区passwd改密码 　　2：grub启动菜单中加入init=/bin/bash进入系统，不过这时挂载的是只读分区。根据系统的分区情况进一步判断. 　　3: grub启动菜单中加入 single以单用户进入系统. 　　4:用以上方法mount到根分区把/etc/passwd中的root密码去除 　　例如: 　　ro
  • 跨浏览器 HTML5 postMessage 方法以及 message 事件模拟实现 xueyou jsonpjquery框架UIhtml5
    postMessage 是 HTML5 新方法，它可以实现跨域窗口之间通讯。到目前为止，只有 IE8+, Firefox 3, Opera 9, Chrome 3和 Safari 4 支持，而本篇文章主要讲述 postMessage 方法与 message 事件跨浏览器实现。postMessage 方法 JSONP 技术不一样，前者是前端擅长跨域文档数据即时通讯，后者擅长针对跨域服务端数据通讯，p
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他