York_Ice
York_Ice

原生JS实现鼠标按下拖拽效果

原生JS实现鼠标按下拖拽效果


<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>鼠标拖动title>
    <style type="text/css">
        body {
            margin: 0;
        }

        div {
            width: 200px;
            height: 200px;
            position: absolute;
            background-color: pink;
        }
    style>
head>

<body>

    <div onmousedown="downDiv(this)" onmousemove="moveDiv(this)" onmouseup="upDiv(this)">

    div>



    <script>
        //定义变量储存div的宽高
        var obj_w, obj_h;
        //定义一个变量判断是否执行移动函数
        var mouseDown = false;

        //鼠标按下函数
        function downDiv(obj) {
            //获取div的宽高
            obj_w = obj.offsetWidth;
            obj_h = obj.offsetHeight;
            //鼠标
            var e = event || window.event;
            //e.clientX/Y 是获取鼠标相对浏览器的位置；将div中心自动居中到鼠标
            obj.style.left = (e.clientX - obj_w / 2) + "px";
            obj.style.top = (e.clientY - obj_h / 2) + "px";
            console.log(obj.style.left, obj.style.top)
            //按下时为ture,松开时为false，以判断是否执行执行mouveDiv
            mouseDown = true;

        }

        //鼠标移动函数
        function moveDiv(obj) {
            obj_w = obj.offsetWidth;
            obj_h = obj.offsetHeight;
            var e = event || window.event;
            console.log(e.clientX, e.clientY);
            console.log(obj_w, obj_h);
            if (mouseDown) {
                obj.style.left = (e.clientX - obj_w / 2) + "px";
                obj.style.top = (e.clientY - obj_h / 2) + "px";
                console.log(obj.style.left, obj.style.top)
            }

        }

        //鼠标松开函数
        function upDiv(obj) {
            mouseDown = false;
        }

    script>
body>

html>

