家里有只猪
家里有只猪

js中的事件对象event （获取元素的,x,y坐标）

event的使用 获取元素的,x,y坐标

如图所示
js中的事件对象event （获取元素的,x,y坐标）_第1张图片
当鼠标放在上面那个框上时获取其坐标，并且在下面框中显示
其实需要使用到鼠标移动事件 onmousemove
event 事件对象中封装了当前事项相关的一切属性 如鼠标的坐标键盘的按键

<script type="text/javascript">
			window.onload = function(){
				var big = document.getElementById("big");
				var small = document.getElementById("small");
				big.onmousemove = function(event){
					var x = event.clientX;
					var y = event.clientY;
					small.innerHTML = "x = " + x +", y = " + y;
				}
			}
		script>

这种方法在ie8及一下无法使用
原因是在ie8中不支持event的使用

<script type="text/javascript">
			window.onload = function(){
				var big = document.getElementById("big");
				var small = document.getElementById("small");
				big.onmousemove = function(event){
					event = event || window.event;
					var x = event.clientX;
					var y = event.clientY;
					small.innerHTML = "x = " + x +", y = " + y;
				}
			}
		script>

这样就兼容各种主流浏览器了

下面是整体代码预览图


<html>
	<head>
		<meta charset="utf-8">
		<title>title>
		<style type="text/css">
			#big{
				width: 400px;
				height: 80px;
				border: 2px solid black;
			}
			#small{
				margin-top: 20px;
				width: 400px;
				height: 30px;
				border: 2px solid black;
			}
		style>
		
		<script type="text/javascript">
			window.onload = function(){
				var big = document.getElementById("big");
				var small = document.getElementById("small");
				big.onmousemove = function(event){
					event = event || window.event;
					var x = event.clientX;
					var y = event.clientY;
					small.innerHTML = "x = " + x +", y = " + y;
				}
			}
		script>
	head>
	<body>
		<div id="big">div>
		<div id="small">div>
	body>
html>

