webcode
webcode

Dojo 1.7 Dialog和ToolTip 教程

原文：http://dojotoolkit.org/documentation/tutorials/1.7/dialogs_tooltips/

原文作者：David Walsh

译者：Elaine Liu

Dojo 1.7 难度级别：初级

用户交互是构建富客户端网络应用的第一要素。浏览器提供了alert和对话框作为基本的用户交互方式，但这些基本的交互非常简陋并且不够灵活。因此，Dijit，这个Dojo工具包提供的用户界面框架，提供了由dijit/Tooltip, dijit/Dialog, 以及dijit/TooltipDialog等widget在内的一系列跨浏览器的，可扩展的，可定制主题的控件，来弥补了浏览器的基本交互功能存在的不足。在本教程中，你将会学习以上控件，包括使用范例以及相关细节。


了解Tooltips

原生的“Tooltip”是在浏览器内使用title属性创建DoM节点。这些Tooltip就像他们看起来那样简陋：不能控制显示时长，不能包含富文本，不同浏览器之间的呈现也很不一致。Dijit的dijit/Tooltip 类解决了以上所有问题：
  • 允许在Tooltip内包含HTML内容
  • 提供了控制Tooltip显示的位置和时长的方法
  • 当浏览器大小变化时可以对Tootips进行重定位和大小调整
  • 提供4中优雅美观的Tooltip显示主题
  • 实现了可靠的跨浏览器的策略，允许其显示在Flash元素上
  • 懒汉创建模式 - 只有当Tooltip必须显示的时候才创建Tooltip节点
使用dijit/Tooltip跟使用任何Dijit控件的步骤一样：在页面添加所需要的样式单，给body节点添加相应的css类名，并且请求该控件的JavaScript类



当主题和控件类都加载好之后，可以使用如下编程方式来创建一个Tooltip


重要的dijit/Tooltip属性包括：

  • ConnectId - 一个ID或者DOM节点数组，用于存放Tooltip将要连接的对象
  • label - 置于Tooltip内部的HTML或者文本内容
  • showDelay - Tooltip显示的延时
常用的dijit/Tooltip方法包括：

  • addTarget - 如果还未连接目标，则可调用此方法添加连接目标
  • close - 关闭Tooltip实例，即将其置为不可见
  • open - 打开Tooltip实例，即将其置为可见
  • removeTarget - 将某个节点从Tooltip连接目标队列中移除
  • set - 允许改变属性值，多是Tooltip的内容，比如(myTip.set("label","New content!"))

dijit/Tooltip对象还有一个可以配置的defaultPosition队列属性，可用于控制Tooltip实例显示位置的顺序。这个队列可以根据开发者的需要而改变。


Tooltip.defaultPosition = ["above", "below", "after", "before"];
注意：改变Tooltip.defaultPosition将适用于所有的Tooltip实例

dijit/Tooltip使用示例

下面是dijit/Tooltip最普通的使用例子

声明式创建Tooltip


查看示例

编程式创建Tooltip


查看示例


另一个示例——作品细节


基本的Tooltip控件提供了丰富的信息表达特性，但如果你需要一个控件能够提供更多的功能，那么Dijit的Dialog控件将是一个完美的选择！

了解Dialog

当需要从用户这里得到信息，或者提供一个提示，浏览器原生的提供了alert和confirm方法，但是这些都太呆板简陋了。幸运的是，Dojo Toolkit提供了一个很好的选择：dijit/Dialog。 就像dijit/Tooltiip一样，dijit/Dialog允许包含HTML内容并且定制主题。下面是一个dijit/Dialog的用法：

一个关于dijit/Dialog的重要因素是Dialog的实例是累加在一个“栈”上面的，这样你可以将多个Dialog实例叠加在一起。 Displaying dialogs are also backed up by an iFrame so that they are ensured to always be "on top" of other elements. 多个Dialog共享同一个dijit/DialogUnderlay实例。
重要的dijit/Dialog属性包括：
  • content - Dialog中包含的HTML或者文本内容
  • draggable - 表示这个Dialog是否可以拖动
  • href - 如果Dialog的内容是由一个Ajax调用得到，则href指向内容文件的路径
  • loadingMessage - 当Ajax内容还在加载的时候，Dialog中显示的消息。
  • open - 返回true如果该Dialog实例正处于打开状态
  • title - Dialog的名称