你可能感兴趣的:(原生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
  • Vue：其他指令 真der~啊 Vue2vue.js前端javascript
    Vue：其他指令2.13.1、v-textv-text指令用于将数据填充到标签体当中，并且是以覆盖的形式填充。与原生JS中的innerText功能类似，填充的内容中即使存在HTML标签也只是会当做一个普通的字符串处理，不会解析。例如：constvm=newVue({el:"#app",data:{message:"这是一段包含HTML标签的文本"}});在上述代码中，页面显示的将是这是一段包含HT
  • js 封装ajax方法吗,原生JS封装ajax方法 里小咸 js封装ajax方法吗
    jquery框架的ajax方法固然好用，但是假如某天我们的项目不能引入jquery或项目需求很简单，没有很多交互功能，只需要ajax，这时引入jquery库会造成资源浪费，也会显得页面臃肿。这时我们就需要用原生JS写一个ajax函数了。/*封装ajax函数*@param{string}opt.typehttp连接的方式，包括POST和GET两种方式*@param{string}opt.url发送请
  • three.js 在 webGL 添加纹理 belldeep javascriptthree.jsjavascriptwebglthree.jsp5.js
    在我们生成了3D设计之后，我们可以添加纹理使其更加吸引人。在webGL和p5.js中，可以使用gl.texImage2D()和texture()API来为形状应用纹理。使用webGL在webGL中，gl.texImage2D()函数用于从图像文件生成2D纹理。该函数接受许多参数，包括目标，细节级别，内部格式，图像的宽度和高度，以及图像数据的格式和类型。为了方便，我将使用vite搭建一个原生js项目
  • html中绑定点击事件的三种方法 我是陈大大 html前端javascript
    HTML中为button绑定事件的方式有三种。例如以下标签：submit一、使用jquery进行绑定$('#btn_submit').click(function(){});二、使用原生js绑定（注意：InternetExplorer8及更早IE版本不支持addEventListener()方法，Opera7.0及Opera更早版本也不支持。这类浏览器版本要使用attachEvent()方法来添加
  • vite：初学 p5.js demo 画圆圈 belldeep javascriptjavascriptp5.jsvitecircleellipse
    p5.js是一个JavaScript的函数库，它在制作之初就和Processing有同样的目标。就是让艺术家，设计师，教育工作者和编程初学者能够很容易，很轻松地学习和使用程序设计。实际上就是对canvas等代码的封装，简化了在Web中绘图的代码。为了方便，我将使用vite搭建一个原生js项目。1.创建项目npmcreatevite@latestp5-demo选：Vanilla选：JavaScrip
  • HTML+CSS+原生JS手写todolist 余月初贰 前端vue.jsjavascript
    代码分三个部分1.htlm部分ToDoList—最简单的待办事项列表ToDoList正在进行已经完成Copyright©2014todolist.cnclear2.css部分body{margin:0;padding:0;font-size:16px;background:#CDCDCD;}header{height:50px;background:#333;background:rgb
  • java观察者模式 3213213333332132 java设计模式游戏观察者模式
    观察者模式——顾名思义，就是一个对象观察另一个对象，当被观察的对象发生变化时，观察者也会跟着变化。 在日常中，我们配java环境变量时，设置一个JAVAHOME变量,这就是被观察者，使用了JAVAHOME变量的对象都是观察者，一旦JAVAHOME的路径改动，其他的也会跟着改动。 这样的例子很多，我想用小时候玩的老鹰捉小鸡游戏来简单的描绘观察者模式。 老鹰会变成观察者，母鸡和小鸡是
  • TFS RESTful API 模拟上传测试 ronin47
           TFS RESTful API 模拟上传测试。 　　 细节参看这里：https://github.com/alibaba/nginx-tfs/blob/master/TFS_RESTful_API.markdown 模拟POST上传一个图片： curl --data-binary @/opt/tfs.png http
  • PHP常用设计模式单例, 工厂, 观察者, 责任链, 装饰, 策略,适配,桥接模式 dcj3sjt126com 设计模式PHP
    // 多态, 在JAVA中是这样用的, 其实在PHP当中可以自然消除, 因为参数是动态的, 你传什么过来都可以, 不限制类型, 直接调用类的方法 abstract class Tiger { public abstract function climb(); } class XTiger extends Tiger { public function climb()
  • hibernate 171815164 Hibernate
    main,save Configuration conf =new Configuration().configure(); SessionFactory sf=conf.buildSessionFactory(); Session sess=sf.openSession(); Transaction tx=sess.beginTransaction(); News a=new
  • Ant实例分析 g21121 ant
            下面是一个Ant构建文件的实例，通过这个实例我们可以很清楚的理顺构建一个项目的顺序及依赖关系，从而编写出更加合理的构建文件。           下面是build.xml的代码： <?xml version="1
  • [简单]工作记录_接口返回405原因 53873039oycg 工作
             最近调接口时候一直报错，错误信息是:       responseCode:405 responseMsg:Method Not Allowed        接口请求方式Post.
  • 关于java.lang.ClassNotFoundException 和 java.lang.NoClassDefFoundError 的区别 程序员是怎么炼成的
       真正完成类的加载工作是通过调用 defineClass来实现的；  而启动类的加载过程是通过调用 loadClass来实现的；  就是类加载器分为加载和定义   protected Class<?> findClass(String name) throws ClassNotFoundExcept
  • JDBC学习笔记-JDBC详细的操作流程 aijuans jdbc
    所有的JDBC应用程序都具有下面的基本流程：　　1、加载数据库驱动并建立到数据库的连接。　　2、执行SQL语句。　　3、处理结果。　　4、从数据库断开连接释放资源。 下面我们就来仔细看一看每一个步骤： 其实按照上面所说每个阶段都可得单独拿出来写成一个独立的类方法文件。共别的应用来调用。 1、加载数据库驱动并建立到数据库的连接：   Html代码  St
  • rome创建rss antonyup_2006 tomcatcmsxmlstrutsOpera
    引用 1.RSS标准 RSS标准比较混乱，主要有以下3个系列 RSS 0.9x / 2.0 : RSS技术诞生于1999年的网景公司(Netscape)，其发布了一个0.9版本的规范。2001年，RSS技术标准的发展工作被Userland Software公司的戴夫 温那(Dave Winer)所接手。陆续发布了0.9x的系列版本。当W3C小组发布RSS 1.0后，Dave W
  • html表格和表单基础 百合不是茶 html表格表单meta锚点
    第一次用html来写东西,感觉压力山大,每次看见别人发的都是比较牛逼的 再看看自己什么都还不会,   html是一种标记语言,其实很简单都是固定的格式   _----------------------------------------表格和表单 表格是html的重要组成部分,表格用在body里面的 主要用法如下; <table> &
  • ibatis如何传入完整的sql语句 bijian1013 javasqlibatis
            ibatis如何传入完整的sql语句？进一步说，String str ="select * from test_table"，我想把str传入ibatis中执行，是传递整条sql语句。         解决办法： <
  • 精通Oracle10编程SQL(14)开发动态SQL bijian1013 oracle数据库plsql
    /* *开发动态SQL */ --使用EXECUTE IMMEDIATE处理DDL操作 CREATE OR REPLACE PROCEDURE drop_table(table_name varchar2) is sql_statement varchar2(100); begin sql_statement:='DROP TABLE '||table_name;
  • 【Linux命令】Linux工作中常用命令 bit1129 linux命令
    不断的总结工作中常用的Linux命令   1.查看端口被哪个进程占用   通过这个命令可以得到占用8085端口的进程号，然后通过ps -ef|grep 进程号得到进程的详细信息   netstat -anp | grep 8085   察看进程ID对应的进程占用的端口号   netstat -anp | grep 进程ID &
  • 优秀网站和文档收集 白糖_ 网站
    集成 Flex, Spring, Hibernate 构建应用程序   性能测试工具-JMeter   Hmtl5-IOCN网站   Oracle精简版教程网站   鸟哥的linux私房菜   Jetty中文文档   50个jquery必备代码片段   swfobject.js检测flash版本号工具
  • angular.extend boyitech AngularJSangular.extendAngularJS API
    angular.extend 复制src对象中的属性去dst对象中. 支持多个src对象. 如果你不想改变一个对象，你可以把dst设为空对象{}: var object = angular.extend({}, object1, object2). 注意: angular.extend不支持递归复制. 使用方法: angular.extend(dst, src); 参数:
  • java-谷歌面试题-设计方便提取中数的数据结构 bylijinnan java
    网上找了一下这道题的解答，但都是提供思路，没有提供具体实现。其中使用大小堆这个思路看似简单，但实现起来要考虑很多。 以下分别用排序数组和大小堆来实现。 使用大小堆： import java.util.Arrays; public class MedianInHeap { /** * 题目：设计方便提取中数的数据结构 * 设计一个数据结构，其中包含两个函数，1.插
  • ajaxFileUpload 针对 ie jquery 1.7+不能使用问题修复版本 Chen.H ajaxFileUploadie6ie7ie8ie9
    jQuery.extend({ handleError: function( s, xhr, status, e ) { // If a local callback was specified, fire it if ( s.error ) { s.error.call( s.context || s, xhr, status, e ); }
  • [机器人制造原则]机器人的电池和存储器必须可以替换 comsci 制造
           机器人的身体随时随地可能被外来力量所破坏,但是如果机器人的存储器和电池可以更换,那么这个机器人的思维和记忆力就可以保存下来,即使身体受到伤害,在把存储器取下来安装到一个新的身体上之后,原有的性格和能力都可以继续维持.....        另外,如果一
  • Oracle Multitable INSERT 的用法 daizj oracle
    转载Oracle笔记-Multitable INSERT 的用法 http://blog.chinaunix.net/uid-8504518-id-3310531.html 一、Insert基础用法 语法：     Insert Into 表名 (字段1,字段2,字段3...）     Values (值1,
  • 专访黑客历史学家George Dyson datamachine on
    20世纪最具威力的两项发明——核弹和计算机出自同一时代、同一群年青人。可是，与大名鼎鼎的曼哈顿计划（第二次世界大战中美国原子弹研究计划）相 比，计算机的起源显得默默无闻。出身计算机世家的历史学家George Dyson在其新书《图灵大教堂》（Turing’s Cathedral）中讲述了阿兰·图灵、约翰·冯·诺依曼等一帮子天才小子创造计算机及预见计算机未来
  • 小学6年级英语单词背诵第一课 dcj3sjt126com englishword
    always 总是 rice 水稻，米饭 before 在...之前 live 生活，居住   usual 通常的 early 早的 begin 开始 month 月份   year 年 last 最后的 east 东方的 high 高的   far 远的 window 窗户 world 世界 than 比...更  
  • 在线IT教育和在线IT高端教育 dcj3sjt126com 教育
    codecademy  http://www.codecademy.com codeschool  https://www.codeschool.com teamtreehouse  http://teamtreehouse.com lynda http://www.lynda.com/ Coursera https://www.coursera.
  • Struts2 xml校验框架所定义的校验文件 蕃薯耀 Struts2 xml校验Struts2 xml校验框架Struts2校验
      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月11日 15:54:59 星期六 http://fa
  • mac下安装rar和unrar命令 hanqunfeng mac
    1.下载：http://www.rarlab.com/download.htm 选择 RAR 5.21 for Mac OS X 2.解压下载后的文件 tar -zxvf rarosx-5.2.1.tar 3.cd rar sudo install -c -o $USER unrar /bin #输入当前用户登录密码 sudo install -c -o $USER rar
  • 三种将list转换为map的方法 jackyrong list
      在本文中，介绍三种将list转换为map的方法： 1） 传统方法 假设有某个类如下    class Movie { private Integer rank; private String description; public Movie(Integer rank, String des
  • 年轻程序员需要学习的5大经验 lampcy 工作PHP程序员
    在过去的7年半时间里，我带过的软件实习生超过一打，也看到过数以百计的学生和毕业生的档案。我发现很多事情他们都需要学习。或许你会说，我说的不就是某种特定的技术、算法、数学，或者其他特定形式的知识吗？没错，这的确是需要学习的，但却并不是最重要的事情。他们需要学习的最重要的东西是“自我规范”。这些规范就是：尽可能地写出最简洁的代码；如果代码后期会因为改动而变得凌乱不堪就得重构；尽量删除没用的代码，并添加
  • 评“女孩遭野蛮引产致终身不育 60万赔偿款1分未得”医腐深入骨髓 nannan408
    先来看南方网的一则报道： 再正常不过的结婚、生子，对于29岁的郑畅来说，却是一个永远也无法实现的梦想。从2010年到2015年，从24岁到29岁，一张张新旧不一的诊断书记录了她病情的同时，也清晰地记下了她人生的悲哀。 　　粗暴手术让人发寒 　　2010年7月，在酒店做服务员的郑畅发现自己怀孕了，可男朋友却联系不上。在没有和家人商量的情况下，她决定堕胎。 　　12月5日，
  • 使用jQuery为input输入框绑定回车键事件 VS 为a标签绑定click事件 Everyday都不同 jspinput回车键绑定clickenter
    假设如题所示的事件为同一个，必须先把该js函数抽离出来，该函数定义了监听的处理：   function search() { //监听函数略...... }   为input框绑定回车事件，当用户在文本框中输入搜索关键字时，按回车键，即可触发search():   //回车绑定 $(".search").keydown(fun
  • EXT学习记录 tntxia ext
      1. 准备   （1） 官网：http://www.sencha.com/   里面有源代码和API文档下载。   EXT的域名已经从www.extjs.com改成了www.sencha.com ，但extjs这个域名会自动转到sencha上。   （2）帮助文档：   想要查看EXT的官方文档的话，可以去这里h
  • mybatis3的mapper文件报Referenced file contains errors xingguangsixian mybatis
    最近使用mybatis.3.1.0时无意中碰到一个问题： The errors below were detected when validating the file "mybatis-3-mapper.dtd" via the file "account-mapper.xml". In most cases these errors can be d
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他