dcj3sjt126com
dcj3sjt126com

javascript/dom:固定居中效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <style> 
        body,div{padding:0px;margin:0px;} 
        #gd{width:100px;height:100px;background:#F00;color:#FFF;} 
        </style> 
        <script> 
            window.onload = function()
            { 
                var isIE=!!window.ActiveXObject; 
                var isIE6=isIE&&!window.XMLHttpRequest;
                /*
                 这两句是判断浏览器。这是Aajx里的方法。也很好理解。我在这里就不多说了。大家有兴趣的可以去网上找找了解一下判断各种浏览器。 
                 * */ 
                var t = (document.documentElement.clientHeight - document.getElementById("gd").offsetHeight)/2 + document.documentElement.scrollTop; 
                var l = (document.documentElement.clientWidth - document.getElementById("gd").offsetWidth)/2 + document.documentElement.scrollLeft; 
                /*
                 document.documentElement.clientHeight这个是获取当前浏览器窗口的高度。 
                 document.getElementById("gd").offsetHeight这是获取我们dom元素的实际高度。 
                 document.documentElement.scrollTop这是获取滚动条滚动的高度。 
                 * */
                
                /*
                 距离清楚了的话。现在我们只需要做最后一件事了。就是让滚动条滚动的时候。即时的把这个滚动的高度给加进去。
                 然后把即时的这个t和l值设置到dom的top和left属性中去。这样就能给用户造成个假象。以为这个是固定在那里的。 
                 * */
                if(isIE6)
                { 
                    setInterval(function()
                    { 
                        t = (document.documentElement.clientHeight - document.getElementById("gd").offsetHeight)/2 + document.documentElement.scrollTop; 
                        l = (document.documentElement.clientWidth - document.getElementById("gd").offsetWidth)/2 + document.documentElement.scrollLeft; 
                        document.getElementById("gd").style.position = "absolute";
                        document.getElementById("gd").style.top = t + "px"; 
                        document.getElementById("gd").style.left = l + "px"; 
                        },1) 
                } 
                else
                { 
                    setInterval(function()
                    {
                        t = (document.documentElement.clientHeight - document.getElementById("gd").offsetHeight)/2 + document.documentElement.scrollTop; 
                        l = (document.documentElement.clientWidth - document.getElementById("gd").offsetWidth)/2 + document.documentElement.scrollLeft; 
                        document.getElementById("gd").style.position = "fixed" 
                        document.getElementById("gd").style.top = t + "px"; 
                        document.getElementById("gd").style.left = l + "px";    
                    },1)
                }
                /*
                 这段就是这个作用。if(isIE6)就是当isIE6这个为真时。也就是当是IE6的浏览器的时候。
                 setInterval(...,1)这个是设置个时钟让在IE6的浏览器下每隔1微秒执行一下语句。
                 也就是不断的在更新t和l的值。然后不断的付给DOM元素的top和left属性，1微秒非常快。
                 用户拉滚动条的速度不可能只需要1微秒的时间。所以用户也就不可能看出来什么。
                 以为那个就是固定在那里的。当然你也可以设置一个滚动事件windon.onscroll。也可以
                 。但是我觉得没这种好。大家有兴趣的也可以研究一下（大家别闲我啰嗦，我觉得自己多研究一下东西，比我教大家一大堆东西都有用）。 

                当然如果不是IE6的浏览器都支持fixed属性。就执行这些语句了。 
                document.getElementById("gd").style.position = "fixed"//给dom元素加一个fixed属性 
                document.getElementById("gd").style.top = t + "px";//初始化时给dom元素设置一个居中的t值。 
                document.getElementById("gd").style.left = l + "px";//初始化时给dom元素设置一个居中的l值 

                 * */ 
            } 
        </script> 
<title>固定居中</title> 
</head> 
<body> 
    <div id="gd"> 
        我就在中间随便你们怎么改变窗口大小和高度 
    </div> 
    <div style="height:1200px;"></div> 
</body> 
</html>

 