你可能感兴趣的:(#,原生js)

  • 【原生JS】 前端JS字符串最常用 20 道面试题总结（含详细代码解析） 全栈前端老曹 前端javascript开发语言面试vuereact.jsecmascript
    原生JavaScript字符串最常用20道面试题总结（含详细代码解析）字符串是前端开发中最常见的数据类型之一，也是各大公司高频考察点。以下是老曹总结的原生JS字符串相关的20道高频面试题，涵盖字符串操作、正则表达式、性能优化、常见陷阱等多个方面，每道题都配有详细的代码示例和讲解。面试题目录序号题目考察点1slice,substring,substr的区别？截取方法2如何判断一个字符串是否包含另一个
  • 什么是Vue？为什么要学Vue？ 郝小胖的独门秘笈 vue
    什么是Vue？为什么要学Vue？官方解释只有一句话：Vue是一套用于构建用户界面的渐进式JavaScript框架，有易用、灵活、高效的特点。小白听了这句话肯定有点蒙圈，因为虽然只有一句话，但其实背后隐藏的信息量是巨大的，并不能完全理解官方高深莫测而又简洁的说明。那么我作为过来人，有必要给大家来个庖丁解牛，细致的分析下Vue其中蕴含的道理吧！我们先从构建用户界面说起要操作界面Dom，原生JS和Jqu
  • 【原生JS教程】第3节：运算符与表达式 全栈前端老曹 原生JS教程与实战前端教程javascript开发语言ecmascript前端
    第3课：运算符与表达式引言运算符是JavaScript中用于操作数据的基本工具，表达式则是由变量、常量、运算符等构成的可求值代码片段。掌握运算符的分类和使用方式，是编写逻辑判断、数据处理和复杂计算的基础。通过本节课的学习，你将掌握：JavaScript中常见的运算符类型（算术、比较、逻辑、三元等）运算符的优先级与结合性表达式的基本概念与使用场景常见运算符陷阱与最佳实践本节内容概要✅1.算术运算符（
  • 原生JS简易进度条 一万句的秘密 javascript前端开发语言
    #wrapper{width:200px;height:100px;border:1pxsolid#000000;margin:0auto;}#progressbar{width:180px;height:20px;margin:0auto;margin-top:40px;border:1pxsolid#000000;}/*设置进度条动画*/#fill{animation:move2s;text-
  • ECMAScript 2025（ES15）核心新特性全面解析 neon1204 新技术ecmascript前端开发语言
    ECMAScript2025（ES15）核心新特性全面解析本文深入探讨ECMAScript2025（ES15）的最新语言特性一、ES2025核心特性概览ECMAScript2025（通常简称为ES15）作为JavaScript的最新年度标准更新，引入了一些新特性，优化了一些问题。这些改进主要体现在以下方向：模块系统增强：原生JSON模块与延迟加载优化数据结构扩展：不可变数据类型与集合操作增强流程控
  • i18next + 原生JS 双引擎：打造前端多语言系统最佳实践 javascript前端css
    摘要随着前端项目面向全球化用户的需求增长，多语言支持（也叫国际化i18n）已经成为许多Web和移动应用的“标配”。尤其在构建企业级项目、SaaS平台或面向东南亚、欧洲、北美等多个语言区域的应用时，如何优雅地实现前端的多语言切换，成为开发者必须掌握的一项技能。本文将通过i18next实现国际化功能，并结合原生JS的轻量方案讲解，从基础配置到应用场景逐步剖析，带你快速落地一个实用的前端国际化系统。引言
  • 使用JavaScript实现复制文本功能：从原生JS到Vue3 Pu_Nine_9 前端学习javascriptecmascript
    在现代Web开发中，复制文本到剪贴板是一个常见需求，特别是在AI对话机器人、代码分享平台等场景中。本文将详细介绍如何使用原生JavaScript和Vue3实现复制功能，并提供一个完整的示例。为什么需要复制功能？在AI对话应用中，用户经常需要复制机器人的回复内容以便在其他地方使用。手动选择文本然后按Ctrl+C（或Cmd+C）虽然可行，但提供一键复制按钮能显著提升用户体验。让我们看看如何实现这个功能
  • Vue3的Vapor模式有哪些优缺点？ 涔溪 vuevue.js前端
    Vue3的Vapor模式作为一项颠覆性技术，具有以下优缺点：优点极致性能消除虚拟DOM开销：直接操作真实DOM，省去虚拟DOM的对比和渲染过程，在高频更新场景（如实时图表、游戏UI）中性能提升显著，甚至接近原生JS。编译时优化：通过静态分析精准追踪状态依赖，仅更新必要的DOM节点，减少无效渲染。无缝迁移完全兼容Vue3的CompositionAPI和现有组件，无需重写代码即可享受性能提升。轻量级运
  • Django核心知识点全景解析 python_chai jsonpython
    引言本文深入剖析Django核心组件，涵盖数据交换、异步交互、状态管理及安全认证，附完整代码示例和避坑指南！目录引言一、JSON：轻量级数据交换标准1.核心特性2.标准格式3.各语言处理方法4.常见错误示例二、AJAX：异步通信核心技术1.核心优势2.原生JS实现3.jQuery简化实现4.安全防护（CSRFToken）5.文件上传实战三、Cookie：客户端状态管理1.核心原理2.Django操
  • 原生js新增的classList如何使用？ 林小白的日常 javascripthtml5javascript
    .classList顾名思义,用于操作类名的。1..classList.add():给元素添加类名，若已存在，则不进行添加操作2..classList.remove():元素移除已存在的类名。3..classList.toggle():若元素存在该类名则移除，不存在则添加4..classList.contains(）：若元素存在该类名返回true，不存在返回false。例子：.tar{paddin
  • 原生JS操作DOM元素的类名class weixin_34162629 javascriptViewUI
    1.classList详见MDNElement.classListadd(String[,String])添加指定的类值。如果这些类已经存在于元素的属性中，那么它们将被忽略。remove(String[,String])删除指定的类值。item(Number)按集合中的索引返回类值。toggle(String[,force])当只有一个参数时：切换classvalue;即如果类存在，则删除它并返回
  • 原生js—classList.add()、classList.remove() Kimser
    原生js——操作类名（HTML5新增classList）classList.add(newClassName)；添加新的类名，如已经存在，取消添加classList.contains(oldClassName);确定元素中是否包含指定的类名，返回值为true、false；classList.remove(oldClassName)；移除已经存在的类名;classList.toggle(classN
  • 『React』组件副作用，useEffect讲解 react
    在React开发中，有时候会听到“副作用”这个词。特别是用到useEffect这个Hook的时候，官方就明确说它是用来处理副作用的。那什么是副作用？为什么我们要专门管控它？今天就聊聊React中的组件副作用。什么是“副作用”？其实“副作用”并不是React特有的东西，在原生JS里也很常见。副作用的”反义词“是纯函数。纯函数的意思是：相同的输入，永远得到相同的输出，且不影响函数外部的任何状态。举个例
  • AJAX（Asynchronous JavaScript and XML） 是聪聪黄吖 JavaWebjava
    1什么是AJAX？AJAX=AsynchronousJavaScriptandXML。AJAX是一种用于创建快速动态网页的技术。AJAX通过在后台与服务器进行少量数据交换，使网页实现异步更新。这意味着可以在不重载整个页面的情况下，对网页的某些部分进行更新。传统的网页（不使用AJAX）如果需要更新内容，必须重载整个页面。2原生JS实现AJAX//1.创建核心对象varxmlhttp;if(windo
  • 前端获取流式数据并输出 入门级前端开发 js前端javascript开发语言
    在一些实时对话、日志推送等场景下，如果使用传统一次性加载数据的方式，可能会出现等待时间较长的不友好交互，这个时候我们需要使用流式布局分段获取数据，渐进式加载，减少等待焦虑。原生js上，我们使用fetchAPI进行流式处理asyncfunctiongetStream(){try{constresponse=awaitfetch(请求地址);if(!response.body){returnfalse
  • vue用鼠标绘制多个矩形 z5z3c #vuevue.js前端
    适用于vue等架构的的原生js实现画布中鼠标移动绘制、编辑矩形_fabric.js+vue用鼠标画一个矩形并获取矩形四个点的坐标-CSDN博客做个笔记，以后再用到好找一点
  • uni-app中使用RenderJs 使用原生js qq_41942913 javascriptuni-app前端
    RenderJs运行的层叫【视图层】，Uniapp原生Script叫【逻辑层】，逻辑层要调用视图层需要使用一个叫【watcher】，具体怎么调用呢为了实现这两层之间的通信，uniapp提供了一些特定的机制。以下是对这些通信机制的详细解释，以及一个具体的示例，说明逻辑层如何调用视图层的watcher。通信机制‌通过this.$ownerInstance获取当前组件的ComponentDescript
  • 原生js封装ajax请求以及css实现提示效果和禁止点击效果 niech_cn jsjs
    本地模式网络切换.pay-container{position:relative;overflow:auto;background-size:cover;}.cardBody{margin-top:0;padding:1rem.75rem;}.main{width:100%;background:#FFFFFF;padding:.5rem01rem;border-radius:1rem;}.pay
  • 苦苦寻找的原生JS甘特图，终于找到啦 adamlee520 甘特图插件原生JSjavascript甘特图前端
    甘特图(ant-gantt)在项目管理中，甘特图的可视化操作界面，可以让项目规划与风险把控更便捷与清晰，同时该插件是一款基于HTML5、javasrcipt的一款js插件，支持在当前主流的前端框架中接入。效果图：如何使用1、下载插件官网地址：https://www.aim.link/h5/KA.html2、导入项目将下载到的sdk拷贝至项目工程目录，如拷贝至：externalSdk/ant-gan
  • Go 语言原生的 json 包有什么问题？如何更好地处理 JSON 数据？ html
    Go的“玩家”们看到这个题目可能会很疑惑——对于JSON而言，Go原生库encoding/json已经是提供了足够舒适的JSON处理工具，广受Go开发者的好评。它还能有什么问题？但是，实际上在业务开发过程中，我们遇到了不少原生json做不好甚至是做不到的问题，还真是不能完全满足我们的要求。那么，它有什么问题吗？什么情况下使用第三方库？如何选型？性能如何？不过呢，在抛出具体问题之前，我们先来尽可能简
  • 时区转换工具+PWA离线网页 前端时区javascript
    时区转换工具+PWA离线网页一、时区转换工具对比工具说明Date原生JSAPI，有限的时区支持，无法指定时区，仅使用本地时区。Intl.DateTimeFormat原生格式化显示，可指定时区，但不能修改时区逻辑。luxon强烈推荐，现代、轻量、功能强，原生支持时区、时间戳、格式化等。dayjs+timezone插件类似moment，更现代，但时区支持需插件。moment-timezone功能全面但
  • 网页中，使用原生js监听输入框输入内容，并可主动触发这个监听事件 兴趣广泛的程序猿 笔记javascriptjavascript前端java
    有时候，想在网页中做一些体验上的优化，可能会需要随时监听输入框中的变化，以此来帮助用户自动处理一些操作。要在html网页中，监听输入框内容变化，可以设置input事件监听。不同框架有不同的设置方法，这里使用原生JS的设置方法，兼容性好一点。document.getElementById("控制id").addEventListener("input",function(e){//取值varzsbh
  • 【前端学习】Day-18 js定时器、事件绑定、案例 ChenAi140 前端学习前端javascript学习
    文章目录1.js定时器2.事件绑定3.案例前端三大技术：HTML、CSS、JS(原生JS、JQuery、Vue)DOM-节点(标签)操作(增删改查)—D->DocumentBOM-打开窗口、滚动窗口、定时事件B->Browser1.js定时器js中的定时器有两种：Interval、TimeoutInterval定时器的开启和关闭setInterval(函数,时间)-创建定时器对象，每隔指定时间就自
  • HTML5大文件分片上传/多线程上传 aryasei html5前端html
    HTML5大文件分片上传/多线程上传前端实现浏览器端大文件分片上传,VUE大文件上传和断点续传的实现，VUE–实现文件的上传-字节流下载详细过程，VUE实现大文件分片上传与断点续传到七牛云，VUE.JS实现大文件分片MD5断点续传，大文件、视频分片上传，断点续传，VUE大文件分片上传/多线程上传，大文件传输解决方案：分片上传/下载限速，原生JS上传大文件分片，浏览器批量大文件上传下载，VUE项目性
  • [前端面试场景题]虚拟列表 GISer_Jinger 前端面试
    嗯，用户问的是“前端虚拟列表详解”，我需要详细回答这个问题。首先，我得先理解虚拟列表的概念和用途。根据搜索结果，虚拟列表主要用于优化长列表的渲染性能，特别是在处理大量数据时。用户可能想知道它的核心原理、实现方法以及实际应用场景。看网页1提到虚拟列表的定义和关键点，只渲染视口内的数据项，减少DOM节点。网页2和网页4都给出了具体的Vue和原生JS实现案例，比如动态计算起始和结束索引，使用transf
  • 从零开始：使用原生JS打造简易飞机大战游戏 西域情歌
    本文还有配套的精品资源，点击获取简介：在本教程中，我们将探讨如何利用原生JavaScript的特性，包括事件处理、DOM操作、定时器和音频处理，来构建一个基础的“飞机大战”游戏。该游戏的核心元素包括玩家飞机、敌机、子弹和碰撞检测，它们通过HTML和CSS展现在页面上。通过编写JavaScript脚本，我们实现游戏对象的创建与状态管理，响应用户的键盘和点击事件，更新游戏内容，并通过定时器维护游戏循环
  • js可不使用document直接根据id获取id元素 庸懒 前端javascript
    今天在用原生js写demo的时候发现一个有意思的小现象，那就是可以直接根据元素的id去获取对应的元素。起先是我定义了四个btn，每个btn都是根据getElementById来获取元素，然后给元素绑定事件，在调试的时候都挺好，到了后面我打算优化流程去掉一个btn的时候我才发现第四个btn一直没有定义test1test2test3test4constbtn1=document.getElementB
  • canvas绘制和数字签名 前端
    关键是要把存放绘制的信息放到一个二维数组中：绘制时最好不要用定时器进行定时绘制，因为会卡顿，最好使用requestAnimationFrame这个原生js的api方法，因为是以帧的间隔绘制，所以会看起来流畅Documenthtml,body{height:100%;margin:0;padding:0;}.container{width:100%;padding:20px0;display:fle
  • N个utils(处理日期) 庖丁解java java
    解释一下为什么会在java学习教程中放js的代码.1,最直接的肯定是我有时候会写js,而一些经典的逻辑,又不想新开前端文章,索性就放一起.2,java的面向对象太完善了,这也是我写文章的原因,导致写java代码很难学习到面向过程的编程思想,正好,原生js的代码,很大程度上写起来用的思维方式,很雷同面向过程的思考方式.算个补全,对写java代码,理解java代码,大有裨益.(这不是作者胡乱找补,写j
  • XMLHttpRequest、Fetch、Axios和AJAX的关系 冰镇屎壳郎 前端#JavaScriptajax前端javascript
    一、基于http协议用于前后端通信的工具1、XMLHttpRequest（原生JS对象）XMLHttpRequest（XHR）是原生JavaScript对象。通过XMLHttpRequest可以在不刷新页面的情况下请求特定URL，获取数据。特性：浏览器广泛支持功能丰富：可以跟踪请求的状态、支持进度事件、文件上传、同步请求等可同步可异步不支持PromiseAPI2、Fetch（浏览器原生API）（1
  • Enum 枚举 120153216 enum枚举
    原文地址：http://www.cnblogs.com/Kavlez/p/4268601.html Enumeration 于Java 1.5增加的enum type...enum type是由一组固定的常量组成的类型，比如四个季节、扑克花色。在出现enum type之前，通常用一组int常量表示枚举类型。比如这样： public static final int APPLE_FUJI = 0
  • Java8简明教程 bijian1013 javajdk1.8
            Java 8已于2014年3月18日正式发布了，新版本带来了诸多改进，包括Lambda表达式、Streams、日期时间API等等。本文就带你领略Java 8的全新特性。  一.允许在接口中有默认方法实现         Java 8 允许我们使用default关键字，为接口声明添
  • Oracle表维护 快速备份删除数据 cuisuqiang oracle索引快速备份删除
    我知道oracle表分区，不过那是数据库设计阶段的事情，目前是远水解不了近渴。 当前的数据库表，要求保留一个月数据，且表存在大量录入更新，不存在程序删除。 为了解决频繁查询和更新的瓶颈，我在oracle内根据需要创建了索引。但是随着数据量的增加，一个半月数据就要超千万，此时就算有索引，对高并发的查询和更新来说，让然有所拖累。 为了解决这个问题，我一般一个月会进行一次数据库维护，主要工作就是备
  • java多态内存分析 麦田的设计者 java内存分析多态原理接口和抽象类
          “  时针如果可以回头，熟悉那张脸，重温嬉戏这乐园，墙壁的松脱涂鸦已经褪色才明白存在的价值归于记忆。街角小店尚存在吗？这大时代会不会牵挂，过去现在花开怎么会等待。       但有种意外不管痛不痛都有伤害，光阴远远离开，那笑声徘徊与脑海。但这一秒可笑不再可爱，当天心
  • Xshell实现Windows上传文件到Linux主机 被触发 windows
    经常有这样的需求，我们在Windows下载的软件包，如何上传到远程Linux主机上？还有如何从Linux主机下载软件包到Windows下；之前我的做法现在看来好笨好繁琐，不过也达到了目的，笨人有本方法嘛； 我是怎么操作的： 1、打开一台本地Linux虚拟机，使用mount 挂载Windows的共享文件夹到Linux上，然后拷贝数据到Linux虚拟机里面；（经常第一步都不顺利，无法挂载Windo
  • 类的加载ClassLoader 肆无忌惮_ ClassLoader
    类加载器ClassLoader是用来将java的类加载到虚拟机中，类加载器负责读取class字节文件到内存中，并将它转为Class的对象（类对象），通过此实例的 newInstance()方法就可以创建出该类的一个对象。   其中重要的方法为findClass(String name)。   如何写一个自己的类加载器呢？ 首先写一个便于测试的类Student
  • html5写的玫瑰花 知了ing html5
    <html> <head> <title>I Love You!</title> <meta charset="utf-8" /> </head> <body> <canvas id="c"></canvas>
  • google的ConcurrentLinkedHashmap源代码解析 矮蛋蛋 LRU
    原文地址： http://janeky.iteye.com/blog/1534352 简述 ConcurrentLinkedHashMap 是google团队提供的一个容器。它有什么用呢？其实它本身是对 ConcurrentHashMap的封装，可以用来实现一个基于LRU策略的缓存。详细介绍可以参见 http://code.google.com/p/concurrentlinke
  • webservice获取访问服务的ip地址 alleni123 webservice
    1. 首先注入javax.xml.ws.WebServiceContext, @Resource private WebServiceContext context; 2. 在方法中获取交换请求的对象。 javax.xml.ws.handler.MessageContext mc=context.getMessageContext(); com.sun.net.http
  • 菜鸟的java基础提升之道——————>是否值得拥有 百合不是茶
    1，c++，java是面向对象编程的语言，将万事万物都看成是对象；java做一件事情关注的是人物，java是c++继承过来的，java没有直接更改地址的权限但是可以通过引用来传值操作地址，java也没有c++中繁琐的操作，java以其优越的可移植型，平台的安全型，高效性赢得了广泛的认同，全世界越来越多的人去学习java，我也是其中的一员      java组成：
  • 通过修改Linux服务自动启动指定应用程序 bijian1013 linux
    Linux中修改系统服务的命令是chkconfig (check config)，命令的详细解释如下: chkconfig 功能说明：检查，设置系统的各种服务。 语　　法：chkconfig [ -- add][ -- del][ -- list][系统服务] 或 chkconfig [ -- level  <</SPAN>
  • spring拦截器的一个简单实例 bijian1013 javaspring拦截器Interceptor
    Purview接口 package aop; public interface Purview { void checkLogin(); } Purview接口的实现类PurviesImpl.java package aop; public class PurviewImpl implements Purview { public void check
  • [Velocity二]自定义Velocity指令 bit1129 velocity
    什么是Velocity指令 在Velocity中，#set,#if, #foreach, #elseif, #parse等，以#开头的称之为指令，Velocity内置的这些指令可以用来做赋值，条件判断，循环控制等脚本语言必备的逻辑控制等语句，Velocity的指令是可扩展的，即用户可以根据实际的需要自定义Velocity指令   自定义指令(Directive)的一般步骤 &nbs
  • 【Hive十】Programming Hive学习笔记 bit1129 programming
    第二章 Getting Started 1.Hive最大的局限性是什么？一是不支持行级别的增删改(insert, delete, update)二是查询性能非常差(基于Hadoop MapReduce）,不适合延迟小的交互式任务三是不支持事务2. Hive MetaStore是干什么的？Hive persists table schemas and other system metadata.
  • nginx有选择性进行限制 ronin47 nginx 动静　限制
    http { limit_conn_zone $binary_remote_addr zone=addr:10m; limit_req_zone $binary_remote_addr zone=one:10m rate=5r/s;... server {... location ~.*\.(gif|png|css|js|icon)$ {
  • java-4.-在二元树中找出和为某一值的所有路径 . bylijinnan java
    /* * 0.use a TwoWayLinkedList to store the path.when the node can't be path,you should/can delete it. * 1.curSum==exceptedSum:if the lastNode is TreeNode,printPath();delete the node otherwise
  • Netty学习笔记 bylijinnan javanetty
    本文是阅读以下两篇文章时： http://seeallhearall.blogspot.com/2012/05/netty-tutorial-part-1-introduction-to.html http://seeallhearall.blogspot.com/2012/06/netty-tutorial-part-15-on-channel.html 我的一些笔记 ===
  • js获取项目路径 cngolon js
    //js获取项目根路径，如： http://localhost:8083/uimcardprj function getRootPath(){     //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp     var curWwwPath=window.document.locati
  • oracle 的性能优化 cuishikuan oracleSQL Server
       在网上搜索了一些Oracle性能优化的文章，为了更加深层次的巩固[边写边记]，也为了可以随时查看，所以发表这篇文章。     1.ORACLE采用自下而上的顺序解析WHERE子句，根据这个原理，表之间的连接必须写在其他WHERE条件之前，那些可以过滤掉最大数量记录的条件必须写在WHERE子句的末尾。（这点本人曾经做过实例验证过，的确如此哦！
  • Shell变量和数组使用详解 daizj linuxshell变量数组
    Shell 变量 定义变量时，变量名不加美元符号（$，PHP语言中变量需要），如： your_name="w3cschool.cc" 注意，变量名和等号之间不能有空格，这可能和你熟悉的所有编程语言都不一样。同时，变量名的命名须遵循如下规则： 首个字符必须为字母（a-z，A-Z）。 中间不能有空格，可以使用下划线（_）。 不能使用标点符号。 不能使用ba
  • 编程中的一些概念，KISS、DRY、MVC、OOP、REST dcj3sjt126com REST
    KISS、DRY、MVC、OOP、REST （1）KISS是指Keep It Simple,Stupid（摘自wikipedia），指设计时要坚持简约原则，避免不必要的复杂化。 （2）DRY是指Don't Repeat Yourself（摘自wikipedia），特指在程序设计以及计算中避免重复代码，因为这样会降低灵活性、简洁性，并且可能导致代码之间的矛盾。 （3）OOP 即Object-Orie
  • [Android]设置Activity为全屏显示的两种方法 dcj3sjt126com Activity
    1. 方法1：AndroidManifest.xml 里，Activity的 android:theme  指定为" @android:style/Theme.NoTitleBar.Fullscreen" 示例:   <application      
  • solrcloud 部署方式比较 eksliang solrCloud
    solrcloud 的部署其实有两种方式可选，那么我们在实践开发中应该怎样选择呢？ 第一种：当启动solr服务器时，内嵌的启动一个Zookeeper服务器，然后将这些内嵌的Zookeeper服务器组成一个集群。  第二种：将Zookeeper服务器独立的配置一个集群，然后将solr交给Zookeeper进行管理   谈谈第一种：每启动一个solr服务器就内嵌的启动一个Zoo
  • Java synchronized关键字详解 gqdy365 synchronized
    转载自：http://www.cnblogs.com/mengdd/archive/2013/02/16/2913806.html 多线程的同步机制对资源进行加锁，使得在同一个时间，只有一个线程可以进行操作，同步用以解决多个线程同时访问时可能出现的问题。 同步机制可以使用synchronized关键字实现。 当synchronized关键字修饰一个方法的时候，该方法叫做同步方法。 当s
  • js实现登录时记住用户名 hw1287789687 记住我记住密码cookie记住用户名记住账号
    在页面中如何获取cookie值呢? 如果是JSP的话,可以通过servlet的对象request 获取cookie,可以 参考:http://hw1287789687.iteye.com/blog/2050040 如果要求登录页面是html呢?html页面中如何获取cookie呢? 直接上代码了 页面:loginInput.html 代码: <!DOCTYPE html PUB
  • 开发者必备的 Chrome 扩展 justjavac chrome
    Firebug：不用多介绍了吧https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench ChromeSnifferPlus：Chrome 探测器，可以探测正在使用的开源软件或者 js 类库https://chrome.google.com/webstore/detail/chrome-sniffer-pl
  • 算法机试题 李亚飞 java算法机试题
           在面试机试时，遇到一个算法题，当时没能写出来，最后是同学帮忙解决的。        这道题大致意思是：输入一个数，比如4,。这时会输出：           &n
  • 正确配置Linux系统ulimit值 字符串 ulimit
    在Linux下面部 署应用的时候，有时候会遇上Socket/File: Can’t open so many files的问题；这个值也会影响服务器的最大并发数，其实Linux是有文件句柄限制的，而且Linux默认不是很高，一般都是1024，生产服务器用 其实很容易就达到这个数量。下面说的是，如何通过正解配置来改正这个系统默认值。因为这个问题是我配置Nginx+php5时遇到了，所以我将这篇归纳进
  • hibernate调用返回游标的存储过程 Supanccy2013 javaDAOoracleHibernatejdbc
    注：原创作品，转载请注明出处。     上篇博文介绍的是hibernate调用返回单值的存储过程，本片博文说的是hibernate调用返回游标的存储过程。     此此扁博文的存储过程的功能相当于是jdbc调用select 的作用。 1，创建oracle中的包，并在该包中创建的游标类型。 ---创建oracle的程
  • Spring 4.2新特性-更简单的Application Event wiselyman application
    1.1 Application Event Spring 4.1的写法请参考10点睛Spring4.1-Application Event 请对比10点睛Spring4.1-Application Event 使用一个@EventListener取代了实现ApplicationListener接口,使耦合度降低; 1.2 示例 包依赖 <p
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他