wz_tooltip使用备忘

 

如何使用这个脚本
1、下载库
下载 wz_tooltip.zip(网站http://www.walterzorn.com/) 并解压，按 LGPL 发布。
2、将 wz_tooltip.js 连接到 HTML 文件中
复制下面的行到 BODY 节中，最好是紧跟在开标签 <body> 后面。
<script type="text/javascript" src="wz_tooltip.js"></script>
如果必要，修改路径 src="wz_tooltip.js" 为 JavaScript 文件。注意：使用下载的文件，不要强行链接我站（指 walterzorn 网站）的 wz_tooltip.js 文件。
3、在 onmouseover 事件处理程序中标明工具提示文字
每一个显示工具提示的 html 标签需要 onmouseover 和 onmouseout 属性，如下：
<a href="index.htm" onmouseover="Tip('Some text')" onmouseout="UnTip()">Homepage </a>
就这样，没有 title 属性，没有包含 DIV。你可以看到，显示的文字必须用单引号引起来，然后传递给 Tip() 函数。注意：工具提示文字中的每个单引号（撇号）必须用反斜杠转义。比如：
Tip('This text won\'t trigger a JavaScript error.');
在 onmouseout 事件处理程序中调用 UnTip() 来再次隐藏工具提示。
当然你也可以为 Tip() 和/或 UnTip() 使用不同的事件处理程序。
扩展配置
4、选择：将 HTML 元素转换到工具提示中
为了代替直接在工具提示中使用文字，你可以标识特定的 HTML 元素以将其转换到工具提示中。在某些方面这是有益的。
•你可以在工具条中拥有十分重要的东西，而一个页面的 HTML 内容（不是 JavaScript 内容）对网络搜索引擎是有益的。
•
如果在网页中放置恰当，对于禁用了 JavaScript 的用户来说，这些内容仍然是可见的。
•同样，HTML 元素也可以一直显示；比如，如果你想在不同的地方的工具提示中显示它的内容。
•这样可以轻松地定义 HTML 元素然后直接转换成工具提示中复杂的 HTML，比 JavaScript 字符串轻松多了。
要定义用 HTML 创建的工具提示，只需要通过 TipToTip() 函数把想要的 HTML 标签的 ID 传过去。示例：
<a href="index.htm" onmouseover="TagToTip('Span2')" onmouseout="UnTip()">Home page </a>
...
<span id="Span2">This is some comment<br>about my home page</span>
...
在这个示例中，链接上的工具提示将显示从 <span> 元素抓取的内容。注意只是包括换行标签的内部内容会被拷贝，而 SPAN 标签本身和任何它上面的版式不会被拷贝。
当页面正在读取时，Tooltip Library 自动隐藏转换为工具提示的 HTML 元素（比如：上面示例中的 <span> 元素）。要隐藏自动隐藏我，在 wz_tooltip.js 的全局工具提示配置文件中设置 TagsToTip 变量为 false（预设默认值：true）。 如果喜欢，你也可以通过设置它们的 CSS 'display' 属性为 'none' 来自行隐藏这些 HTML 元素。
另一方面的提示：特别是在 IE 中，关闭自动隐藏特性会获得更好的页面读取展现效果。
5、工具提示中的 HTML
在工具提示中使用图像，必须在 <img> 标签中标明 width 和 height 属性。以便让脚本准确测量工具提示的大小。
工具提示文字中的双引号必须以 HTML 字符实体（&quote;）的形式来写，这是因为双引号已经作为 onmouseover 事件处理程序的定义字符，并且不能被嵌套。撇号（单引号）必须用前斜杠转义，因为撇号已经作为工具提示文字的定义字符。工具提示文字中的 HTML 标签属性定义字符，你可以使用 &quot; 或 \'。比如：
正确：
<a href="index.htm" onmouseover="Tip('Text with <img src=\'pics/image.jpg\' width=\'60\'>image.')" onmouseout="UnTip()"> Homepage </a>
or
<a href="index.htm" onmouseover="Tip('Text with <img src=&quot;pics/image.jpg&quot; width=&quot;60&quot;>image.')" onmouseout="UnTip()"> Homepage </a>
错误：
<a href="index.htm" onmouseover="Tip('Text with <img src="pics/image.jpg" width="60">image.')" onmouseout="UnTip()"> Homepage </a>
6、用 CSS 类格式工具提示
用 CSS 类可以简单地转换 DIV 或 SPAN 元素中的工具提示文字。你可以把标题文字做成一样（关于如何定义工具提示标题，请参见下面的命令参考中 TITLE 命令描述）。示例：
... onmouseover="Tip('<div class=&quot;TipCls1&quot;>Text of tooltip number one</div>')" ...
... onmouseover="Tip('<span class=\'TipCls2\'>Text of tooltip number two</span>')" ...
... onmouseover="Tip('Tooltip number 3', TITLE, '<div class=\'TitleCls\'>Some Title</div>')" ...
7、通过变量或函数调用获得工具提示内容
为了代替用单引号结束字符串，Tip() 很好地接受其它地方定义的变量或调用一个函数，比如 <script> 块中或单独的 JS 文件。这与通过 Tip() 或 TagToTip() 命令是相同的（请见下面列出的命令）。因为，每次将要显示工具提示时，它的内容或格式可以动态建立。
示例：
<html>
<head>
...
<script type="text/javascript">
var txt1 = "This is the text of the first tooltip";
function TooltipTxt(n)
{
    return "This is the text of the " + n + " tooltip";
}
</script>
</head>
<body>
<script type="text/javascript" src="wz_tooltip.js"></script>
...
<a href="a.htm" onmouseover="Tip(txt1)" onmouseout="UnTip()">Link 1</a>
...
<a href="b.htm" onmouseover="Tip(TooltipTxt('second'))" onmouseout="UnTip()">Link 2</a>
...
<a href="c.htm" onmouseover="Tip(TooltipTxt('third'))" onmouseout="UnTip()">Link 3</a>
...
</body>
</html>
8、用命令单独自定义工具提示
全局默认配置对所有的工具提示有效，可以在 JavaScript 文件中改变它，位于 GLOBAL TOOLTIP CONFIGURATION 一节。要单独配置工具提示，你可以使用下面列出的命令。这些独立的命令重写 wz_tooltip.js 中的全局配置。它们可以通过 onmouseover 事件处理程序的 Tip() 或 TagToTip() 函数传递。每一个命令必须带有值，用逗号隔开：
onmouseover="Tip('Some text', ABOVE, true)"
或者
onmouseover="TagToTip('SomeID', TITLEFONTCOLOR, '#CCFFCC')"
多个命令构成一个逗号分隔的命令－值对列表。 命令顺序无所谓。示例：
onmouseover="Tip('Some tooltip text', SHADOW, true, TITLE, 'Some Title', PADDING, 9)"
•ABOVE 工具提示在鼠标指针的下边。值：true 或 false。
•BGCOLOR 工具提示背景颜色。值：HTML 颜色，用单引号，比如 '#D3E3F6' 或 'DarkCyan'，或空字符串 '' 作为无背景。
•BGIMG 背景图片。
•BORDERCOLOR 边框颜色。值：HTML 颜色。
•BORDERSTYLE 边框样式。值：CSS 边框样式。
•BORDERWIDTH 工具提示边框粗细。值：数值 >= 0，默认 1。
•CENTERMOUSE 鼠标位于工具提示的中间。
•CLICKCLOSE 用户在工具提示或文档中单击鼠标时关闭工具提示。值：true 或 false。
•CLICKSTICKY 用户点击触发工具提示的元素时仍然显示工具提示。
•CLOSEBTN 在标题栏中显示关闭按钮。值：true 或 false。
•CLOSEBTNCOLORS 关闭按钮的颜色。数组，分别为：背景色、文字色、鼠标移上时高亮背景色、鼠标移上时高亮文字颜色。如：['', '#66ff66', 'white', '#00cc00']。
•CLOSEBTNTEXT 关闭按钮文字。比如 'Click Me'。
•COPYCONTENT 只对 TagToTip() 有效，表示是否把 HTML 元素复制到工具提示，若为 false，表示移动到。如果是复制到，其中 input 的 value 都将得到保持。
•DELAY 延迟多少显示工具提示。毫秒。值：数值 >= 0。
•DURATION 延迟多少的时间工具提示隐藏。毫秒。
•EXCLUSIVE 只有当前工具提示隐藏后才显示其它工具提示。值：true 或 false。
•FADEIN 渐显，某些浏览器不支持。值：数值 >= 0。
•FADEOUT 渐隐，某些浏览器不支持。值：数值 >= 0。
•Fix（模式 1） 在修定的 [x,y] 坐标显示工具提示，如：[230, 874]。
•Fix（模式 2） 在任何 HTML 元素上显示工具提示，即使是在另一个工具提示中。... onmouseover="Tip('Some text', FIX, ['PurpleSpan', 0, 5])" ... <span id="PurpleSpan">HTML element to show the tooltip on</span>
•FOLLOWMOUSE 鼠标跟随。值：true 或 false。
•FONTCOLOR 字体颜色。
•FONTFACE 字体名称。
•FONTSIZE 字体大小。值：带单位的大小。
•FONTWEIGHT 字体加重。值：'normal' or 'bold'。
•HEIGHT 工具提示的高度。值：任意数值。
•JUMPHORZ 如果为 true，工具提示碰触到窗口边缘时，跳转到水平方向的另一边。
•JUMPVERT 如果为 true，工具提示碰触到窗口边缘时，跳转到竖直方向的另一边。
•LEFT 工具提示在鼠标指针的左边。值：true 或 false。
•OFFSETX 在鼠标指针上的水平偏移。
•OFFSETY 在鼠标指针上的竖直偏移。
•OPACITY 透明度。值：0-100，0 完全透明。
•PADDING 工具提示的内边距。值：数值 >= 0。
•SHADOW 是否显示阴影。
•SHADOWCOLOR 阴影颜色。
•SHADOWWIDTH 阴影大小。值：数值 >= 0。
•STICKY 工具提示一直停在其初始位置，直到另一个工具提示触发。值：true 或 false。
•TEXTALIGN 文字排列方式。
•TITLE 显示标题栏。值：标题文字。
•TITLEALIGN 标题文字排列方式。
•TITLEBGCOLOR 标题背景颜色。
•TITLEFONTCOLOR 标题字体颜色。
•TITLEFONTFACE 标题字体名称。
•TITLEFONTSIZE 标题字体大小。值：带单位的大小。
•TLEPADDING 标题的内边距。值：数值 >= 0。
•WIDTH  工具提示的宽度。值：任意数值。

你可能感兴趣的:(tooltip)

  • echarts X轴文本太长 formatter自定义文本的显示方式 每一天，每一步 EChartsechartsjavascriptecmascript
    如果ECharts中X轴的文本太长，可以通过设置axisLabel的rotate属性来旋转标签，或者使用formatter函数来自定义文本的显示方式。另外，可以开启axisLabel的interval属性来控制显示的标签的间隔。option={tooltip:{},xAxis:{type:'category',data:['这是一段非常长的文本','短文本','另一段长文本','另一段长文本'],
  • el-tooltip 修改宽度 胡萝卜大王驾到通通闪开 elementjavascript前端html
    使用popper-class为Tooltip的popper添加类名{{row.range}}在当前组件新建一个style,不要写scoped,这里的样式会应用到全局,所以class命名一定要保证不要和全局别的类名重复.td-nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.tool-tip{max-width:40
  • uniapp+echarts分时图五档行情 Nymph_Zhu uni-appecharts安卓ios前端
    父组件代码：{{isLeave!=1?tooltipData[1]==null||tooltipData[1]==''||tooltipData[1]=='0.00'?'--':toDecimal(tooltipData[1],getTickDecLen(symbol),true):(symbol.cp==null||symbol.cp==''||symbol.cp=='0.00'?'--':to
  • echarts tooltip悬浮框自动轮播 鼠标放上则暂停 Igiveufireworks 前端vue.jsechartsjavascript
    在本项目中,echarts是引入的一个子组件，在父组件中配置好chartOptions和automove后传给子组件。判断传入的automove为true时，则进行轮播。props:{chartOptions:{type:Object,default(){return{}}},automove:{type:Boolean}},data(){return{chart:null,dataLength:
  • js处理echarts tooltip定时轮播 Ciito 前端javascriptecharts
    echartstooltip定时轮播/***echartstooltip轮播*@paramchartECharts实例*@paramchartOptionecharts的配置信息*@paramoptionsobject选项*{*interval轮播时间间隔，单位毫秒，默认为3000*true表示循环所有series的tooltip，false则显示指定seriesIndex的tooltip*ser
  • eCharts的样式配置 yu_zheng5163 echarts前端javascript
    {//series的类型，如'line'、'bar'、'pie'、'scatter'等type:'line',//line表示折线图bar表示柱状图pie表示饼图scatter表示散点图//series的名称，用于tooltip的显示，legend的图例筛选等name:'数据系列1',//series的数据，可以是数组，也可以是函数，详见下面的data配置项data:[1,2,3,4,5],//s
  • echarts实现透明3D地图 自定义tooltip悬浮框 藤井粟 echartsecharts3d前端大屏端
    本地图主要使用ehcarts和echarts-gl进行开发，实现的3D地图可以旋转、缩放、多角度观察。悬浮框是自定义样式。1、引入echarts和echarts-gl库echarts的资源比较常见，这里主要列出echarts-gl的离线资源2、3D地图的基础配置根据网上获取的json数据进行初始化地图，然后配置地图的option，重点在于series和viewcontrol的配置。地图的透明质感主
  • React中实现antd自定义图标，鼠标悬浮变色 小鸟哗啦啦 react.js前端javascript
    借助antd的tooltip组件来实现hover时变色的效果1.新建组件自定义图标一般在iconfont上面获取，复制下来的svg代码，切记要删除fill属性后添加到组件中import{Tooltip}from"antd";importReactfrom"react";constHoverableSvg=()=>{return({/*...*/});};exportdefaultHoverable
  • Vue3优化表单标签与布局，解决文字过长问题（附Demo） 码农研究僧 前端/小程序vue.js前端javascript
    目录前言1.增加标签宽度（生效）2.工具提示Tooltip（勉勉强强）3.缩小字体（不生效）4.CSS控制换行（不推荐）前言好不容易构思整个表单的布局，但是个别表单的文字过长，导致自动换行，遮挡另外的一些组件以下内容将围绕实战进行优化以左上角的文字进行调整：尝试了多种方案，最终才有成效对于其他的方式，诸位也可尝试下1.增加标签宽度（生效）通过增加el-form-item的label-width，让
  • echarts柱形图X轴Y轴相关配置 船长㉿ 可视化
    可配置XY轴刻度线，字体大小，柱形图大小颜色等constoptions={tooltip:{trigger:'axis',axisPointer:{//坐标轴指示器，坐标轴触发有效type:'shadow'//默认为直线，可选为：'line'|'shadow'},textStyle:{//鼠标hover遮罩层字体大小fontSize:'12'}},xAxis:[{data:['大学食堂100间',
  • vue 使用el-table 设置了show-overflow-tooltip属性，路由跳转后，气泡不消失的解决办法 前端小白记录 vue.js前端javascriptelementui前端框架
    文章目录一、问题场景二、解决方法1.问题bug2.最终解决总结一、问题场景在vue项目里使用el-table做一个列表页面，表格设置了show-overflow-tooltip属性，文字过长时鼠标滑过会展示气泡显示全部文字内容，因为设置路由缓存，如果这个时候点击鼠标滑过的单元格进行路由跳转，气泡就会在新的页面展示不消失；如下图所示二、解决方法1.问题bug我在网上搜索相关帖子，看到一个说让在dea
  • vxe-grid 利用dayjs提供的方法来格式化， 计算二个日期之间的年数/年龄 花花鱼 Vue3vue.js
    1、安装dayjspnpmadddayjsyarnadddayjsnpminstalldayjs2、导入importdayjsfrom'dayjs';3、vxe-grid列：exportconstUserColumns:VxeGridPropTypes.Columns=[...{title:'年龄',width:70,field:'old',showOverflow:'tooltip',align
  • 【avue+vue2】avue-token,iframe,postmessage,3d按钮权限显隐，avue列表数据过长省略和tooltip，选择框不要勾选 傻傻有内涵的我 vueavueHTML学习javascript开发语言ecmascript
    目录一、avue字典+token二、3diframe三、postmessage四、3d按钮权限五、avue列表数据过长省略+tooltip六、选择框不要勾选（avue）一、avue字典+token{label:'车型',prop:'amrModelShowName',//width:130,span:20,labelWidth:'180',row:true,type:'select',align:
  • Echarts基础学习 3-legend、tooltip、grid、dataZoom 翻斗花园正门保安小夏 Echartsecharts学习前端
    提示信息和工具栏legend、tooltip、title可以展示图表的一些信息，使图表的信息更加清晰明了toolbox是对图表的一些操作，比如下载，折线图和柱形图的切换等操作。如果你想体验各种工具操作，可以在此案例中进行操作——未来一周气温变化grid网格直角坐标系内绘图网格，单个grid内最多可以放置上下两个X轴，左右两个Y轴。可以在网格上绘制折线图，柱状图，散点图（气泡图）。在ECharts2
  • echarts 雷达图样式自定义 2018-12-13 心有余悸天
    exportdefaultfunctiondrawradar(basedata,all_data){varRadar={//title:{//text:'基础雷达图'//},//鼠标移入的悬浮框的样式tooltip:{backgroundColor:'#ffff',borderColor:'#eeee',borderRadius:2,borderWidth:1,textStyle:{color:'
  • 自定义vue指令，实现el-tooltip仅在文字溢出时显示，文字未溢出则不显示，复制即可使用 千叶KE vue.jsjavascript前端elementui
    一、写在开头在项目里遇到了这种需求，想到el-table里的show-overflow-tooltip属性就有这种效果，在参考了一些网上的文章以及show-overflow-tooltip跟el-tooltip的源码后，觉得使用自定义指令的方式来实现这个需求会很方便，于是便有了以下代码二、自定义指令代码1、创建一个js文件，复制粘贴以下代码即可使用，无需改动importVuefrom'vue'im
  • Popper.js：ElementUI 中采用弹出，提示框库，好用的没朋友。 贝格前端工场 javascriptelementui开发语言
    Hi，我贝格前端工场，继续介绍经典的js库，ElementUI中Tooltip、Select、Cascader、TimePicker等组件中怎么把提示框定位到目标元素的，是用Popperjs来实现。一、Popper.js是什么？Popper.js是一个用于创建弹出式组件和工具提示的JavaScript库。它提供了一种灵活和可定制的方式来定位和显示弹出式元素，使得开发者可以轻松地创建各种类型的弹出式
  • 饼图外显示百分比，labelLine控制与环的距离 咏竹莉
    示例：image.pngfunctionlossTenants(){varmyDailyEn=echarts.init(document.getElementById('lossTenants'));option={tooltip:{backgroundColor:'#fff',textStyle:{color:'#545EFF'},formatter:"{b}:{c}({d}%)"},legen
  • Unity在Inspector面板显示注释 ChoseYoung
    [Tooltip("显示注释")]//鼠标移到变量上后可以看到汉字[Header("显示注释")]//直接在面板上显示汉字
  • echarts 中tooltip的formatter使用(例如折线图中的，鼠标悬停在某点，会再提示框显示坐标轴对应的数据) 方_圆
    1.当把x轴，y轴数据都设置好以后，x轴的数组是data系列（series）2.把value结构，重新拼了下3.在tooltip中添加formatter方法（我理解的意思，formatter是一个回调函数，series中的data，通过回调，根据数据的拼接结构，把的相关数据拿出来就行）params[x].data.name,也就是series.data.name(相当于把series中的data:
  • echarts(3)——饼图 qq_46285250 echartsecharts
    案例注释代码源码地址：https://www.makeapie.com/editor.html?c=x1zOZDoSxqoption={backgroundColor:'#273454',color:['#FF9966','#FFFFCC','#0099CC','#99CC33','#99CCCC'],tooltip:{trigger:'item',formatter:'{b}:{c}个(占比{d
  • echarts实用代码模板 mbshqqb echartsjavascript前端
    一、键盘事件控制tooltip移动letcurrentIndex=-1;constdataLen=option.series[0].data.length;consthandleKeydown=(e)=>{if(e.key!="ArrowRight"&&e.key!="ArrowLeft"){return;}console.log('handleKeydown:'+currentIndex);my
  • 2019-01-10Unity编辑器开发，使用CustomPropertyDrawer实现枚举中文显示 Nmao
    标注：https://www.cnblogs.com/CodeGize/p/6892299.html在Unity开发中，枚举常常被用到。但是Unity自身对于枚举值，并不能做好中文的支持。无论是Head或者ToolTip.如下例：usingUnityEngine;publicclassEnumTest:MonoBehaviour{publicEmAniTypeAniType;}publicenum
  • 使用npm包js-web-screen-shot做网页截图，可以对截图加文字，箭头等等，类似于微信截图 徐同保 web前端javascript前端npm
    点击上传截图只能上传jpg/png文件，且不超过5M提交取消import{Button,Tooltip,Dialog,Form,Row,Col,FormItem,Upload,Link,Input,}from'element-ui'importhtml2canvasfrom'html2canvas'importScreenShotfrom'js-web-screen-shot'importtemp
  • 因直接展示el-tooltip从而导致表格展示底部增加空行 前端僵尸 bug
    使用tooltip注意事项：问题：因直接展示el-tooltip从而导致表格展示底部增加空行原因：el-tooltip本身渲染的时候，是没有载体的（里面没有内容就已经渲染了）解决：外层需要包裹一层div或是span做父级问题：ElementPlusError:[ElOnlyChild]novalidchildnodefound(使用el-tooltip套tooltip或者popver也会导致)原因
  • React+Echarts实现数据排名+自动滚动+Y轴自定义toolTip文字提示 小浣熊喜欢揍臭臭 Reactechartreact.js前端javascript
    1、效果2、环境准备1、react182、antd4+3、代码实现原理：自动滚动通过创建定时器动态更新echar的dataZoom属性startValue、endValue，自定义tooltip通过监听echar的鼠标移入移出事件，判断tooltTip元素的显隐以及位置。1、导入所需组件：在你的代码文件中导入所需的组件importReactEChartsfrom'echarts-for-react
  • 2020-10-14 echarts tooltip 自定义样式 rub1cky
    echarts自定义tooltip样式备份在echarts文档中有个extraCssText可以进行自定义样式覆盖最终效果图截屏2020-10-14上午8.55.00.png
  • 【Qt学习笔记】（三）常用控件（持续更新） 有心栽花无心插柳 Qtqt学习笔记
    Qt常用控件1控件概述2QWidget控件核心属性2.1enabled2.2geometry2.3windowframe的影响2.4windowTitle2.5windowIcon2.6windowOpacity2.7cursor2.8font2.9toolTip2.10focusPolicy2.11stylesheet1控件概述Widget是Qt中的核心概念英文原义是"小部件",我们此处也把它翻
  • vue3+echarts+地图（3D立体） 修复bug vueechartsjavascriptvue
    首页exportdefault{name:"maps",data(){return{option:{//鼠标悬浮显示省份名称tooltip:{textStyle:{color:"yellow",decoration:"none",fontFamily:"Verdana,sans-serif",fontStyle:"italic",fontWeight:"bold",},formatter:func
  • echarts tooltip.formatter回调函数方式格式化提示框 深吸一口气
    问题在使用echarts配置图表时，tooltip提示框的格式不能满足需求，这时需要自定义格式，echarts文档中给出的方案是配置tooltip.formatter解决方案tooltip.formatter支持字符串模板和回调函数两种形式，官方文档内容这里就不赘述了，请自行查阅echartstooltip.formatter文档，这里主要说一下回调函数格式化方式//params具体信息看下方fo
  • web报表工具FineReport常见的数据集报错错误代码和解释 老A不折腾 web报表finereport代码可视化工具
    在使用finereport制作报表，若预览发生错误，很多朋友便手忙脚乱不知所措了，其实没什么，只要看懂报错代码和含义，可以很快的排除错误，这里我就分享一下finereport的数据集报错错误代码和解释，如果有说的不准确的地方，也请各位小伙伴纠正一下。   NS-war-remote=错误代码\:1117 压缩部署不支持远程设计 NS_LayerReport_MultiDs=错误代码
  • Java的WeakReference与WeakHashMap bylijinnan java弱引用
    首先看看 WeakReference wiki 上 Weak reference 的一个例子： public class ReferenceTest { public static void main(String[] args) throws InterruptedException { WeakReference r = new Wea
  • Linux——（hostname）主机名与ip的映射 eksliang linuxhostname
    一、 什么是主机名 无论在局域网还是INTERNET上，每台主机都有一个IP地址，是为了区分此台主机和彼台主机，也就是说IP地址就是主机的门牌号。但IP地址不方便记忆，所以又有了域名。域名只是在公网（INtERNET)中存在，每个域名都对应一个IP地址，但一个IP地址可有对应多个域名。域名类型 linuxsir.org 这样的； 主机名是用于什么的呢？ 答：在一个局域网中，每台机器都有一个主
  • oracle 常用技巧 18289753290
    oracle常用技巧 ①复制表结构和数据   create table  temp_clientloginUser as   select distinct userid from tbusrtloginlog ②仅复制数据 如果表结构一样 insert into  mytable  select  * &nb
  • 使用c3p0数据库连接池时出现com.mchange.v2.resourcepool.TimeoutException 酷的飞上天空 exception
    有一个线上环境使用的是c3p0数据库，为外部提供接口服务。最近访问压力增大后台tomcat的日志里面频繁出现 com.mchange.v2.resourcepool.TimeoutException: A client timed out while waiting to acquire a resource from com.mchange.v2.resourcepool.BasicResou
  • IT系统分析师如何学习大数据 蓝儿唯美 大数据
    我是一名从事大数据项目的IT系统分析师。在深入这个项目前需要了解些什么呢？学习大数据的最佳方法就是先从了解信息系统是如何工作着手，尤其是数据库和基础设施。同样在开始前还需要了解大数据工具，如Cloudera、Hadoop、Spark、Hive、Pig、Flume、Sqoop与Mesos。系 统分析师需要明白如何组织、管理和保护数据。在市面上有几十款数据管理产品可以用于管理数据。你的大数据数据库可能
  • spring学习——简介 a-john spring
    Spring是一个开源框架，是为了解决企业应用开发的复杂性而创建的。Spring使用基本的JavaBean来完成以前只能由EJB完成的事情。然而Spring的用途不仅限于服务器端的开发，从简单性，可测试性和松耦合的角度而言，任何Java应用都可以从Spring中受益。其主要特征是依赖注入、AOP、持久化、事务、SpringMVC以及Acegi Security 为了降低Java开发的复杂性，
  • 自定义颜色的xml文件 aijuans xml
    <?xml version="1.0" encoding="utf-8"?> <resources> <color name="white">#FFFFFF</color> <color name="black">#000000</color> &
  • 运营到底是做什么的？ aoyouzi 运营到底是做什么的？
    文章来源：夏叔叔（微信号：woshixiashushu），欢迎大家关注！很久没有动笔写点东西，近些日子，由于爱狗团产品上线，不断面试，经常会被问道一个问题。问：爱狗团的运营主要做什么？答：带着用户一起嗨。为什么是带着用户玩起来呢？究竟什么是运营？运营到底是做什么的？那么，我们先来回答一个更简单的问题——互联网公司对运营考核什么？以爱狗团为例，绝大部分的移动互联网公司，对运营部门的考核分为三块——用
  • js面向对象类和对象 百合不是茶 js面向对象函数创建类和对象
    接触js已经有几个月了,但是对js的面向对象的一些概念根本就是模糊的,js是一种面向对象的语言 但又不像java一样有class,js不是严格的面向对象语言 ,js在java web开发的地位和java不相上下  ,其中web的数据的反馈现在主流的使用json,json的语法和js的类和属性的创建相似   下面介绍一些js的类和对象的创建的技术   一:类和对
  • web.xml之资源管理对象配置 resource-env-ref bijian1013 javaweb.xmlservlet
    resource-env-ref元素来指定对管理对象的servlet引用的声明，该对象与servlet环境中的资源相关联 <resource-env-ref> <resource-env-ref-name>资源名</resource-env-ref-name> <resource-env-ref-type>查找资源时返回的资源类
  • Create a composite component with a custom namespace sunjing
    https://weblogs.java.net/blog/mriem/archive/2013/11/22/jsf-tip-45-create-composite-component-custom-namespace   When you developed a composite component the namespace you would be seeing would
  • 【MongoDB学习笔记十二】Mongo副本集服务器角色之Arbiter bit1129 mongodb
     一、复本集为什么要加入Arbiter这个角色 回答这个问题，要从复本集的存活条件和Aribter服务器的特性两方面来说。 什么是Artiber？ An arbiter does not have a copy of data set and cannot become a primary. Replica sets may have arbiters to add a
  • Javascript开发笔记 白糖_ JavaScript
    获取iframe内的元素 通常我们使用window.frames["frameId"].document.getElementById("divId").innerHTML这样的形式来获取iframe内的元素，这种写法在IE、safari、chrome下都是通过的，唯独在fireforx下不通过。其实jquery的contents方法提供了对if
  • Web浏览器Chrome打开一段时间后，运行alert无效 bozch Webchormealert无效
    今天在开发的时候，突然间发现alert在chrome浏览器就没法弹出了，很是怪异。 试了试其他浏览器，发现都是没有问题的。 开始想以为是chorme浏览器有啥机制导致的，就开始尝试各种代码让alert出来。尝试结果是仍然没有显示出来。 这样开发的结果，如果客户在使用的时候没有提示，那会带来致命的体验。哎，没啥办法了 就关闭浏览器重启。   结果就好了，这也太怪异了。难道是cho
  • 编程之美-高效地安排会议 图着色问题 贪心算法 bylijinnan 编程之美
    import java.util.ArrayList; import java.util.Collections; import java.util.List; import java.util.Random; public class GraphColoringProblem { /**编程之美 高效地安排会议 图着色问题 贪心算法 * 假设要用很多个教室对一组
  • 机器学习相关概念和开发工具 chenbowen00 算法matlab机器学习
    基本概念： 机器学习(Machine Learning, ML)是一门多领域交叉学科，涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为，以获取新的知识或技能，重新组织已有的知识结构使之不断改善自身的性能。 它是人工智能的核心，是使计算机具有智能的根本途径，其应用遍及人工智能的各个领域，它主要使用归纳、综合而不是演绎。 开发工具 M
  • [宇宙经济学]关于在太空建立永久定居点的可能性 comsci 经济
           大家都知道,地球上的房地产都比较昂贵,而且土地证经常会因为新的政府的意志而变幻文本格式........        所以,在地球议会尚不具有在太空行使法律和权力的力量之前,我们外太阳系统的友好联盟可以考虑在地月系的某些引力平衡点上面,修建规模较大的定居点
  • oracle 11g database control 证书错误 daizj oracle证书错误oracle 11G 安装
    oracle 11g database control 证书错误  win7 安装完oracle11后打开 Database control 后，会打开em管理页面，提示证书错误，点“继续浏览此网站”，还是会继续停留在证书错误页面 解决办法： 是 KB2661254 这个更新补丁引起的，它限制了 RSA 密钥位长度少于 1024 位的证书的使用。具体可以看微软官方公告：
  • Java I/O之用FilenameFilter实现根据文件扩展名删除文件 游其是你 FilenameFilter
    在Java中，你可以通过实现FilenameFilter类并重写accept(File dir, String name) 方法实现文件过滤功能。 在这个例子中，我们向你展示在“c:\\folder”路径下列出所有“.txt”格式的文件并删除。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
  • C语言数组的简单以及一维数组的简单排序算法示例，二维数组简单示例 dcj3sjt126com carray
    # include <stdio.h> int main(void) { int a[5] = {1, 2, 3, 4, 5}; //a 是数组的名字 5是表示数组元素的个数，并且这五个元素分别用a[0], a[1]...a[4] int i; for (i=0; i<5; ++i) printf("%d\n",
  • PRIMARY, INDEX, UNIQUE 这3种是一类 PRIMARY 主键。 就是 唯一 且 不能为空。 INDEX 索引，普通的 UNIQUE 唯一索引 dcj3sjt126com primary
    PRIMARY, INDEX, UNIQUE 这3种是一类PRIMARY 主键。 就是 唯一 且 不能为空。INDEX 索引，普通的UNIQUE 唯一索引。 不允许有重复。FULLTEXT 是全文索引，用于在一篇文章中，检索文本信息的。举个例子来说，比如你在为某商场做一个会员卡的系统。这个系统有一个会员表有下列字段：会员编号   INT会员姓名  
  • java集合辅助类 Collections、Arrays shuizhaosi888 CollectionsArraysHashCode
      Arrays、Collections   1 ）数组集合之间转换 public static <T> List<T> asList(T... a) { return new ArrayList<>(a); }      a）Arrays.asL
  • Spring Security（10）——退出登录logout 234390216 logoutSpring Security退出登录logout-urlLogoutFilter
           要实现退出登录的功能我们需要在http元素下定义logout元素，这样Spring Security将自动为我们添加用于处理退出登录的过滤器LogoutFilter到FilterChain。当我们指定了http元素的auto-config属性为true时logout定义是会自动配置的，此时我们默认退出登录的URL为“/j_spring_secu
  • 透过源码学前端 之 Backbone 三 Model 逐行分析JS源代码 backbone源码分析js学习
    Backbone 分析第三部分  Model 概述： Model 提供了数据存储，将数据以JSON的形式保存在 Model的 attributes里， 但重点功能在于其提供了一套功能强大，使用简单的存、取、删、改数据方法，并在不同的操作里加了相应的监听事件， 如每次修改添加里都会触发 change，这在据模型变动来修改视图时很常用，并且与collection建立了关联。
  • SpringMVC源码总结（七）mvc:annotation-driven中的HttpMessageConverter 乒乓狂魔 springMVC
    这一篇文章主要介绍下HttpMessageConverter整个注册过程包含自定义的HttpMessageConverter，然后对一些HttpMessageConverter进行具体介绍。 HttpMessageConverter接口介绍： public interface HttpMessageConverter<T> { /** * Indicate
  • 分布式基础知识和算法理论 bluky999 算法zookeeper分布式一致性哈希paxos
      分布式基础知识和算法理论 BY [email protected] 本文永久链接：http://nodex.iteye.com/blog/2103218   在大数据的背景下，不管是做存储，做搜索，做数据分析，或者做产品或服务本身，面向互联网和移动互联网用户，已经不可避免地要面对分布式环境。笔者在此收录一些分布式相关的基础知识和算法理论介绍，在完善自我知识体系的同
  • Android Studio的.gitignore以及gitignore无效的解决 bell0901 androidgitignore
    　　github上.gitignore模板合集，里面有各种.gitignore ： https://github.com/github/gitignore 　　自己用的Android Studio下项目的.gitignore文件，对github上的android.gitignore添加了 　　　　　　# OSX files　　　　　　//mac os下　　　　　　.DS_Store
  • 成为高级程序员的10个步骤 tomcat_oracle 编程
    What 软件工程师的职业生涯要历经以下几个阶段：初级、中级，最后才是高级。这篇文章主要是讲如何通过 10 个步骤助你成为一名高级软件工程师。   Why 得到更多的报酬！因为你的薪水会随着你水平的提高而增加 提升你的职业生涯。成为了高级软件工程师之后，就可以朝着架构师、团队负责人、CTO 等职位前进 历经更大的挑战。随着你的成长，各种影响力也会提高。
  • mongdb在linux下的安装 xtuhcy mongodblinux
    一、查询linux版本号： lsb_release -a  LSB Version:    :base-4.0-amd64:base-4.0-noarch:core-4.0-amd64:core-4.0-noarch:graphics-4.0-amd64:graphics-4.0-noarch:printing-4.0-amd64:printing-4.0-noa
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他