常用的dijit/Dialog方法
  • hide - 隐藏dialog和underlay
  • refresh - 如果该Dialog是基于Ajax的，刷新Dialog的内容
  • show - 显示dialog和underlay
dijit/Dialog同时还提供了Dijit 控件具有的callback方法，例如onShow, onHide, onLoad, onClick等等。

dijit/Dialog示例

以下是dijit/Dialog常见的例子：

示例——使用条例


查看示例

对话框栈


查看示例

Ajax对话框与Black Underlay


查看示例


了解dijit/TooltipDialog

Dijit TooltipDialog 控件融合了Tooltip和Dialog的优点，创建了一个可以获得focus的，可包含丰富弹出内容的元素。TooltipDialog控件经常以下拉对话框的形式由其他的控件触发打开，比如由dijit/form/DropDownButton打开。Tooltip和TooltipDialog的区别在于TooltipDialog可以一直停留保持打开状态直至用户点击该控件以外的元素才关闭。这样Tooltip就可以包含可点击的链接，表单元素等。
dijit/TooltipDialog具有和Tooltip和Dialog相同的属性方法和事件。

dijit/TooltipDialog示例

下拉按钮


查看示例

在你需要一个可交互的弹出内容，又不想使用一个完整的Dialog时，TooltipDialog是最好不过的选择。

结论

Dojo工具包不仅使你能够更轻松的完成基本的交互任务，而且提供了跨浏览器一致的，灵活的，可定制主题的控件。本文讨论的控件提供了是浏览器自带的基本功能额外的选择。欢迎使用dijit的Tooltip,Dialog以及TooltipDialog来丰富你的网站！

