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)

  • 前端Vue自定义顶部搜索框 热门搜索 历史搜索 用于搜索跳转使用 前端组件分享
    前端Vue自定义顶部搜索框热门搜索历史搜索用于搜索跳转使用，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13128效果图如下：####自定义顶部搜索框用于搜索跳转使用方法```使用方法```####HTML代码实现部分```htmlimportCCBProjectListfrom'../../components/CCPro
  • 油烟机怎么选？油烟机十大公认品牌排行榜都有哪些品牌？ 日常购物小技巧
    前段时间，老婆跟我讲，感觉家里的油烟机坏了，因为做饭开了油烟机，满厨房都还是烟雾缭绕，运行的声音比以前还要大，让我看看是不是得换个新的。后来找师傅来看了一下，说是时间长了建议换个新的。于是，我就开始在网上看有没有好用的油烟机，查了油烟机十大公认品牌排行榜，看到很多人推荐A.O.史密斯品牌，就购入了他们家的瀞油烟机，现在也用了一段时间，分享下使用感受。说【油烟机】之前给大家推荐一款返利APP，【全网
  • 京东618大额券怎么领？京东有大额优惠券吗？ 直返APP淘客项目
    京东618购物节：解锁APP直返大额券，畅享购物狂欢京东618购物节，这场年度购物盛宴，无疑是每一位消费者心中的期盼。在这场盛宴中，大额优惠券如同宝藏一般，等待着精明的你去发掘。而掌握领取大额券的秘诀，将让你的购物之旅更加畅快淋漓，尤其是当你充分利用京东APP的优势时。一、如何在京东APP轻松领取大额券？月入十万必看！都在挣钱！推荐几个月入几千到几万的靠谱副业项目！（公众号：善士思维笔记）返利就用
  • 中原焦点秦皇岛站第5期，每日分享第71天，2021年9月24日 5804c210041b
    我们如何捡苹果心态决定成败，就像一块地里有很多苹果，而两个农民都来捡苹果。第一个农民他发现苹果很多，怎么减也减不完，更要命的是，他发现别人都比他捡得快，还捡得多，慢慢地他的热情越来越低，越减越没劲，后来干脆不捡了，只是站在边上看着别人捡，自己急的直跺脚，心里像猫抓的一样难受，为了减轻这种难受的感觉。他干脆离开，去玩游戏了。而另一个农民看到一地的苹果，但自己想明白了，地里的苹果不是我的，捡到才是我的
  • 抖音的隐藏优惠券领取方法有哪些?抖音店铺优惠券怎么领取? 高省APP
    抖音已经成为了一个兼具娱乐和购物功能的平台。在这个平台上，用户不仅可以欣赏各种有趣的短视频，还可以领取到丰富的优惠券，享受购物优惠。那么，抖音隐藏优惠券到底怎么领取呢？本文将为您详细介绍抖音隐藏优惠券的领取方法。一、什么是抖音隐藏优惠券？抖音隐藏优惠券是指在抖音平台上发布的一些少为人知的优惠券，通常优惠幅度较大，但领取门槛也较高。这些优惠券可能由商家发布，也可能由平台官方发布，但不论是哪种情况，用
  • 读书收获 安心1978
    中原焦点团队中20李倩，坚持分享第567天。2021年8月10日。读心理咨询师三级教程，学到了很多，在咨询过程中应该加以注意或要使用到的地方。比如今天读的第五单元了解，求助者的既往史寻找有价值的资料。在这一块儿看到了在咨询过程中，对来访者收集曾经有过的咨询或治疗经历的一些资料。包括何时为何去做过何种咨询或治疗，当时的诊断是什么？怎么治疗用了什么药？用了什么方法？效果如何？现在是什么样的情况？比如求
  • ppt照片太大太多导致整个PPT文件内存都很大，传输不了！怎么办？教会你压缩压缩PPT里图片内存的方法 这辈子谁会真的心疼你 powerpoint
    过大的PPT文件会占用设备（如电脑、手机、U盘等）更多的存储空间。如果设备本身存储容量有限，可能会导致存储空间不足，影响其他文件的保存和设备的正常运行。例如，一台存储空间仅剩几个GB的电脑，若要保存一个十几GB的PPT，就会面临存储困境。在通过邮件、即时通讯工具（如微信、QQ）或云存储平台传输PPT时，过大的文件会显著延长传输时间。而且，很多邮件和即时通讯工具对文件传输大小有限制，过大的PPT可能
  • 告别瘦弱肌，3招有效，让你秒变型男！ 硬刻时代
    有些肌友们在增肌的过程中，会发现怎么吃怎么练也不见效果，就认为与自身的吸收以及训练强度不够造成的。其实造成肌肉增长不明显，有很多的原因，比如说饮食、训练方法与频率、营养补剂、个人体质，身体的代谢等都有很大的关联！有一些人天生就是瘦弱的体质，怎么练肌肉增长的就是不明显，其实无论是天生的瘦弱的体质还是后期的训练增肌慢，都会给需要增肌的肌友们带来很大的困扰。想要解决这个问题首先就需要从不同类型的增肌人群
  • 2021-09-04 清远随笔
    为什么没有生病却整天无精打采？常有人有过这样的经历，明明没有生病，却感觉提不起精神，身体没力气似的，有的时候还有头晕的情况。这是怎么一回事，又该怎么办呢?面对这个情况，如果感觉十分不好，一定要及时就医，如果出现的次数不频繁的话就可以先分析一下。对于经常感觉感觉没精神没力气的人，首先要知道自己是不是体质本身就弱;是不是天气闷热;是不是经常出现这样的状况;是不是坐久不动;是不是气血虚;是不是心理因素导
  • tp5 model 使用
    在thinkphp3.X的时候我们经常使用M，D方法实例化一个model，然后通过model对数据进行增删改查操作。在tp5的时候，如果再想用上面的方法，必须先定义model，刚开始的时候怎么定义都说找不到类，后来不知道怎么回事就好了，例如数据库中有表user，在application\index\model目录下建立文件User.php,然后里面这样写几个关键点：一定要写usethink\Mod
  • Leetcode658. 找到 K 个最接近的元素 -春招冲刺 meeiuliuus #leetcode---medium算法
    题目：代码(首刷自解2024年4月8日）：classSolution{public:vectorfindClosestElements(vector&arr,intk,intx){//数组两边指针向中intleft=0,right=arr.size()-1;//k=right+1-leftwhile(right+1-left>k){//比较距离，距离大的移动if(x-arr[left]>arr[r
  • 【docker】docker本地镜像怎么导入离线服务器docker环境 九师兄 工具-dockerdocker服务器eureka
    1.概述本地环境的docker镜像，怎么导入到离线环境的服务器的docker环境里面？将本地环境的Docker镜像导入到离线环境的服务器Docker环境中，通常需要进行以下步骤：步骤概述：在本地保存Docker镜像：使用dockersave命令将本地Docker镜像保存为一个tar归档文件。将归档文件传输到离线环境：将保存的Docker镜像归档文件传输到离线服务器。可以使用SCP、FTP、USB驱
  • leetcode 658. 找到 K 个最接近的元素
    leetcode658.找到K个最接近的元素题目描述：给定一个排序好的数组arr，两个整数k和x，从数组中找到最靠近x（两数之差最小）的k个数。返回的结果必须要是按升序排好的。整数a比整数b更接近x需要满足：|a-x|findClosestElements(vector&arr,intk,intx){intn=arr.size()-1;intl=0,r=n;k--;while(r-l>k){if(
  • 电视能挂在墙上，就别放在电视柜上了！ c66d49056d56
    进入了数字时代，从前的大头式电视机，升级成了超薄的液晶电视。尽管人们对电视机的热衷远不及过去，但在装修房子的时候，大家还是会不约而同的买上一个电视机。因为它给我们塑造了“家”的仪式感。然鹅电视机怎么摆放呢？究竟是挂墙上好，还是放电视柜上好呢？你是不是也在纠结这个问题呀！建议大家：电视能挂在墙上，就别放在电视柜上了！现在的电视基本都是超薄的平板电视，如果放在电视柜上，稳定性比较差。放在柜子上无法进行
  • 跟着食物认识肠道 乐乐飞扬
    近期医院接了不少年轻直肠癌的患者，15--18岁的得了直肠癌，可能一些有家族遗传的因素在。一些没有，但跟她的饮食方式可能有一定的关系。经常吃烧烤、腌制食品是结肠癌的危险因素。预防结、直肠癌要多食新鲜的食物，要保持饮食结构的均衡。今天，我们跟着食物来看看肠道是怎么生活的呢？小肠是身体的加油站，为全身供给营养。大肠是资源回收利用专家，它的环境清洁能力十分重要。消化是一张神奇之旅，从口腔开始，直到肛门结
  • “疫战”之下，“枕戈”以待⑪又见黄码 潭客的语文生活
    “疫战”之下，“枕戈”以待⑪又见黄码“你健康码有变吗？”阿易的微信好友里再次出现了这个已经让他淡忘的字眼。“没有呀，还是绿码。怎么啦！”阿易依旧充满疑惑。“恭喜，我变黄了。”“什么？！是什么时候变的？”“下午三点左右，社区通知。我就路过而已呀。”她说的路过指的是：六一环岛+古田路+宜发大厦+劳动大厦，还有福新路与长乐路交叉口，这几个地方路过就有变黄码可能。阿易一身冷汗，他中午回来的路线里就有六一路
  • 成年人，都该有个“精神装置” 荣庭de日拱一卒
    今天在得到上听到一个故事：克林顿在总统任上时，因为和莱文斯基的丑闻经历过一段特别煎熬的时期，上午到陪审团作证，常常被搞得狼狈不堪；但他下午仍能像没事人一样主持内阁会议，讨论和决定国家大事。于是，身边的财政部分就很好奇，问他是怎么做到的？他半天玩笑地说：他有一架精神装置。就像是大脑里有一个开关，拨一下就可以切换到一个状态，该处理丑闻就处理丑闻，该处理国政就处理国政。这是一种多么强大的心智。绝大多数人
  • 给惠网怎么还很受欢迎？介绍比较受欢迎的好平台 氧惠全网优惠
    给惠网真的很省钱吗？它是怎样获取优惠的呢？这是很多网友的提问，要回答这个问题，必须充分了解给惠网的历史背景。给惠网是一个老平台，至今已诞生16年之久，作为一款老平台至今屹立不倒，它肯定是有其过硬的运营模式。给惠网成立于2007年9月，是与国内数百B2C商家达成合作协议！用户通过给惠网去国内各大B2C商家、淘宝购物，可获得一定比例的现金返利。大家好！我是氧惠最大团队&联合创始人古楼@达人导师。氧惠佣
  • 2023-04-03 向日葵积极向上
    每日一省导师班复训结束了，这一次断断续续的听课，听的不是很好，不过，还是有收获的，今天的实操流程有很大的启发。今天老公又说，你学了这么久有用的不嘛？问题解决了没？怎么还是这个样子呢？他爱怎么怎么的，我好解脱……听到他这样说，我心里就在想，这货就那样，固执又不学习，他自己也没招，把希望寄托在我身上，希望我去解决目前的问题（一直以来都这样，只要有事就是我的事）。我说：我们养了十几年的娃，十几年的教育结
  • Leetcode 658. 找到k个最接近的元素 皮卡猴 leetcode刷题leetcode算法排序算法
    Leetcode658.找到k个最接近的元素1.问题描述2.思路  按照递增序列，找到x应该插入的位置index。以此为中心，向两侧扩展长度为k的空间，该空间内的元素就是我们想要的元素。1二分查找，找到满足=0，且jlen(arr)-1，向左移动i3.代码3.1第一次运行成功funcfindClosestElements(arr[]int,kint,xint)[]int{varres[]intin
  • 美团外卖优惠券怎么免费领取?教你方法免费领取美团外卖红包 氧券超好用
    美团外卖优惠券怎么免费领取?教你方法免费领取美团外卖红包美团外卖红包免费领取？美团外卖红包怎么免费领取？近年来，随着互联网的迅猛发展，外卖行业也呈现出蓬勃的增长势头。作为国内知名的外卖平台，美团外卖一直以来都受到了消费者的喜爱和追捧。而在吸引用户和促进消费方面，美团外卖红包活动成为了一种常见且受欢迎的方式。众所周知，红包作为一种促销方式，旨在提升用户的消费积极性和粘性。而美团外卖作为行业中的佼佼者
  • Selenium+Java 自动化测试入门到实践：从环境搭建到元素操作 yy鹈鹕灌顶 seleniumjava测试工具
    在自动化测试领域，Selenium凭借其强大的跨浏览器兼容性和灵活的API，成为Web应用测试的首选工具。而Java作为一门稳定且广泛应用的编程语言，与Selenium结合能构建出高效、可维护的自动化测试框架。本文将从环境搭建开始，逐步介绍Selenium+Java的核心用法，帮助新手快速上手。一、环境搭建：让工具跑起来1.安装Java开发环境Selenium的Java客户端需要依赖JDK，建议安
  • 久鼎私域运营是做什么的？久鼎私域流量运营怎么赚钱的？ 鬼才永安
    久鼎私域运营是做什么的？久鼎私域运营怎么赚钱的？久鼎私域流量是正规平台吗？在当今数字化时代，私域流量的概念越来越受到重视，而久鼎作为一个在私域运营领域颇具影响力的平台，逐渐为我们揭示了私域流量的真正价值。本文将详细探讨久鼎私域运营的主要职能、盈利模式以及其作为正规平台的可信性。一、久鼎私域运营是做什么的？久鼎私域运营的核心在于通过各种数字化工具和策略，帮助企业和品牌建立自己的私域流量池。私域流量是
  • Selenium Python 代码之打开网页自动填充内容并搜索 iCloudEnd
    SeleniumPython代码之打开网页自动填充内容并搜索流程通过id找到文本框inputElement.send_keys(Keys.BACK_SPACE)发送删除键，清除一下之前文字inputElement.send_keys(Keys.BACK_SPACE)发送需要查询对内容并送个回车inputElement=driver1.find_element_by_id("TextBox1")in
  • 2018年的回想，我在中化的日子里 文学汇作者
    文/家奴又是一年岁尾，感觉日子过得飞快，嗖嗖嗖就逝去了，再想返回身去，追寻失去的光阴，已经变得遥不可及，日子就是一个过程，一旦远去，再难抓住，每一个人都有自己的日子，周而复始，有改变内容的，也有维持着原状，一成不变的，但日子不论怎么过，我们都有自己的目标，都有自己的追求，想要实现愿望，就需要不停地奋斗。我的2018年，是有意义，有收获的一年，感觉自己又有了进步，又获得了成长，一个人的学历可能几十年
  • 我骄傲，我来自农村，出自寒门，我的父母是地地道道的农民 初心入口
    我骄傲，我来自农村，出自寒门，我的父母是地地道道的农民。今天有个好友提出一个问题，当遇到别人耻笑你是山里娃、乡下人的时候，你应该怎么样回答他？这就是我的回答。农村别人耻笑你是山里娃、乡下人，这个“别人”是什么人，我不得而知，也没必要知道，我只是想知道他是如何与我们这些山里娃、乡下人混到一起来的？既然你高人一等，你是阳春白雪，曲高和寡，我们是下里巴人，你站在泰山之顶，怎么隔空喊话，把这消息传达到我们
  • 网购返利平台是怎么赚钱的？哪个平台购物返利佣金高？ 一起高省
    网购返利平台是怎么赚钱的？网购返利平台通过以下几种方式赚钱：商家佣金：返利平台通常与电商商家合作，为商家推广商品。当用户通过返利平台购买商品时，商家会支付一定比例的佣金给返利平台。这是返利平台的主要收入来源之一。购物返利平台哪个佣金高？这里推荐高省APP只要淘宝、京东、拼多多、抖音、快手、唯品会等电商不倒，这个项目永久可做，而且收入稳定！网购你是直接下单吗？还是说用别人的口令和链接下单？千万不要这
  • 第59天：思考半间教室的推广 樊登读书肖润艳
    就在一月份，我和搭档签了半间教室的湖南省代理，也一直在思索怎么做这个新产品的前期推广。我们设想了一些方式，准备年会后去尝试和实施。今天晚上偶然间看到了新榜发表的关于“樊登读书5年1400万用户”的文章，仔细看完，发现我们思路还需要调整。樊老师说增长的前提是产品，如果没有一个特别好的被验证过的产品，任何的增长手段对于公司来讲都是一个毁灭性的打击。比如，樊登读书个人版已经做到了一千四百多万的用户，Ap
  • 进口商品网购平台那个好？进口跨境电商平台排行榜！ 优惠券高省
    随着跨境电商在人们的生活中越来越广泛，同时也为人们的生活提供了便利，下面就说一说我们常见的几款常用的进口商品网购平台，怎么省钱购买进口商品，如何利用进口商品红利期赚佣金！1、京东全球购分为法国馆、韩国馆、日本馆、澳大利亚馆、美国馆等区域特色馆。京东全球购致力于对全球重点上游资源做布局，通过合作或自营等方式建设京东全球化的仓储、物流体系。京东海外购是京东海淘业务的主要方向，同时京东严控产品的质量，力
  • 2019年7月1日~晴~星期一~亲子日记（36） 张华博妈妈
    今天是大宝让我最生气的一天，一大早就不听指挥，起床洗脸的时候让他把脖子洗洗，跟我生气，就是不洗。把饭摆到眼前也不吃，气的我把鸡蛋都摔一边去了，不吃走人，去上学吧！什么都没吃走了。在群里看到家长发的视频，看孩子们都停听话，真希望回到家也是这样。到了下午更让人生气的事发生了，放学回来问考的怎么样，他一说，我跟爸爸又看了看试卷，火蹭蹭的上来了，数学不该错的也错，还不如平常考的哪。算式都能错，最气人的是我
  • 统一思想认识 永夜-极光 思想
    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其他