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)

  • udev 规则文件命名规范 奇妙之二进制 #嵌入式/Linuxlinux网络运维
    文章目录udev规则文件名的含义、规范及数字开头的原因一、udev规则文件的基本概念二、udev规则文件名的规范与含义1.文件名格式规范2.名称各部分的含义3.文件扫描路径三、为何规则文件名通常以数字开头？1.执行顺序的精确控制2.便于分类和管理3.兼容性与标准化四、示例与实践建议1.常见规则文件示例2.自定义规则命名建议五、总结udev规则文件名的含义、规范及数字开头的原因一、udev规则文件的
  • 家庭网络中的服务器怎么对外提供服务？ 行而不知 服务器运维内网穿透DDNS
    家庭网络中的服务器怎么对外提供服务？方案1DDNS（家庭网络需要有公网ip）方案2内网穿透（需要有一台公网ip的服务器）方案1DDNS（家庭网络需要有公网ip）  怎么判断是否有公网ip？大致的流程就是光猫改桥接，由光猫拨号改为路由器拨号，在路由器管理页面查看拨号获取的ip，用这个ip去ip查询网站验证，具体的操作可自行搜索，这里不进行赘述了。  我们都知道，ip有两种，ipv4和ipv6  网络
  • git怎么删除分支 我是一只代码狗 gitgit
    1.idea删除本地分支(不会删除远程dev分支)选择Local->dev,鼠标右键-》Delete可以看到Local只显示了master分支，但是远程的dev并不会删除2.删除远程分支Remote->dev鼠标右键->Delete登陆码云，可以看到远程的分支只有1个master分支，dev分支已经删除了3.可以从码云直接删除远程dev分支
  • 封装一个有最小化的dialog组件 嘉琪001 javascript前端css
    {{title}}最小化关闭温馨提示：当您开启医学白板并最小化界面时，离会前先关闭白板（观看者无需操作）。{{title}}import{ElMessageBox}from'element-plus'import{defineComponent,ref,watch}from'vue'exportdefaultdefineComponent({name:'CustomDialog',props:{v
  • QT5使用cmakelists引入Qt5Xlsx库并使用
    1、首先需要已经有了Qt5Xlsx的头文件和库，并拷贝到程序exe路径下（以xxx.exe/3rdparty/qtxlsx路径为例，Qt5Xlsx版本为0.3.0）；2、cmakelist中：#设置QtXlsx路径set(QTXLSX_ROOT_DIR${CMAKE_CURRENT_SOURCE_DIR}/3rdparty/qtxlsx)set(QTXLSX_INCLUDE_DIR${QTXLSX
  • 史上最硬核！Claude Code全链路生存指南（碎碎念加强版）
    朋友们，别再问了，ClaudeCode到底怎么用？今天来一份“全链路生存指南”，不藏私，细到毛孔，啰嗦到你嫌烦。你要的不是“入门”，是“活下去”，是“用到极致”！话糙理不糙，能落地。目录ClaudeCode到底是个啥？安装方法（别怕，命令全给你写明白）基础使用（从0到1，别跳步）MCP集成（外部服务、数据库全搞定）配置系统（全局、项目、环境变量，细节全在这）安全和权限管理（别让AI乱动你家底）思考
  • JQ+vue实现图片拼接（无限套娃版） 小周同学: jsvuejqueryvue.jsjavascriptjquery
    css样式/*css初始化*/*{margin:0;padding:0;}/*去掉li的小圆点*/li{list-style:none;}/*去掉a的下划线*/a{text-decoration:none;}/*搜索框去除边框*/input,button,select{border:0;/*设置背景颜色为透明*/background-color:transparent;/*去掉外轮廓*/outli
  • vue如何实现Cascader 级联选择器(二级全部选中只展示一级，三级全部选中只展示二级) 小周同学: vuevue.js
    select提交重置级联exportdefault{data(){return{ruleForm:{selectLabel:[],idList:[],},citiesList:[],rules:{selectLabel:[{type:'array',required:true,message:'多选不能为空',trigger:'change'}],},props:{multiple:true,va
  • uniapp 如何封装实现任意页面都能使用的全局弹窗 代码简单说 2025开发必备(限时特惠)uni-appvue.jsjavascriptuniapp全局弹窗uniapp弹窗组件
    【实战干货】uniapp如何封装实现任意页面都能使用的全局弹窗标签：uniapp弹窗组件全局弹窗Vue动态渲染跨页面弹窗✨前端老司机亲授，uniapp无法在所有页面中直接用自定义弹窗？别急，一招动态挂载vue实例，优雅解决！背景故事：一个被“弹窗”搞崩溃的早晨作为一名前端开发工程师，有一天我在给uniapp项目加IM消息功能，需求是：不论当前用户在哪个页面，只要有消息来，就要立即弹出提示窗口。听起
  • 【前端】接口日志追踪 毕业茄 前端
    1.问题描述场景：前端提交数据后，接口回调再次添加参数，但页面跳转/刷新导致之前的console.log数据丢失。影响：无法追踪完整的请求流程，调试困难。2.环境信息项目说明浏览器GoogleChrome120+开发者工具ChromeDevTools技术栈前端：Vue/React/其他接口类型RESTfulAPI/GraphQL3.解决方案3.1保留控制台日志（推荐）步骤：打开Chrome开发者工
  • uniApp实战五：自定义组件实现便捷选择 博主逸尘 uniApp实战uniAppvue3快速选择
    文章目录1.最终效果预览2.快速选择组件封装3.弹框组件封装4.组件逻辑实现5.组件样式6.页面引入1.最终效果预览2.快速选择组件封装{{title}}{{content}}基于uv-ui的行组件实现的快速选择，默认展示前三个值3.弹框组件封装请选择{{item.name}}确定取消这两个放一个页面了，没必要再单独封装一个弹框组件了4.组件逻辑实现import{defineProps,defin
  • uniapp对接unipush 1.0 ios/android 车轮滚滚__ uni-appiosandroid
    配置注意需要打包自定义基座之后在手机上运行自定义基座才可以！官方有文档可以根据文档来我这里用的是1.0为什么没有2.0因为2.0要用uinicloud注意每次打包之后cid都会变cid用户的标识iduniapp通过这个id可以把消息推送给指定人前端代码前端要做的很简单直接放到app.vue中onLaunch钩子中即可麻烦的在后端和个推的对接onPushMessage(that){//#ifdefA
  • uniapp自定义全局弹窗组件 LuWiHa uni-appjavascript前端
    可以参考一下方法，如果大家有更好的全局弹窗方法欢迎留言//使用方法//在main.js里全局注册importglobalModalfrom'./components/global-popup.vue'Vue.component('global-popup',globalModal)//在需要的页面引用组件this.$refs.globalModal.openPopup({title:'标题',co
  • 如何使用 USB 将文件从Mac传输到 iPhone？ Techlifehacks iosmacosiphoneios
    在日常生活和工作中，我们经常需要将文件从Mac传输到iPhone。虽然无线传输越来越流行，但USB传输仍然是最稳定、最快的选择。通过USB传输文件，可以避免网络不稳定带来的问题，提高传输效率。那么，你该怎么做呢？本文将提供有关如何使用USB将文件从Mac传输到iPhone的详细指南。第1部分：如何使用USB一键将文件从Mac传输到iPhone如果您正在寻找一种简单有效的方式在iPhone和Mac之
  • 没有Mac如何完成iOS 上架：iOS App 上架App Store流程
    我们最近参与了一个有意思的系统迁移项目：客户原本使用全Mac开发环境维护一个内部企业App，但随着开发团队更替与技术更新，他们希望将项目转向Flutter跨平台开发，并引入更多Windows/Linux开发者，同时要求保持原有上架效率不变甚至提升。这类迁移挑战的最大难点，在于如何将过去“强依赖Mac设备”的iOS上架流程，重构为一个“跨平台团队也能协作完成”的标准流程。下面是我们一步步拆解重建这套
  • 性能测试流程怎么做更细致、更合理？ 学掌门 软件测试IT程序员oracle数据库软件测试性能测试
    经常看到一些新手的留言，问怎么做性能测试，才能不浪费时间反复测试？什么样的性能测试流程才是合理高效的？我觉得，你可以看看我们这篇的方法，跟着它的思路走，可能会轻松点~一、系统非功能需求采集（1）系统架构：（2）业务流程：（3）用户信息：（4）系统是否与第三方系统有关，是否需要做挡板（Mock程序）。（5）系统是否有归档机制：如果数据库有归档机制？？？，可以把一些无用或者过时的信息移到归档库，这样就
  • SDIO接口（1）——SDIO简介 daikaimiao SDIO嵌入式
    博客系列SDIO接口（1）——SDIO简介SDIO接口（2）——SD卡寄存器SDIO接口（3）——SDIO总线接口SDIO接口（4）——SDIO通信1.SDIO简介SDIO(SecureDigitalInputandOutput)，即安全数字输入输出接口。SDIO协议是由SD卡协议演进而来，向前兼容SD卡协议，在SD卡协议基础上增加了CMD52、CMD53命令，两个命令可以方便的访问某个功能的某个
  • 小学家长和老师最喜欢的出题神器！
    暑假到了，家里的学生也放假了，大家每天都是怎么度过的？今天我给家长们推荐一款神器：小学生数学习题生成器，相信家长们一定非常喜欢！小学生数学习题生成器就像一位聪明的“数学小管家”。输入年级、知识点、题量和难度，几秒就能吐出一份量身定制的练习卷，加减乘除、应用题、图形、数列应有尽有，覆盖每个学习阶段。核心亮点：进度精准同步：从一年级的数数到六年级的综合题，它紧扣教材，按知识点推送练习，像私人导师一样帮
  • App Store上架：Guideline 4.3(a) - Design - Spam 申述过审 九月紫 AppStore上架AppleStore上架4.3
    从六月苹果开展了全球开发大会后，苹果内部对于新系统的生成进行了多次会议，针对新系统和商店app管理进行的升级和管控，导致近期许多开发者遇到过不了审、难过审的问题，今天来讲一下关于4.3垃圾邮件怎么去申述与修改。标题拒审邮件Guideline4.3(a)-Design-Spam排查方向修改申述拒审邮件Guideline4.3(a)-Design-Spam如下：翻译过来是：准则4.3（a）-设计-垃圾
  • 在html中加入网址,网页超链接怎么做，添加超链接网址的的详细步骤 一只爪子 在html中加入网址
    此系列教程主要讲解HTML从基础到精通。自己能够设计一个完整的前端网页项目。程序员写代码在HTML中添加图片其实很简单，就是添加一个img的标签。图片标签的语法一般有src、alt、width、height四种属性就够用了。效果：图片的显示效果图片路径的写法src表示的是图片的路径，这里面的值应该怎么写呢？(1)html文件和图片在相同一个文件夹下。HTML文件和图片文件在相同的目录下，可以直接书
  • 计算机连接不上蓝牙鼠标,蓝牙鼠标连接不上电脑怎么办_蓝牙鼠标连接不上电脑的解决办法...
    如果我们的电脑安装的是蓝牙鼠标的话，在使用过程中可能会出现的一些问题。近日就有用户反映说自己遇到了蓝牙鼠标连接不上电脑的问题，不知道怎么办，所以今天小编就来为大家分享关于蓝牙鼠标连接不上电脑的解决办法。解决办法如下：1、开关没开有些无线鼠标底部有着开关按钮，把这个按钮掰到开的那边，鼠标的灯才能亮，鼠标才会有反应。2、电池没电键鼠标使用的是七号电池，有时候鼠标内的电池没有电了，就会导致鼠标没反应。把
  • Spring 声明式事务管理（注解方式） LMGD Springspring
    注解方式实现声明式事务管理1、在Spring配置文件中配置事务管理器2、在Spring配置文件中，开启事务注解（1）在Spring配置文件引入名称空间tx（2）开启事务注解3、在server类上(或方法上)添加事务注解@Transactional（1）@Transactional，这个注解可以添加到类上、方法上（2）如果把这个注解添加到类上，这个类里所有方法都添加事务（3）如果把这个注解添加到方法
  • 显示遇到一些临时服务器问题,大师为你细说win10系统登录office提示“遇到一些临时服务器问题”的学习... Love Snape 显示遇到一些临时服务器问题
    我们在操作win10系统电脑的时候,常常会遇到win10系统登录office提示“遇到一些临时服务器问题”的情况，想必大家都遇到过win10系统登录office提示“遇到一些临时服务器问题”的情况吧，那么应该怎么处理win10系统登录office提示“遇到一些临时服务器问题”呢？我们依照按下win+R组合键打开运行，在框中输入regedit，打开”注册表辑器“；在注册表左侧菜单一次展开：HKEY_
  • jmeter跨线程组传多个值_Jmeter 跨线程组传递参数 之两种方法 weixin_39727336 jmeter跨线程组传多个值
    终于搞定了Jmeter跨线程组之间传递参数，这样就不用每次发送请求B之前，都需要同时发送一下登录接口(因为同一个线程组下的请求是同时发送的)，只需要发送一次登录请求，请求B直接用登录请求的参数即可，直到登录接口的参数失效了，需再次发送一次登录接口，又可以多次使用其参数，下面举例子：1.登录接口中利用JsonPathExtractor获取到登录接口的响应参数，(怎么获取上一节讲过)响应结果是如下2.
  • IDEA实现Debug远程调试Linux中的系统 IT 刘工 面试题java面试题IDEA
    有朋友面试时被问到，怎么远程调试部署在Linux中的系统？听到这个问题，那位朋友直接懵了，第一反应是震惊，已经部署在Linux中的系统还能调试？沉默了几秒，只好说没有远程调试过Linux中的系统，一般线上问题都是看日志解决的，本地运行才通过调试解决。那么，真的能在本地远程调试Linux系统吗？接下来，介绍一下在IDEA中调试远程部署在Linux系统中的详细过程。1、需求项目已经部署到Linux服务
  • 当前主体已达注册上限怎么办？微信公众号主体注册数量提升方法 今日热点 java开发语言
    目前，微信官方对公众号注册数量做了调整：1.个人主体注册公众号数量上限由2个调整为1个；2.企业类主体注册公众号数量上限由5个调整为2个。也就是说，一个企业营业执照正常只能注册2个公众号了。但是很多企业只注册2个号是不够的，如果想多注册一些公众号该怎么办呢？公众号注册数量提升方法提升公众号主体注册数量需准备营业执照、法人身份证号码、管理员信息、登录邮箱等；资料准备好后，可联系公众平台服务商——美基
  • UnrealEngine5游戏引擎实践（C++) KENYCHEN奉孝 C++服务器c++游戏引擎
    目录目录目录UnrealEngine是什么？UnrealEngine5简介核心技术特性应用场景扩展兼容性与生态系统UnrealEngine安装下载EpicGamesLauncher启动UnrealEngine选择安装版本和路径选择组件开始安装验证安装配置项目模板（可选）更新和插件管理UE游戏引擎动作捕捉与动画系统程序化生成与AI技术物理与破坏系统音频与本地化技术性能优化导入静态网格体材质实例创建与
  • C语言学生成绩管理系统<；自创>；(功能7有小错误,但可运行） han_xue_feng java
    腾讯云加速企业和个人开发创新公开直播预告直播预告：07/18(周四)15:00-16:00随着人工智能与大模型的蓬勃发展，我们正步入一个由技微信实习第一天周五入职，早上早早来到了公司，发现好多人都没上班，到十点才陆陆续续有人来，办理完入职后，mentor中联夏令营遗憾没有入选不过hr的回复真的很好，辛苦啦#提前批简历挂麻了怎么办##机械制造投递记录#大数据开发的工作有点过于简单了吧sq大数据开发的
  • 前端开发常见问题
    技术文章大纲性能优化问题页面加载速度慢的常见原因及解决方案渲染阻塞资源的处理方法图片与媒体文件优化策略懒加载与代码分割的实现方式浏览器兼容性问题不同浏览器对CSS特性的支持差异JavaScriptAPI的兼容性处理方案Polyfill的使用场景与实现方法自动化测试工具在兼容性测试中的应用响应式设计挑战移动端与桌面端布局适配问题媒体查询的最佳实践方案视口单位与相对单位的正确使用高DPI屏幕的图像处理
  • 在ARM46+KylinOS下安装配置Docker的详细步骤 Q_Daniooi docker容器运维
    目录一、安装前准备（一）环境检查（二）依赖准备二、Docker安装步骤（一）添加Docker官方源（以Debian分支银河麒麟为例，RPM系类似调整）（二）安装Docker引擎（三）启动与基础配置三、Docker优化配置（可选但推荐）（一）镜像加速（二）存储驱动优化四、注意事项（一）系统兼容性（二）网络与镜像源（三）权限与安全（四）ARM架构特殊点五、经常遇见的问题及解决方法六、学习经验分享一、前
  • 统一思想认识 永夜-极光 思想
    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其他