你可能感兴趣的:(tooltip)

  • 深入解析 Vue 3 Teleport：原理、应用与最佳实践 赵大仁 前端Vue.js技术vue.jsjavascript前端
    深入解析Vue3Teleport：原理、应用与最佳实践1.引言Vue3引入了Teleport组件，它可以让我们将组件的渲染位置从当前组件层级移动到DOM的其他位置，而不影响Vue的响应式和组件状态管理。在开发中，我们经常遇到模态框、通知、弹窗、工具提示（Tooltip）等UI组件，这些组件通常需要被渲染到body或特定DOM节点，以避免z-index层级问题。Vue3的Teleport解决了这个问
  • 使用Lodash工具后代码行数瞬间缩短... lodasharraylist
    背景:最近在做报表.涉及到echarts图表.多层柱状图叠加展示.然后后端给出来的结构是二维数组.需要前端自行处理成图表可用的数据格式.echarts数据是是动态的.需求效果图的样子:echarts相似的官网案例代码:option={tooltip:{trigger:'axis',},legend:{data:['Direct','MailAd','AffiliateAd','VideoAd','
  • 图表option方法 几度泥的菜花 前端javascript算法
    title:配置图表的标题信息。title:{text:'图表标题',//主标题subtext:'副标题',//副标题left:'center',//标题位置top:'top'//标题位置}tooltip:设置提示框（鼠标悬浮时显示的内容），支持多种形式的配置tooltip:{trigger:'axis',//'item'|'axis'，可以是单个数据项，或轴上的多个数据项formatter:'{
  • d3-v7 数据可视化折线图+悬浮窗 deyong1024 数据可视化信息可视化
    #TestD3{width:100%;height:35%;position:relative;.tooltip{opacity:0;position:absolute;padding:0.6em1em;background:#fff;text-align:center;border:1pxsolid#ddd;z-index:10;transition:all0.2sease-out;pointe
  • echarts标准饼图——提示框（tooltip）配置 我是陈大大 echartsvuejavascriptViewUI
    echarts标准饼图解读(一)——提示框（tooltip）配置weixin_30446197于2016-11-2511:33:00发布508收藏4文章标签：javascriptViewUI原文链接：http://www.cnblogs.com/web520/p/6100955.html版权varmyChart=echarts.init(document.getElementById(‘main’
  • Qt:自定义tooltip Yanjun2i qtc++
    在主窗口里获取鼠标的悬浮事件_customTooltip是我定义在私有变量里的AbnormalToolTipWidget*_customTooltip=nullptr;boolRobotAbnormalBtns::eventFilter(QObject*obj,QEvent*event){if(event->type()==QEvent::HoverEnter){//鼠标悬浮时显示自定义的工具提示
  • QT:踩坑记录 Yanjun2i qt
    20248window项目放在linux下执行为了保持linux下的.so软连接，所以将win的项目拉到linux下时要将所有的库都打包成tat.xz，然后在linux下解压，否则库的软连接会失效。2025.2eventFilter触发事件①遇到了鼠标进入按钮时，触发HoverEnter，但是当鼠标不动时，会莫名触发HoverLeave，倒是出现自定义的tooltip界面屏闪现象。已解决：定时接收
  • echarts开发图表时遇到问题：trigger: ‘item‘正常显示tooltip，trigger: ‘axis‘则无法显示tooltip，为什么？ 思想永无止境 Web前端echartsvue.jsjavascript
    原因：未知！解放方案：import{markRaw}from'vue';//解决办法，让echarts从监听对象变成普通对象letchart=markRaw(echarts.init(chartRef))//原代码//letchart=echarts.init(chartRef)
  • VUE + iView table render渲染i-switch LEON劉先森 javascript前端html
    {title:"显示/隐藏",tooltip:true,align:'center',minWidth:120,render:(h,params)=>{returnh("div",{},[h("i-switch",{props:{value:params.row.show,size:"large",trueColor:"#FF5C58",},scopedSlots:{open:()=>h("spa
  • 指定元素全屏与退出全屏，Vue中处理监听esc并修改data数据（监听与作用域问题） Program W Vuejs大前端vue.jsjavascript前端
    文章目录一、效果二、解决思路三、全屏与退出全屏（工具）四、实例一、效果解决的问题：vue本身监听不到全屏状态中的esc事件，导致无法修改这个按钮的样式icon和tooltip未全屏时：全屏时：二、解决思路一个重要方法：判断当前是否全屏问题：如果vue本身的话，在esc事件时是不会调用这个方法的/**浏览器当前是否全屏@return{*|boolean}*/exportfunctionisFullS
  • AntV G6自定义流程图Graph 靠着蓝色背景幻想 流程图vue前端html
    AntVG6自定义流程图GraphAntVG6自定义流程图Graph一、先看下我的效果图二、参考官方图表示例地址三、代码已整合成vue组件四、这里提供了直接改官方示例数据，简单的参考AntVG6自定义流程图Graph前言：自定义流程图节点样式、节点可拖动，节点文字过长省略，文字过长的节点悬浮展示tooltip插件悬浮框，修改tooltip悬浮框样式。一、先看下我的效果图二、参考官方图表示例地址Da
  • echarts 堆叠图 tooltip中各项指数如何实现'倒序展示'
    echarts堆叠图tooltip的各项展示顺序与图上的展示顺序是不对称的，我截图了echarts官方网站的示例图，如下应产品需求，我需要把tooltip上展示的顺序与图上的顺序上下对称，也就是把默认的顺序进行倒序处理。百思不得其解，后来，终于找到了方法，感觉人生瞬间都有了希望！废话不多说，看方法。tooltip有一个钩子方法：position:(point,params,dom,rect,siz
  • Bootstrap4 信息提示框 lsx202406 开发语言
    Bootstrap4信息提示框Bootstrap是一个流行的前端框架，它提供了一系列的工具和组件来帮助开发者快速搭建响应式网站。在Bootstrap4中，信息提示框（Tooltip）是一个非常有用的组件，它可以帮助用户更好地理解页面上的元素。本文将详细介绍Bootstrap4的信息提示框组件，包括其基本用法、配置选项以及与实际应用的结合。一、基本用法1.1HTML结构要使用Bootstrap4的信
  • echarts 饼状图 label 字体设置 weixin_45907435 echarts前端javascript
    1、给label按需设置样式，在series的label中用formatter格式化内容，在rich中设置样式option={tooltip:{trigger:'axis'},legend:{orient:'vertical',top:'center',right:'3%',itemWidth:10,//图例icon与name之间的距离itemHeight:5,//icon大小icon:'circ
  • el-table 小白∪ Vue前端elementuivue.js
    尽接入部分组件，可根据需求添加支持参数显示序号选择(单选/多选)自定义操作按钮按钮气泡确认框表格内编辑开关自定义格式化自动匹配图片状态文字提示编辑template部分0||showTable"tooltip-effect="dark"style="width:100%":data="list":border="border":stripe="stripe"@sort-change="sortCha
  • UEC++学习（十六）变量添加中文注释、ui设置中文文本 爆米花煮鸡蛋 UEC++学习学习c++ue4
    （一）变量添加中文注释在C++项目中创建变量，并在蓝图中显示变量的英文名同时附带中文注释，可以使用UPROPERTY的ToolTip元数据属性来实现UPROPERTY(EditAnywhere,meta=(ToolTip="弹夹最大容量"))int32MagCapacity;（二）ui设置中文文本在C++中通过使用FString或FText来处理字符串时，字符串内容是以UTF-16编码存储的，但是
  • 不要将 Echarts 实例保存到 vue 的响应式数据上，会导致 tooltip 失效！！！ vue.jsecharts
    echarts初始化echarts.init(DOMOBJ)会返回一个echarts实例对象，用一个变量接住实例对象就可以生成图表了，例如：()=>{letchartDom=document.getElementById('flg')lettimeObj=echarts.init(chartDom);timeObj.hideLoading()timeObj.setOption(dataObj);}
  • 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:
  • 多线程编程之卫生间 周凡杨 java并发卫生间线程厕所
    如大家所知，火车上车厢的卫生间很小，每次只能容纳一个人，一个车厢只有一个卫生间，这个卫生间会被多个人同时使用，在实际使用时，当一个人进入卫生间时则会把卫生间锁上，等出来时打开门，下一个人进去把门锁上，如果有一个人在卫生间内部则别人的人发现门是锁的则只能在外面等待。问题分析：首先问题中有两个实体，一个是人，一个是厕所，所以设计程序时就可以设计两个类。人是多数的，厕所只有一个（暂且模拟的是一个车厢）。
  • How to Install GUI to Centos Minimal sunjing linuxInstallDesktopGUI
    http://www.namhuy.net/475/how-to-install-gui-to-centos-minimal.html   I have centos 6.3 minimal running as web server. I’m looking to install gui to my server to vnc to my server. You can insta
  • Shell 函数 daizj shell函数
    Shell 函数 linux shell 可以用户定义函数，然后在shell脚本中可以随便调用。 shell中函数的定义格式如下： [function] funname [()]{ action; [return int;] } 说明： 1、可以带function fun() 定义，也可以直接fun() 定义,不带任何参数。 2、参数返回
  • Linux服务器新手操作之一 周凡杨 Linux 简单 操作
    1.whoami      当一个用户登录Linux系统之后，也许他想知道自己是发哪个用户登录的。      此时可以使用whoami命令。      [ecuser@HA5-DZ05 ~]$ whoami       e
  • 浅谈Socket通信（一） 朱辉辉33 socket
    在java中ServerSocket用于服务器端，用来监听端口。通过服务器监听，客户端发送请求，双方建立链接后才能通信。当服务器和客户端建立链接后，两边都会产生一个Socket实例，我们可以通过操作Socket来建立通信。    首先我建立一个ServerSocket对象。当然要导入java.net.ServerSocket包    ServerSock
  • 关于框架的简单认识 西蜀石兰 框架
    入职两个月多，依然是一个不会写代码的小白，每天的工作就是看代码，写wiki。 前端接触CSS、HTML、JS等语言，一直在用的CS模型，自然免不了数据库的链接及使用，真心涉及框架，项目中用到的BootStrap算一个吧，哦，JQuery只能算半个框架吧，我更觉得它是另外一种语言。 后台一直是纯Java代码，涉及的框架是Quzrtz和log4j。 都说学前端的要知道三大框架，目前node.
  • You have an error in your SQL syntax; check the manual that corresponds to your 林鹤霄
    You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'option,changed_ids  ) values('0ac91f167f754c8cbac00e9e3dc372
  • MySQL5.6的my.ini配置 aigo mysql
    注意：以下配置的服务器硬件是：8核16G内存    [client]   port=3306   [mysql]   default-character-set=utf8     [mysqld]   port=3306   basedir=D:/mysql-5.6.21-win
  • mysql 全文模糊查找 便捷解决方案 alxw4616 mysql
    mysql 全文模糊查找 便捷解决方案 2013/6/14 by 半仙 [email protected] 目的: 项目需求实现模糊查找. 原则: 查询不能超过 1秒. 问题: 目标表中有超过1千万条记录. 使用like '%str%' 进行模糊查询无法达到性能需求. 解决方案: 使用mysql全文索引. 1.全文索引 : MySQL支持全文索引和搜索功能。MySQL中的全文索
  • 自定义数据结构 链表(单项 ,双向,环形) 百合不是茶 单项链表双向链表
         链表与动态数组的实现方式差不多,    数组适合快速删除某个元素    链表则可以快速的保存数组并且可以是不连续的       单项链表;数据从第一个指向最后一个   实现代码:        //定义动态链表 clas
  • threadLocal实例 bijian1013 javathreadjava多线程threadLocal
    实例1： package com.bijian.thread; public class MyThread extends Thread { private static ThreadLocal tl = new ThreadLocal() { protected synchronized Object initialValue() { return new Inte
  • activemq安全设置—设置admin的用户名和密码 bijian1013 javaactivemq
            ActiveMQ使用的是jetty服务器, 打开conf/jetty.xml文件，找到 <bean id="adminSecurityConstraint" class="org.eclipse.jetty.util.security.Constraint"> <p
  • 【Java范型一】Java范型详解之范型集合和自定义范型类 bit1129 java
    本文详细介绍Java的范型，写一篇关于范型的博客原因有两个，前几天要写个范型方法(返回值根据传入的类型而定)，竟然想了半天，最后还是从网上找了个范型方法的写法；再者，前一段时间在看Gson, Gson这个JSON包的精华就在于对范型的优雅简单的处理，看它的源代码就比较迷糊，只其然不知其所以然。所以，还是花点时间系统的整理总结下范型吧。   范型内容 范型集合类 范型类
  • 【HBase十二】HFile存储的是一个列族的数据 bit1129 hbase
    在HBase中，每个HFile存储的是一个表中一个列族的数据，也就是说，当一个表中有多个列簇时，针对每个列簇插入数据，最后产生的数据是多个HFile，每个对应一个列族，通过如下操作验证   1. 建立一个有两个列族的表   create 'members','colfam1','colfam2'   2. 在members表中的colfam1中插入50*5
  • Nginx 官方一个配置实例 ronin47 nginx 配置实例
    user www www; worker_processes 5; error_log logs/error.log; pid logs/nginx.pid; worker_rlimit_nofile 8192; events { worker_connections 4096;} http { include conf/mim
  • java-15.输入一颗二元查找树，将该树转换为它的镜像， 即在转换后的二元查找树中，左子树的结点都大于右子树的结点。 用递归和循环 bylijinnan java
    //use recursion public static void mirrorHelp1(Node node){ if(node==null)return; swapChild(node); mirrorHelp1(node.getLeft()); mirrorHelp1(node.getRight()); } //use no recursion bu
  • 返回null还是empty bylijinnan javaapachespring编程
    第一个问题，函数是应当返回null还是长度为0的数组（或集合）？ 第二个问题，函数输入参数不当时，是异常还是返回null？ 先看第一个问题 有两个约定我觉得应当遵守： 1.返回零长度的数组或集合而不是null（详见《Effective Java》） 理由就是，如果返回empty，就可以少了很多not-null判断： List<Person> list
  • [科技与项目]工作流厂商的战略机遇期 comsci 工作流
          在新的战略平衡形成之前，这里有一个短暂的战略机遇期，只有大概最短6年，最长14年的时间，这段时间就好像我们森林里面的小动物，在秋天中，必须抓紧一切时间存储坚果一样，否则无法熬过漫长的冬季。。。。         在微软，甲骨文，谷歌，IBM,SONY
  • 过度设计-举例 cuityang 过度设计
    过度设计，需要更多设计时间和测试成本，如无必要，还是尽量简洁一些好。 未来的事情，比如 访问量，比如数据库的容量，比如是否需要改成分布式  都是无法预料的 再举一个例子，对闰年的判断逻辑： 　　1、 if($Year%4==0) return True; else return Fasle; 　　2、if (   ($Year%4==0  &am
  • java进阶，《Java性能优化权威指南》试读 darkblue086 java性能优化
    记得当年随意读了微软出版社的.NET 2.0应用程序调试，才发现调试器如此强大，应用程序开发调试其实真的简单了很多，不仅仅是因为里面介绍了很多调试器工具的使用，更是因为里面寻找问题并重现问题的思想让我震撼，时隔多年，Java已经如日中天，成为许多大型企业应用的首选，而今天，这本《Java性能优化权威指南》让我再次找到了这种感觉，从不经意的开发过程让我刮目相看，原来性能调优不是简单地看看热点在哪里，
  • 网络学习笔记初识OSI七层模型与TCP协议 dcj3sjt126com 学习笔记
      协议：在计算机网络中通信各方面所达成的、共同遵守和执行的一系列约定 　　计算机网络的体系结构：计算机网络的层次结构和各层协议的集合。 　　两类服务： 　　面向连接的服务通信双方在通信之前先建立某种状态，并在通信过程中维持这种状态的变化，同时为服务对象预先分配一定的资源。这种服务叫做面向连接的服务。 　　面向无连接的服务通信双方在通信前后不建立和维持状态，不为服务对象
  • mac中用命令行运行mysql dcj3sjt126com mysqllinuxmac
    参考这篇博客：http://www.cnblogs.com/macro-cheng/archive/2011/10/25/mysql-001.html  感觉workbench不好用（有点先入为主了）。 1，安装mysql 在mysql的官方网站下载 mysql 5.5.23 http://www.mysql.com/downloads/mysql/，根据我的机器的配置情况选择了64
  • MongDB查询（1）——基本查询[五] eksliang mongodbmongodb 查询mongodb find
    MongDB查询 转载请出自出处：http://eksliang.iteye.com/blog/2174452 一、find简介 MongoDB中使用find来进行查询。 API:如下 function ( query , fields , limit , skip, batchSize, options ){.....}  参数含义： query:查询参数 fie
  • base64，加密解密 经融加密，对接 y806839048 经融加密对接
    String data0 = new String(Base64.encode(bo.getPaymentResult().getBytes(("GBK")))); String data1 = new String(Base64.decode(data0.toCharArray()),"GBK"); // 注意编码格式，注意用于加密，解密的要是同
  • JavaWeb之JSP概述 ihuning javaweb
      什么是JSP？为什么使用JSP？ JSP表示Java Server Page，即嵌有Java代码的HTML页面。使用JSP是因为在HTML中嵌入Java代码比在Java代码中拼接字符串更容易、更方便和更高效。   JSP起源    在很多动态网页中，绝大部分内容都是固定不变的，只有局部内容需要动态产生和改变。  如果使用Servl
  • apple watch 指南 啸笑天 apple
    1. 文档 WatchKit Programming Guide（中译在线版 By @CocoaChina） 译文 译者 原文 概览 - 开始为 Apple Watch 进行开发 @星夜暮晨 Overview - Developing for Apple Watch 概览 - 配置 Xcode 项目 - Overview - Configuring Yo
  • java经典的基础题目 macroli java编程
    1.列举出 10个JAVA语言的优势 a:免费，开源，跨平台(平台独立性)，简单易用，功能完善，面向对象，健壮性，多线程，结构中立，企业应用的成熟平台, 无线应用 2.列举出JAVA中10个面向对象编程的术语 a:包，类，接口，对象，属性，方法，构造器，继承，封装，多态，抽象，范型 3.列举出JAVA中6个比较常用的包 Java.lang;java.util;java.io;java.sql;ja
  • 你所不知道神奇的js replace正则表达式 qiaolevip 每天进步一点点学习永无止境纵观千象regex
    var v = 'C9CFBAA3CAD0'; console.log(v); var arr = v.split(''); for (var i = 0; i < arr.length; i ++) { if (i % 2 == 0) arr[i] = '%' + arr[i]; } console.log(arr.join('')); console.log(v.r
  • [一起学Hive]之十五-分析Hive表和分区的统计信息(Statistics) superlxw1234 hivehive分析表hive统计信息hive Statistics
    关键字：Hive统计信息、分析Hive表、Hive Statistics   类似于Oracle的分析表，Hive中也提供了分析表和分区的功能，通过自动和手动分析Hive表，将Hive表的一些统计信息存储到元数据中。   表和分区的统计信息主要包括：行数、文件数、原始数据大小、所占存储大小、最后一次操作时间等；   14.1 新表的统计信息 对于一个新创建
  • Spring Boot 1.2.5 发布 wiselyman spring boot
        Spring Boot 1.2.5已在7月2日发布，现在可以从spring的maven库和maven中心库下载。   这个版本是一个维护的发布版，主要是一些修复以及将Spring的依赖提升至4.1.7(包含重要的安全修复)。   官方建议所有的Spring Boot用户升级这个版本。   项目首页 | 源
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他