你可能感兴趣的:(JavaScript)

  • JavaScript 函数式编程
    函数式编程FunctionalProgramming什么是函数式编程函数式编程是一种方案简单、功能独立、对作用域外没有任何副作用的编程范式(paradigms)：INPUT->PROCESS->OUTPUT。函数式编程：1）功能独立——不依赖于程序的状态（比如可能发生变化的全局变量）；2）纯函数——同一个输入永远能得到同一个输出；3）有限的副作用——可以严格地限制函数外部对状态的更改。函数式编程中
  • JavaScript 面向对象编程
    面向对象编程ObjectOrientedProgramming面向对象编程用对象把数据和方法聚合起来。面向对象编程的优点能写出模块化的代码能使得代码更灵活能提高代码的可重用性面向对象编程的原则继承(inheritance)：子类/派生类从父类/基类/超类中派生，形成继承结构封装(encapsulation)：代码的实现对用户不可见，例如调用toUpperCase()，直接调用即可，不用考虑函数内部
  • JavaScript 和浏览器 前端javascript
    模块参见ES6部分DOM参见Web相关部分选择器document.querySelector()来获取网页的对应HTML元素document.querySelectorAll()来获取网页的所有对应HTML元素document.getElementById()根据ID获取元素document.getElementsByClassName()根据类名获取元素document.getElementsB
  • JavaScript 笔记 前端javascript
    JavaScript简介JavsScript于1995年由BrendanEich用时10天写出，用于网景浏览器。最初的名字叫LiveScript，也被部分员工称为Mocha。那时Java语言很流行，出于商业化的考量，更名为JavaScript，但两者之间没有关联。最早的JS作为脚本语言给浏览器增加一些诸如鼠标跟随等交互性特效，通过在HTML中添加元素实现。1996年网景和ECMA达成了协议，起草J
  • Python爬虫实战：使用Selenium爬取JavaScript渲染的网页 Python爬虫项目 2025年爬虫实战项目python爬虫selenium音视频开发语言人工智能javascript
    摘要本文详细介绍了如何使用Python编写爬虫程序，利用Selenium爬取JavaScript渲染的网页。我们将使用最新的爬虫技术和工具，包括Selenium、BeautifulSoup、Pandas等。通过本文，读者将学习到如何构建一个完整的爬取JavaScript渲染网页的系统，并掌握相关技术在实际项目中的应用。关键词Python爬虫、JavaScript渲染、Selenium、Beauti
  • 前端Javascript模块化 CommonJS与ES Module区别 GISer_Jinger 中大厂面试前端javascriptelasticsearch
    一、模块化规范的演进历程IIFE（立即执行函数）阶段早期通过立即执行函数实现模块化，利用函数作用域隔离变量，解决全局命名冲突问题。例如通过(function(){})()包裹代码，形成独立作用域。CommonJS（Node.js）阶段CommonJS规范以同步加载为核心，通过require和module.exports实现模块依赖管理。其特点是模块加载阻塞后续代码执行，适用于服务端环境（如Node
  • Cocos Creator引擎开发：Cocos Creator基础入门_CocosCreator引擎概述 chenlz2007 动作游戏开发教程1024程序员节nginx运维物联网微服务
    CocosCreator引擎概述CocosCreator是一款由Cocos2d-x团队开发的游戏开发引擎，专为2D和2.5D游戏设计。它基于JavaScript语言，使用Node.js运行时环境，结合了强大的编辑器和灵活的开发工具，使得开发者可以高效地创建高质量的游戏。CocosCreator采用组件化的开发模式，支持跨平台发布，适用于多种游戏类型，特别是动作游戏。CocosCreator的历史和
  • JavaScript 中那些有趣的知识点 惠赢的 javascript开发语言ecmascript
    一、引言JavaScript作为一门广泛应用于网页开发、后端开发（如Node.js）等众多领域的编程语言，有着许多新奇有趣的特性。这些特性不仅能让我们的代码更加灵活和高效，还充满了趣味性，今天就带大家来探索几个有意思的JavaScript知识点。二、自动分号插入（ASI，AutomaticSemicolonInsertion）在JavaScript中，我们常常可以省略语句末尾的分号，这是因为Jav
  • WebRTC解析 SY.ZHOU 音视频webrtc网络协议
    一、WebRTC协议概述WebRTC（WebReal-TimeCommunication）是由Google发起并成为W3C标准的实时音视频通信技术，核心特点：零插件：浏览器原生支持端到端加密（SRTP+DTLS）P2P优先架构（支持中转穿透）超低延迟（100-500ms）全平台覆盖（Web/Android/iOS/PC）二、协议栈架构（分层解析）层级核心协议/技术功能说明应用层JavaScript
  • 跨域问题解决 真的睡不醒ovo web前端vuevue.js前端
    目录一、同源策略同源策略（Same-OriginPolicy,SOP）二、跨域问题三、解决方法（1）CORS（跨域资源共享）（2）前端配置反向代理一、同源策略在了解跨域问题前，我们首先来了解一下什么是同源策略。同源策略（Same-OriginPolicy,SOP）同源策略是一种浏览器的安全机制，目的是防止恶意网站通过JavaScript访问用户的敏感数据。同源指的是协议、域名、端口号必须完全相同。
  • 7个冷门JavaScript技巧 javascript
    生成随机字符串利用Math.random和toString生成随机字符串，来自前一阵子看到的一篇博文。这里的技巧是利用了toString方法可以接收一个基数作为参数的原理，这个基数从2到36封顶。如果不指定，默认基数是10进制。略屌！functiongenerateRandomAlphaNum(len){varrdmString="";for(;rdmString.length
  • 【64期获取股票数据API接口】如何用Python、Java等五种主流语言实例演示获取股票行情API接口之沪深A股自选时段质押明细数据及接口API说明文档 无名的小码农 pythonjava开发语言股票数据股票api股票数据接口
    在量化分析领域，实时且准确的数据接口是成功的基石。经过多次实际测试，我将已确认可用的数据接口分享给正在从事量化分析的朋友们，希望能够对你们的研究和工作有所帮助，接下来我会用Python、JavaScript（Node.js）、Java、C#和Ruby五种主流语言的实例代码给大家逐一演示一下如何获取各类股票数据。在下方，所有演示中的API接口Url链接结尾的ZHITU_TOKEN_LIMIT_TES
  • JavaScript 有效的括号 巴巴_羊 javascript开发语言ecmascript
    题目描述：代码/***@param{string}s*@return{boolean}*/varisValid=function(s){if(s.length%2){returnfalse}//创建哈希表constmp={')':'(',']':'[','}':'{'};constst=[]//遍历for(constcofs){//当前的c不是任何一种右括号if(!mp.hasOwnPropert
  • 全语言实战！免费获取股票数据的终极指南：附实时，历史，指标数据接口与多语言代码 股海舵手 股票数据API接口pythonAPI接口股票数据api
    在量化投资浪潮席卷全球的当下，如何高效获取多维度股票数据成为每个投资者和开发者的必修课。无论是实时跳动的交易数据、承载历史趋势的K线记录，还是揭示市场规律的CDMA/KDJ指标数据，都是构建量化模型的核心基石。本文将基于Python、JavaScript(Node.js)、Java三大主流开发语言，提供可直接落地的实战代码，并分享经过两年实测的稳定数据接口，助你突破数据获取瓶颈。实测可用的稳定数据
  • 华为OD机试 - 如何解决连续字母长度问题（C++/Java/JavaScript/Python 详解与实现） m0_57781768 python华为odc++
    华为OD机试-如何解决连续字母长度问题（C++/Java/JavaScript/Python详解与实现）华为OD机试是一项备受程序员关注的在线测试，旨在考察候选人的编程能力、问题解决能力以及代码实现能力。在这些题目中，字符串处理问题是最常见的类型之一。本文将详细介绍一道华为OD机试中的题目，该题目要求在一个由大写字母组成的字符串中，找到长度第k长的由同一字母组成的子串。我们将通过四种编程语言（C+
  • 【Web APIs】JavaScript 操作多个元素 ③ ( 鼠标经过高亮显示 | onmouseover 事件设置 | onmouseout 事件设置 ) 韩曙亮 JavaScript前端javascriptWebAPIsonmouseoutonmouseoverElement
    文章目录一、核心要点解析-鼠标经过高亮显示1、案例需求2、获取高亮显示的列表行3、鼠标经过onmouseover事件设置4、鼠标离开onmouseout事件设置5、设置高亮方式二、完整代码示例1、完整代码示例2、执行结果一、核心要点解析-鼠标经过高亮显示1、案例需求案例需求:给出一个学生列表,鼠标经过列表,对应的列表行高亮显示,鼠标离开列表行,背景高亮效果取消;效果如下图所示:实现思路:鼠标经过状
  • Node.js概念与模块 旺代 node.js
    目录一、Node.js概念1.Node.js的用途2.Node.js为何能执行JS代码？3.Node.js与浏览器环境的JS最大区别4.Node.js如何执行代码？二、常用核心模块1.fs模块（文件系统）2.path模块（路径处理）3.http模块（HTTP服务器）一、Node.js概念Node.js是一个基于ChromeV8引擎的JavaScript运行时环境，专为服务器端和命令行工具设计。它采
  • JS架构&框架识别&泄漏提取&API接口枚举&FUZZ爬虫&插件项目 我最厉害。，。 javascript爬虫前端
    本文来自小迪安全本文是为了解决：1、如何从表现中的JS提取价值信息2、如何从地址中FUZZ提取未知的JS文件3、如何从JS开放框架WebPack进行测试0、什么是JS渗透测试？在Javascript中也存在变量和函数，当存在可控变量及函数调用即可参数漏洞JS开发的WEB应用和PHP，JAVA,NET等区别在于即没有源代码，也可以通过浏览器的查看源代码获取真实的点。获取URL，获取JS敏感信息，获取
  • 【JavaScript】项目开发全流程实践 Guiat HTMLCSSJavaScriptjavascript
    个人主页：Guiat归属专栏：HTMLCSSJavaScript文章目录1.项目规划与需求分析1.1需求收集与分析1.2技术选型1.3项目规划2.环境搭建与项目初始化2.1开发环境配置2.2项目结构组织2.3代码规范配置3.前端开发实践3.1组件设计与开发3.2状态管理3.3API集成4.测试与质量保证4.1单元测试4.2集成测试4.3端到端测试5.性能优化5.1代码分割与懒加载5.2性能监控与优
  • vue中的模板语法 行动π技术博客 vue.js前端javascript
    第1部分：引言1.1介绍Vue框架Vue.js，简称Vue，是一个用于构建用户界面的渐进式JavaScript框架。自从2014年首次发布以来，Vue因其简洁、易学和高效而迅速赢得了开发者的青睐。Vue的核心库只关注视图层，易于与其他库或现有项目整合，同时也可以支持通过各种插件和库构建复杂的单页应用（SPA）。1.2Vue框架的重要性在现代Web开发中，用户界面的交互性和动态性变得越来越重要。Vu
  • Vue3 模板语法及指令 小陆_39194983 Vue3.x前端vue.jstypescript
    模板语法及指令1、插值表达式1.1、文本插值1.2、JavaScript表达式1.3、Attribute绑定2、内置指令2.1、v-bind2.2、v-show、v-if、v-else-if、v-else2.3、v-for2.4、v-on2.5、v-model2.6、v-text2.7、v-html2.8、v-slot2.9、v-pre2.10、v-cloak2.11、v-once3、修饰符3.1
  • 探索 JavaScript 中的 Promise 高级用法与实战 Thanks_ks IT洞察集JavaScriptPromise异步编程链式调用Promise并发asyncawait错误处理
    在现代Web开发中，异步编程已成为不可或缺的一部分。JavaScript作为Web开发的核心语言，提供了多种处理异步操作的方式，其中Promise对象因其简洁、强大的特性而备受青睐。本文将深入探讨Promise的高级用法，并结合实际案例，展示其在提升代码可读性、维护性方面的强大能力。1.Promise基础回顾Promise是JavaScript中用于处理异步操作的对象，它代表了一个异步操作的最终完
  • 各大网站，欢迎大家收藏转发 Android开发者小P 前端前端vuenode
    人整理来之不易请珍惜，如有错误请谅解，谢谢。。。资源教程:综合类前端知识体系前端知识结构Web前端开发大系概览Web前端开发大系概览-中文版WebFront-endStackv2.2免费的编程中文书籍索引前端书籍前端免费书籍大全前端知识体系免费的编程中文书籍索引智能社-精通JavaScript开发重新介绍JavaScript（JS教程）麻省理工学院公开课：计算机科学及编程导论JavaScript中
  • HTMLCSS实现异环网站，期末web作业 我爱吃朱肉 前端
    本网站是我在学习前端时敲得，仅供学习使用。这段代码是一个完整的HTML网页项目，包含HTML、CSS和JavaScript部分，用于构建一个名为“异环”的网页。网页具备头部导航栏、主体视频展示、图片交互元素、音乐播放控制、视频弹窗播放以及底部信息展示等功能。代码详细分析1.HTML部分异环首页角色介绍都市映像情报速递加入我们//音乐控制constmusicBtn=document.getEleme
  • JSON操作 小小的测试一下 Python
    一、JSON简介定义：JSON是一种轻量级的数据交换格式，以纯文本形式存储和传输数据。它基于JavaScript的一个子集，采用键值对的方式组织数据，易于人阅读和编写，同时也方便机器解析和生成。如今在多种编程语言中广泛应用，用于不同系统之间的数据交互等场景。数据类型：对象：使用大括号{}表示，是一个无序的“键值对”集合。例如：{"name":"Alice","age":30}，其中"name"和"
  • nodejs做中间层_nodejs作为中间层可以做什么？ 会飞的卡卡奇 nodejs做中间层
    Node.js是一个Javascript运行环境。Node.js使用事件驱动，非阻塞I/O模型而得以轻量和高效，非常适合在分布式设备上运行数据密集型的实时应用。node最大的改良架构就是‘增加了中间层’，前后端分离，使用node来做‘BBF(backendoffrontend)’在传统后端加入了node这一层，通过此有两点好处，前端接管了view层，后端渲染也开始全部由前端掌控，另一个就是接口层增
  • JSON.parse(JSON.stringify()) 与 lodash 的 cloneDeep：深度拷贝的比较与基础知识 漠月瑾 前端探秘：问题与原理jsonJSON.parseJSON.Stringify
    JSON.parse(JSON.stringify())与lodash的cloneDeep：深度拷贝的比较与基础知识在JavaScript开发中，**深拷贝（DeepCopy）**是一个常见需求，尤其是在处理复杂对象和嵌套数据结构时。JSON.parse(JSON.stringify(obj))和lodash的cloneDeep函数都是实现深拷贝的常用方法。本文将详细探讨这两种方法的区别、各自的优
  • JavaScript 发票打印与总价计算解决方案 闲蛋小超人笑嘻嘻 javascript前端开发语言
    //1.将产品字符串转换为数组constproductStrings=["Shoes:23.99","T-shirt:15.99","Jeans:49.99","Hat:12.99"];constproducts=productStrings;//number1lettotal=0;//2.修正for循环条件for(leti=0;i
  • Canvas 图片上设置镂空文字效果 DTcode7 HTML网站开发#canvas绘图HTML绘图canvasJavaScriptcanvas绘图
    Canvas图片上设置镂空文字效果引言基本概念和作用说明关键技术点示例一：基本镂空文字效果示例二：在图片上设置镂空文字效果示例三：动态镂空文字效果示例四：镂空文字与阴影效果示例五：镂空文字与渐变填充实际工作中的技巧结合实际案例引言在前端开发中，HTML5元素为我们提供了强大的图形处理能力。通过结合使用canvas和JavaScript，我们可以创造出丰富的视觉效果。本文将探讨如何在图片上设置镂空文
  • ES6 Object.keys()、Object.values()、 和 Object.entries() 区别 Aotman_ es6前端ecmascriptjavascript
    Object.keys()、Object.values(),、和Object.entries()是JavaScript中用于处理对象的三个非常有用的方法。它们各自的功能和返回的结果有所不同，但都是用来获取对象的某些特定信息。以下是它们之间的详细区别：1、Object.keys()Object.keys()方法返回一个由指定对象的所有可枚举属性的属性名（包括Symbol值作为名称的属性）组成的数组，
  • HttpClient 4.3与4.3版本以下版本比较 spjich javahttpclient
    网上利用java发送http请求的代码很多，一搜一大把，有的利用的是java.net.*下的HttpURLConnection，有的用httpclient，而且发送的代码也分门别类。今天我们主要来说的是利用httpclient发送请求。 httpclient又可分为 httpclient3.x httpclient4.x到httpclient4.3以下 httpclient4.3
  • Essential Studio Enterprise Edition 2015 v1新功能体验 Axiba .net
    概述：Essential Studio已全线升级至2015 v1版本了！新版本为JavaScript和ASP.NET MVC添加了新的文件资源管理器控件，还有其他一些控件功能升级，精彩不容错过，让我们一起来看看吧！ syncfusion公司是世界领先的Windows开发组件提供商，该公司正式对外发布Essential Studio Enterprise Edition 2015 v1版本。新版本
  • [宇宙与天文]微波背景辐射值与地球温度 comsci 背景
            宇宙这个庞大,无边无际的空间是否存在某种确定的,变化的温度呢?      如果宇宙微波背景辐射值是表示宇宙空间温度的参数之一,那么测量这些数值,并观测周围的恒星能量输出值,我们是否获得地球的长期气候变化的情况呢?   &nbs
  • lvs-server 男人50 server
    #!/bin/bash # # LVS script for VS/DR # #./etc/rc.d/init.d/functions # VIP=10.10.6.252 RIP1=10.10.6.101 RIP2=10.10.6.13 PORT=80 case $1 in start)   /sbin/ifconfig eth2:0 $VIP broadca
  • java的WebCollector爬虫框架 oloz 爬虫
    WebCollector主页： https://github.com/CrawlScript/WebCollector 下载：webcollector-版本号-bin.zip将解压后文件夹中的所有jar包添加到工程既可。 接下来看demo package org.spider.myspider; import cn.edu.hfut.dmic.webcollector.cra
  • jQuery append 与 after 的区别 小猪猪08
    1、after函数 定义和用法： after() 方法在被选元素后插入指定的内容。 语法： $(selector).after(content) 实例： <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></scr
  • mysql知识充电 香水浓 mysql
    索引 索引是在存储引擎中实现的，因此每种存储引擎的索引都不一定完全相同，并且每种存储引擎也不一定支持所有索引类型。 根据存储引擎定义每个表的最大索引数和最大索引长度。所有存储引擎支持每个表至少16个索引，总索引长度至少为256字节。 大多数存储引擎有更高的限制。MYSQL中索引的存储类型有两种：BTREE和HASH，具体和表的存储引擎相关； MYISAM和InnoDB存储引擎
  • 我的架构经验系列文章索引 agevs 架构
    下面是一些个人架构上的总结，本来想只在公司内部进行共享的，因此内容写的口语化一点，也没什么图示，所有内容没有查任何资料是脑子里面的东西吐出来的因此可能会不准确不全，希望抛砖引玉，大家互相讨论。 要注意，我这些文章是一个总体的架构经验不针对具体的语言和平台，因此也不一定是适用所有的语言和平台的。 （内容是前几天写的，现附上索引）   前端架构 http://www.
  • Android so lib库远程http下载和动态注册 aijuans andorid
    一、背景      在开发Android应用程序的实现，有时候需要引入第三方so lib库，但第三方so库比较大，例如开源第三方播放组件ffmpeg库, 如果直接打包的apk包里面, 整个应用程序会大很多.经过查阅资料和实验，发现通过远程下载so文件，然后再动态注册so文件时可行的。主要需要解决下载so文件存放位置以及文件读写权限问题。   二、主要
  • linux中svn配置出错 conf/svnserve.conf:12: Option expected 解决方法 baalwolf option
    在客户端访问subversion版本库时出现这个错误： svnserve.conf:12: Option expected 为什么会出现这个错误呢，就是因为subversion读取配置文件svnserve.conf时，无法识别有前置空格的配置文件，如### This file controls the configuration of the svnserve daemon, if you##
  • MongoDB的连接池和连接管理 BigCat2013 mongodb
    在关系型数据库中，我们总是需要关闭使用的数据库连接，不然大量的创建连接会导致资源的浪费甚至于数据库宕机。这篇文章主要想解释一下mongoDB的连接池以及连接管理机制，如果正对此有疑惑的朋友可以看一下。 通常我们习惯于new 一个connection并且通常在finally语句中调用connection的close()方法将其关闭。正巧，mongoDB中当我们new一个Mongo的时候，会发现它也
  • AngularJS使用Socket.IO bijian1013 JavaScriptAngularJSSocket.IO
            目前，web应用普遍被要求是实时web应用，即服务端的数据更新之后，应用能立即更新。以前使用的技术（例如polling）存在一些局限性，而且有时我们需要在客户端打开一个socket，然后进行通信。         Socket.IO(http://socket.io/)是一个非常优秀的库，它可以帮你实
  • [Maven学习笔记四]Maven依赖特性 bit1129 maven
    三个模块 为了说明问题，以用户登陆小web应用为例。通常一个web应用分为三个模块，模型和数据持久化层user-core, 业务逻辑层user-service以及web展现层user-web， user-service依赖于user-core user-web依赖于user-core和user-service   依赖作用范围  Maven的dependency定义
  • 【Akka一】Akka入门 bit1129 akka
    什么是Akka Message-Driven Runtime is the Foundation to Reactive Applications In Akka, your business logic is driven through message-based communication patterns that are independent of physical locatio
  • zabbix_api之perl语言写法 ronin47 zabbix_api之perl
    zabbix_api网上比较多的写法是python或curl。上次我用java－－http://bossr.iteye.com/blog/2195679，这次用perl。for example: #!/usr/bin/perl use 5.010 ; use strict ; use warnings ; use JSON :: RPC :: Client ; use
  • 比优衣库跟牛掰的视频流出了，兄弟连Linux运维工程师课堂实录，更加刺激，更加实在！ brotherlamp linux运维工程师linux运维工程师教程linux运维工程师视频linux运维工程师资料linux运维工程师自学
    比优衣库跟牛掰的视频流出了，兄弟连Linux运维工程师课堂实录，更加刺激，更加实在！   ----------------------------------------------------- 兄弟连Linux运维工程师课堂实录-计算机基础-1-课程体系介绍1 链接：http://pan.baidu.com/s/1i3GQtGL 密码：bl65   兄弟连Lin
  • bitmap求哈密顿距离-给定N（1<=N<=100000）个五维的点A(x1,x2,x3,x4,x5)，求两个点X(x1,x2,x3,x4,x5)和Y( bylijinnan java
    import java.util.Random; /** * 题目： * 给定N（1<=N<=100000）个五维的点A(x1,x2,x3,x4,x5)，求两个点X(x1,x2,x3,x4,x5)和Y(y1,y2,y3,y4,y5)， * 使得他们的哈密顿距离（d=|x1-y1| + |x2-y2| + |x3-y3| + |x4-y4| + |x5-y5|）最大
  • map的三种遍历方法 chicony map
    package com.test; import java.util.Collection; import java.util.HashMap; import java.util.Iterator; import java.util.Map; import java.util.Set; public class TestMap { public static v
  • Linux安装mysql的一些坑 chenchao051 linux
    1、mysql不建议在root用户下运行   2、出现服务启动不了，111错误，注意要用chown来赋予权限， 我在root用户下装的mysql，我就把usr/share/mysql/mysql.server复制到/etc/init.d/mysqld, (同时把my-huge.cnf复制/etc/my.cnf)  chown -R cc /etc/init.d/mysql
  • Sublime Text 3 配置 daizj 配置Sublime Text
    Sublime Text 3 配置解释(默认){// 设置主题文件“color_scheme”: “Packages/Color Scheme – Default/Monokai.tmTheme”,// 设置字体和大小“font_face”: “Consolas”,“font_size”: 12,// 字体选项：no_bold不显示粗体字，no_italic不显示斜体字，no_antialias和
  • MySQL server has gone away 问题的解决方法 dcj3sjt126com SQL Server
    MySQL server has gone away 问题解决方法，需要的朋友可以参考下。 应用程序（比如PHP）长时间的执行批量的MYSQL语句。执行一个SQL，但SQL语句过大或者语句中含有BLOB或者longblob字段。比如，图片数据的处理。都容易引起MySQL server has gone away。 今天遇到类似的情景，MySQL只是冷冷的说：MySQL server h
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他