cometwo
cometwo

拖拽


<html>

    <head>
        <meta charset="UTF-8">
        <title>title>
        <style type="text/css">
            body {
                margin: 0;
                padding: 0;
                position: relative;
            }

            .box {
                width: 100px;
                height: 100px;
                background: deeppink;
                position: absolute;
                left: 25px;
                top: 25px;
                cursor: move;
            }
        style>
        <script type="text/javascript">
            /*
             * 利用JS面向对象OOP思想实现拖拽封装
             */
            ;
            (function() {
                //事件处理程序
                //elem DOM对象  eventName 事件名称  eventType 事件类型
                function eventHandler(elem, eventName, eventType) {
                    // elem.attachEvent 兼容IE9以下事件
                    elem.addEventListener ? elem.addEventListener(eventType, eventName, false) : elem.attachEvent('on' + eventType, eventName);
                };
                //移除事件兼容处理
                function removeEventHandler(elem, eventName, eventType) {
                    elem.removeEventListener ? elem.removeEventListener(eventType, eventName) : elem.detachEvent(eventType, eventName);
                }
                //获取style属性值
                function getStyleValue(elem, property) {
                    //getComputedStyle、currentStyle 返回CSS样式声明对象([object CSSStyleDeclaration]) 只读
                    //getComputedStyle 支持IE9+以上及正常浏览器
                    //currentStyle 兼容IE8及IE8以下获取目标元素style样式
                    return window.getComputedStyle(elem, null) ? window.getComputedStyle(elem, null)[property] : elem.currentStyle[property];
                }
                //被拖拽构造函数
                function Drag(selector) {
                    //elem DOM对象
                    this.elem = typeof selector === 'object' ? selector : document.getElementById(selector);
                    //元素初始化位置
                    this.initObjX = 0;
                    this.initObjY = 0;
                    //鼠标初始化位置
                    this.initMouseX = 0;
                    this.initMouseY = 0;
                    this.isDraging = false;
                    //初始化--鼠标事件操作
                    this._init();
                }
                //Drag对象原型
                Drag.prototype = {
                    constructor: Drag,
                    //初始化
                    //构造原型指回Drag 等价于==>>Drag.prototype._init = function(){}
                    //初始化鼠标事件及鼠标操作流程
                    _init: function() {
                        this.setDrag();
                    },
                    //获取目标元素pos位置
                    getObjPos: function(elem) {
                        var pos = {
                            x: 0,
                            y: 0
                        };
                        if(getStyleValue(elem, 'position') == 'static') {
                            this.elem.style.position = 'relative';
                            return pos;
                        } else {
                            var x = parseInt(getStyleValue(elem, 'left') ? getStyleValue(elem, 'left') : 0);
                            var y = parseInt(getStyleValue(elem, 'top') ? getStyleValue(elem, 'top') : 0);
                            return pos = {
                                x: x,
                                y: y
                            }
                        }
                    },
                    //设置被拖动元素的位置
                    setObjPos: function(elem, pos) {
                        elem.style.position = 'absolute';
                        elem.style.left = pos.x + 'px';
                        elem.style.top = pos.y + 'px';
                    },
                    //设置目标元素事件及操作流程
                    setDrag: function() {
                        //目标元素对象
                        var self = this;
                        var time = null; //定时器
                        function mousedown(event) {
                            event = window.event || event;
                            //鼠标按下时位置
                            this.initMouseX = event.clientX;
                            this.initMouseY = event.clientY;
                            //获取元素初始化位置pos
                            var pos = self.getObjPos(self.elem);
                            this.initObjX = pos.x;
                            this.initObjY = pos.y;
                            //mousemove
                            time = setTimeout(function() { //缓解移动卡顿
                                eventHandler(self.elem, mousemove, "mousemove");
                            }, 25);
                            //mouseup
                            eventHandler(self.elem, mouseup, "mouseup");
                            //按下标识
                            self.isDraging = true;
                        }

                        function mousemove(event) {
                            event = window.event || event;
                            if(self.isDraging) {
                                //元素移动位置 == 当前鼠标移动位置 - 鼠标按下位置 + 目标元素初始化位置 
                                var moveX = event.clientX - this.initMouseX + this.initObjX;
                                var moveY = event.clientY - this.initMouseY + this.initObjY;
                                //设置拖拽元素位置
                                self.setObjPos(self.elem, {
                                    x: moveX,
                                    y: moveY,
                                });
                            }
                        }

                        function mouseup(event) {
                            event = window.event || event;
                            self.isDraging = false;
                            clearTimeout(time);
                            //移除事件
                            removeEventHandler(document, mousemove, 'mousemove');
                            removeEventHandler(document, mouseup, 'mouseup');
                        }
                        //mousedown
                        eventHandler(this.elem, mousedown, "mousedown");
                    }
                }
                //将Drag挂到全局对象window上
                window.Drag = Drag;
            })();
        script>

    head>

    <body>
        <div class="box" id="box" style="position: absolute;left: 25px;top: 25px;">div>
        <script type="text/javascript">
            window.onload = function() {
                new Drag(document.getElementById("box"));
            }
        script>
    body>

html>

你可能感兴趣的:(web前端学习,拖拽)

  • vue中is属性搭配vuedraggable插件实现可拖动可视化大屏展示组件的自定义配置功能 吃西瓜不吐籽_ vue.js前端javascript
    最近有这样一个需求，将大屏上展示的东西都封装成独立的组件让用户自己可以自定义配置自己的组件位置及想要展示的组件，第一个我就想到通过is来实现，分享下我的思路及部分代码供大家参考。先看下大概布局：如图通过上方的组件拖拽的配置卡片来进行动态渲染组件，拖拽用了draggable插件，这样拖拽后直接传数据即可首先先看拖动卡片的部分代码（切换多个个性布局及如何默认展示，是否有配置过布局没有则怎么展示这些逻辑
  • 禁止拖动视频进度条来保障视频安全？ 菜包eo 教育视频polyv视频安全音视频安全
    文章目录前言一、何为禁止拖动视频进度条？二、禁止拖动视频进度条的实现原理三、如何实现禁止拖动视频进度条总结前言在知识付费与企业培训场景中，视频内容安全是核心诉求。学员随意拖动进度条可能导致关键知识点遗漏，甚至助长盗录行为。本文深入解析HTML5播放器禁止拖拽进度条的技术方案，通过精准控制播放行为保障学习效果与内容安全。以企业培训、在线教育为例，探讨如何借助技术手段平衡用户体验与内容防护，为开发者提
  • GoView 强势入驻 GitCode：拖拽低代码，打造高颜值数据大屏 GitCode 代码君 gitcode低代码开源
    信息可视化时代，数字大屏日益成为展示核心KPI、运营状态、监控预警的主流形式。然而，用传统方式开发一个定制化数字大屏需要解决多少问题？1.繁复的数据源集成，各种不同的协议和格式……2.让人晕头转向的可视化逻辑，调动艰难的样式、布局、动画，和往往难以统一的风格3.牵一发而动全身的代码结构，就想换个主题色结果开启的全局CSS大冒险……现在，一个开源项目即可搞定上述问题——拖拽式低代码数字可视化平台Go
  • python通过pyautogui库来控制鼠标和键盘
    目录前言1.关于屏幕和鼠标位置2.鼠标移动、拖拽、点击、滚动和运动3.使用键盘4.消息框5.屏幕截图6.图像识别定位前言PyAutoGUI是一个纯Python的GUI自动化工具，通过它可以用程序自动控制鼠标和键盘操作。它支持Windows,MacOS和Linux。安装:pipinstallpyautogui基本用法看代码，非常简单易用。importpyautoguipyautogui.click(
  • QML事件处理：鼠标、拖拽与键盘事件 Little-Hu QMLQML
    在QML应用开发中，用户交互是构建动态界面的核心。本文将全面解析QML中的三大交互事件：鼠标事件、拖拽事件和键盘事件，通过实际代码示例展示如何实现丰富的用户交互体验。一、鼠标事件处理1.MouseArea基础MouseArea是QML中处理鼠标交互的核心组件，它是一个不可见的元素，通常附加到可见元素上以提供鼠标交互能力。基本属性包括：MouseArea{anchors.fill:parent//填
  • AI+低代码双引擎驱动：重构智能业务系统的产品逻辑
    低代码与AI融合的架构重构将低代码技术深度融入产品体系，形成"可视化编排+AI增强"的双引擎架构，彻底重构传统业务系统的开发与交付模式。新架构在保留原有AI能力的基础上，通过低代码平台实现业务逻辑的可视化定义、参数配置的图形化操作和AI服务的拖拽式编排。重构后的产品逻辑全景图┌─────────────────────────────────────────────────────────────
  • threejs的transformControls拖拽结束的异常
    transformControls拖拽结束以后会以结束点的射线拾取重新选中新的模型，这里发现是监听事件的问题//创建TransformControlsconsttransformControls=newTransformControls(camera,renderer.domElement);consttransformControlsHelper=transformControls.getHel
  • Mac安装Docker YIXiu-xiaowu Docker
    1.可以通过左上角的小图片查看系统版本，并可以通过”软件更新“来检查和更新MacOS系统。通过官网双击完Docker.dmg文件后，双击下载的.dmg文件，然后将Docker鲸鱼图标拖拽到Application文件夹即完成安装。（切记一定是Apple芯片）我们打开Docker应用程序后，会有一些选择配置，我们按照如下配置即可。这里我们选择Accept--》选择默认配置就行，Docker会自动设置
  • 用Vue Flow绘制一个完美流程图 itanly vue.js流程图前端
    VueFlow简介VueFlow是一个基于Vue.js的流程图库，专为构建交互式流程图设计。它支持节点拖拽、连线、缩放、撤销/重做等功能，适用于工作流、系统架构图等场景。以下内容将演示如何用VueFlow绘制一个完整的流程图，并提供代码示例。安装与基础配置确保项目已安装Vue3，使用以下命令安装VueFlow：npminstall@vue-flow/core基础配置示例：import{VueFlo
  • 基于PDF Arranger工具，实现对PDF文档的页面进行合并、拆分、排序等操作 wh3933 pdf
    1.工具简介PDFArranger是一款轻量、直观、开源的PDF页面处理工具。它的主要目标是提供一个简单易用的图形用户界面（GUI），让用户可以方便地对PDF文档的页面进行合并、拆分、排序等操作。你可以把它想象成一个PDF页面的“幻灯片管理器”，所有的操作都非常直观。核心功能：合并PDF：将多个PDF文档合并成一个。拆分PDF：从一个PDF中提取部分页面，生成新的PDF。重新排序：通过拖拽（dra
  • 解决Mac上的老版本docker desktop 无法启动/启动后一直转圈/无法登陆账号的问题 呆萌的代Ma 运维macosdockereureka
    本方法需要：一个能够链接到外网的办法放弃已有的全部容器解决方法先把当前安装的dockerdesktop卸载拖拽dockerdesktop到废纸篓，或是执行以下代码：/Applications/Docker.app/Contents/MacOS/Docker--uninstall彻底清理docker遗留sudorm-Rf/Applications/Docker.appsudorm-f/usr/loc
  • 低代码平台的优势与挑战：现代开发的革新之路 BPM_宏天低代码 低代码
    在数字化转型的浪潮中，低代码平台（Low-CodePlatforms）成为了开发者和企业的重要工具。低代码平台通过可视化界面和拖拽式功能，简化了应用程序的开发过程，使得即使是没有编程背景的用户也能够构建功能丰富的应用。然而，低代码平台的兴起不仅带来了巨大的便利，也伴随着一系列挑战。本文将探讨低代码平台的优势与挑战，帮助开发者和企业更好地理解并利用这一技术。1.低代码平台的优势1.1提高开发效率低代
  • 同城达人社交圈子源码系统：（微信小程序+服务号+APP多端适配）独立部署覆盖引流圈子平台！
    一、开源版同城社交圈源码的核心竞争力1.零经验快速启动，技术门槛大幅降低基于先进且成熟的技术栈构建，源码结构清晰，配合详尽的部署文档与可视化配置后台，让技术小白也能轻松上手。如同拼装乐高积木，用户通过直观的界面拖拽组合预设的社群模块（如信息流、成员管理、活动发布、内容分类），无需深入编码即可完成基础搭建与定制，大大缩短项目上线周期。2.功能生态完善，满足深度运营需求灵活社群矩阵：支持用户依据地域、
  • 【小米App】编程猫入门指南 Botiway 移动APPwindowsandroidstudiopythonlinuxkotlin
    编程猫提供了多种工具和课程，帮助用户入门安卓应用开发。以下是入门指南：选择开发工具AppInventor：适合初学者，通过拖拽式的可视化编程，无需编写复杂代码即可创建安卓应用。学习基础课程编程猫官方课程《AppInventor入门》：学习AppInventor的基本操作，了解组件、事件和逻辑设计。《安卓应用开发基础》：掌握安卓应用的基本结构、界面布局和常用控件。在线教程和视频在编程猫官网、Bili
  • vue拖拽组件自定义指令，解决拖拽和点击事件冲突问题，解决拖拽组件在iframe上面延迟卡顿问题 weixin_51565477 vue.jsjavascript前端
    1.自定义指令directives:{drag(el,data,vnode){constoDiv=eloDiv.onmousedown=e=>{//获取ifream，解决拖拽组件在ifream上面卡顿-根据ifreampointerEventsletiframDiv=document.getElementById("screenProjection")if(iframDiv){console.lo
  • Form-Generator拖拽表单的使用+二次修改
    Form-Generator拖拽表单本文讲述了form-generator项目基于Vue框架以及ElementUI组件实现拖拽表单完成项目及二次开发gitee地址：https://gitee.com/mrhj/form-generator?_from=gitee_search简介ElementUI表单设计及代码生成器，可将生成的代码直接运行在基于Element的vue项目中；也可导出JSON表单，
  • React 极简响应式滑块验证组件实现，随机滑块位置 伍哥的传说 react.js前端前端框架javascriptecmascriptreact开源
    滑块验证组件(SliderCaptcha)一个现代化、响应式的滑块验证组件，专为React应用设计，提供流畅的用户体验和强大的安全验证功能。✨功能特性核心功能智能滑块拖拽–支持鼠标和触摸屏操作，响应灵敏随机目标位置–每次验证生成不同的目标位置，提高安全性实时位置验证–精确的位置检测，支持容错范围设置状态反馈–清晰的视觉反馈，包括成功、错误和待验证状态用户体验流畅动画–平滑的过渡动画和微交互效果响应
  • 【科研写作自动化工具】如何用AI技术组合（大模型+多Agent+自动化）打造一个“智能论文生产线”，把枯燥的写作流程变成自动化
    n8n是一款开源的工作流自动化工具，类似于Zapier或Make（原Integromat），但更注重灵活性和开发者友好性。在课程文件中提到的n8n自动化流水线主要用于科研写作的自动化流程集成，以下是详细解释：n8n的核心功能可视化工作流设计：通过拖拽节点（Nodes）连接不同工具和服务，无需编写复杂代码即可搭建自动化流程。多平台集成：支持连接文献数据库（如PubMed、arXiv）、AI模型（如O
  • AWTK，开启属于你的GUI之美 ZLG 致远电子 低代码
    在当今数字化时代，软件界面设计的高效性和一致性至关重要。本文将探讨GUI设计从传统代码编写到所见即所得工具的演变，并介绍AWTK如何通过一致的渲染技术，为开发者带来高效且直观的开发体验。  传统GUI设计的局限性我们常用的PowerPoint、Photoshop等软件，主要通过可视化拖拽的方式编辑画面，使设计与使用界面高度一致，让设计师能够直观地进行内容创作。然而，在软件GUI
  • 在HarmonyOS ArkTS ArkUI-X 5.0及以上版本中，手势开发全攻略：
    在HarmonyOS应用开发中，手势交互是连接用户与设备的核心纽带。ArkTS框架提供了丰富的手势处理能力，既支持点击、长按、拖拽等基础单一手势的精细控制，也能通过多种绑定策略解决父子组件的手势竞争问题。本文将结合官方开发文档，从单一手势特性、绑定方法原理到实战场景，为开发者构建完整的手势开发知识体系。一、七大核心单一手势的深度解析（一）基础交互：点击与长按手势点击手势（TapGesture）通过
  • HarmonyOS-ArkUI 手势系列4--多层级手势 曹小满2579 HarmonyOS学习笔记HarmonyOSharmonyos华为ArkUIArkTs
    HarmonyOS-ArkUI手势系列1--API分析及使用方式及示例-CSDN博客HarmonyOS-ArkUI手势系列2--单一手势(长按，拖拽，滑动，旋转，捏合)-CSDN博客HarmonyOS-ArkUI手势系列3--组合手势-CSDN博客什么是多层级手势就是父容器和子组件都有手势监听的情况，叫做多层级手势。VSAndroid如果您没有Android研发经验，可以略过此处。本节主要是讲鸿蒙
  • react+antd Table实现列拖拽，列拉宽，自定义拉宽列 搬砖的小编 react.jsjavascript前端
    主要插件Resizable，dnd-kit/core，dnd-kit/sortable，dnd-kit/modifiers其中官网有列拖拽，主要结合Resizable实现列拉宽，isResizingRef很重要防止拖拽相互影响1.修改TableHeaderCellconstisResizingRef=useRef(false);constTableHeaderCell=props=>{const{
  • OpenDataV：开源 拖拽式 低代码数据可视化开发平台 ❀͜͡傀儡师 低代码信息可视化
    OpenDataV是一个拖拽式、#低代码数据#可视化开发平台。它允许用户通过拖拽组件到画布上，快速搭建各种炫酷的数据可视化大屏。不仅内置了丰富的组件库，还支持用户开发自己的组件并将其接入平台，从而满足多样化的业务需求。GitHub：https://github.com/AnsGoo/openDataV官方文档：https://ansgoo.github.io/docs/项目特性：拖拽式操作简单易用
  • 低代码平台架构设计 LINGYI_WEN 低代码前端开发语言
    1.整体架构概述1.1技术栈选择前端：React+Redux/Vue+Vuex后端：Node.js+Express/SpringBoot数据库：MySQL/PostgreSQL/MongoDB云服务：AWS/Azure/GoogleCloud容器化：Docker+Kubernetes1.2模块划分前端模块：可视化编辑器：用于拖拽和配置组件预览器：实时预览页面效果发布器：将设计好的页面发布到生产环境
  • Excel数据匹配合并工具 摆渡搜不到你 excel
    Excel数据匹配合并工具一个功能强大的WPF应用程序，专门用于合并和匹配Excel文件中的数据。该工具支持多工作表处理、灵活的字段映射、数据筛选和配置管理等功能。主要功能文件管理多格式支持：支持.xlsx和.xls格式的Excel文件密码保护：支持加载带密码保护的Excel文件拖拽操作：支持文件拖拽到指定区域快速加载实时预览：文件加载后实时显示工作表和数据预览工作表处理多工作表选择：支持同时选择
  • 移动端 uniapp 写一个可自由拖拽的小键盘 赫卡夹 移动端uni-appjavascriptandroid
    写之前要考虑：键盘展开后，不能超过手机边缘在底部展开键盘，键盘应出现在展开按钮上方；以此类推重复点击展开按钮，关闭键盘效果：代码如下，有些按键逻辑还需要优化键盘{{key.name}}exportdefault{data(){return{btnLeft:100,//按钮初始位置btnTop:100,startX:0,//触摸起始位置startY:0,isDragging:false,//是否正在
  • SSVEP Next：现代化的 SSVEP 可视化 Web 快速实现 框架主义者 web脑机接口
    SSVEPNext：现代化的SSVEP可视化Web快速实现在线使用|GithubSSVEP-Next是一个基于React、TypeScript和Vite构建的单页面应用（SPA），用于快速设计和运行稳态视觉诱发电位（SSVEP）实验的视觉刺激界面。该项目继承自quick-ssvep的核心科学算法，并在架构和交互体验上进行了全面升级。主要特性包括：拖拽式可视化设计：用户可通过拖拽和属性面板，直观地在
  • 新手向:代码编写工具推荐 nightunderblackcat 基础环境配置notepad++pycharmpythonintellij-ideajavac++c#
    开发者兵器谱：我的高效编码六大神器深度解析在软件开发的世界里，得心应手的工具如同侠客手中的利剑。经过多年的项目锤炼，我精心打磨了一套开发工具链，它们各有所长，助我在不同战场上游刃有余。下面就来深度剖析这六位“数字战友”：一、轻骑兵：Notepad++——闪电编辑与文本处理的王者核心定位：超轻量级文本/代码编辑器，启动如闪电，资源占用极低。看家本领：列编辑模式：Alt+鼠标拖拽或Alt+Shift+
  • HarmonyOS实战：List拖拽位置交换的多种实现方式 IT小码哥丶 HarmonyOSlist数据结构harmonyosandroid华为
    背景在最近日常工作中，遇到需要实现拖拽列表中的元素进行位置交换的需求。第一时间翻看了鸿蒙官方文档，发现官方只给Grid提供了Item交换位置的实现方式，然而List并没有提供，于是需要自己动手去实现。本篇文章详细介绍了两种不同的方式去实现List的位置交换。技术实现方式一使用列表的手势事件实现位置交换。先实现List的onItemDragStart方法。该方法表示拖拽列表元素时触发。.onItem
  • VTJ.PRO：打破次元壁！AI驱动 + 双向代码自由穿梭，重新定义Vue高效开发！ 前端人工智能vue3
    “既要低代码的速度，又要手写代码的自由？”——现在，无需妥协！VTJ.PRO革命性推出“双向代码转换引擎”，让开发者在可视化设计与源码编辑间无缝切换，真正实现“设计即代码，代码即设计”的终极工作流！✨核心黑科技：双向自由转换可视化设计→纯净源码拖拽生成的界面，一键转换为高质量Vue3组件代码，无冗余、无黑盒！支持导出标准.vue文件，无缝嵌入现有工程，源码100%自主可控！手写代码→可视化编辑将已
  • 解线性方程组 qiuwanchi
    package gaodai.matrix; import java.util.ArrayList; import java.util.List; import java.util.Scanner; public class Test { public static void main(String[] args) { Scanner scanner = new Sc
  • 在mysql内部存储代码 annan211 性能mysql存储过程触发器
    在mysql内部存储代码 在mysql内部存储代码，既有优点也有缺点，而且有人倡导有人反对。 先看优点： 1 她在服务器内部执行，离数据最近，另外在服务器上执行还可以节省带宽和网络延迟。 2 这是一种代码重用。可以方便的统一业务规则，保证某些行为的一致性，所以也可以提供一定的安全性。 3 可以简化代码的维护和版本更新。 4 可以帮助提升安全，比如提供更细
  • Android使用Asynchronous Http Client完成登录保存cookie的问题 hotsunshine android
    Asynchronous Http Client是android中非常好的异步请求工具 除了异步之外还有很多封装比如json的处理，cookie的处理 引用 Persistent Cookie Storage with PersistentCookieStore This library also includes a PersistentCookieStore whi
  • java面试题 Array_06 java面试
    java面试题 第一，谈谈final, finally, finalize的区别。 final-修饰符（关键字）如果一个类被声明为final，意味着它不能再派生出新的子类，不能作为父类被继承。因此一个类不能既被声明为 abstract的，又被声明为final的。将变量或方法声明为final，可以保证它们在使用中不被改变。被声明为final的变量必须在声明时给定初值，而在以后的引用中只能
  • 网站加速 oloz 网站加速
    前序:本人菜鸟，此文研究总结来源于互联网上的资料，大牛请勿喷！本人虚心学习，多指教. 1、减小网页体积的大小，尽量采用div+css模式，尽量避免复杂的页面结构，能简约就简约。 2、采用Gzip对网页进行压缩；    GZIP最早由Jean-loup Gailly和Mark Adler创建，用于UNⅨ系统的文件压缩。我们在Linux中经常会用到后缀为.gz
  • 正确书写单例模式 随意而生 java 设计模式 单例
    　　单例模式算是设计模式中最容易理解，也是最容易手写代码的模式了吧。但是其中的坑却不少，所以也常作为面试题来考。本文主要对几种单例写法的整理，并分析其优缺点。很多都是一些老生常谈的问题，但如果你不知道如何创建一个线程安全的单例，不知道什么是双检锁，那这篇文章可能会帮助到你。 　　懒汉式，线程不安全 　　当被问到要实现一个单例模式时，很多人的第一反应是写出如下的代码，包括教科书上也是这样
  • 单例模式 香水浓 java
    懒汉  调用getInstance方法时实例化 public class Singleton { private static Singleton instance; private Singleton() {} public static synchronized Singleton getInstance() { if(null == ins
  • 安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" AdyZhang apachehttp server
    安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" 每次到这一步都很小心防它的端口冲突问题，结果，特意留出来的80端口就是不能用，烦。 解决方法确保几处： 1、停止IIS启动 2、把端口80改成其它 （譬如90，800，，，什么数字都好） 3、防火墙(关掉试试) 在运行处输入 cmd 回车，转到apa
  • 如何在android 文件选择器中选择多个图片或者视频？ aijuans android
    我的android app有这样的需求，在进行照片和视频上传的时候，需要一次性的从照片/视频库选择多条进行上传 但是android原生态的sdk中，只能一个一个的进行选择和上传。 我想知道是否有其他的android上传库可以解决这个问题，提供一个多选的功能，可以使checkbox之类的，一次选择多个 处理方法 官方的图片选择器(但是不支持所有版本的androi，只支持API Level
  • mysql中查询生日提醒的日期相关的sql baalwolf mysql
    SELECT sysid,user_name,birthday,listid,userhead_50,CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')),CURDATE(),  dayofyear( CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')))-dayofyear(
  • MongoDB索引文件破坏后导致查询错误的问题 BigBird2012 mongodb
    问题描述： MongoDB在非正常情况下关闭时，可能会导致索引文件破坏，造成数据在更新时没有反映到索引上。 解决方案：   使用脚本，重建MongoDB所有表的索引。 var names = db.getCollectionNames(); for( var i in names ){ var name = names[i]; print(name);
  • Javascript Promise bijian1013 JavaScriptPromise
            Parse JavaScript SDK现在提供了支持大多数异步方法的兼容jquery的Promises模式，那么这意味着什么呢，读完下文你就了解了。 一.认识Promises         “Promises”代表着在javascript程序里下一个伟大的范式，但是理解他们为什么如此伟大不是件简
  • [Zookeeper学习笔记九]Zookeeper源代码分析之Zookeeper构造过程 bit1129 zookeeper
       Zookeeper重载了几个构造函数，其中构造者可以提供参数最多，可定制性最多的构造函数是     public ZooKeeper(String connectString, int sessionTimeout, Watcher watcher, long sessionId, byte[] sessionPasswd, boolea
  • 【Java命令三】jstack bit1129 jstack
    jstack是用于获得当前运行的Java程序所有的线程的运行情况(thread dump），不同于jmap用于获得memory dump   [hadoop@hadoop sbin]$ jstack Usage: jstack [-l] <pid> (to connect to running process) jstack -F
  • jboss 5.1启停脚本　动静分离部署 ronin47
    以前启动jboss，往各种xml配置文件，现只要运行一句脚本即可。start nohup sh /**/run.sh -c servicename  -b ip -g  clustername   -u broatcast jboss.messaging.ServerPeerID=int  -Djboss.service.binding.set=p
  • UI之如何打磨设计能力? brotherlamp UIui教程ui自学ui资料ui视频
      在越来越拥挤的初创企业世界里，视觉设计的重要性往往可以与杀手级用户体验比肩。在许多情况下，尤其对于 Web 初创企业而言，这两者都是不可或缺的。前不久我们在《右脑革命：别学编程了，学艺术吧》中也曾发出过重视设计的呼吁。如何才能提高初创企业的设计能力呢?以下是 9 位创始人的体会。 1.找到自己的方式 如果你是设计师，要想提高技能可以去设计博客和展示好设计的网站如D-lists或
  • 三色旗算法 bylijinnan java算法
    import java.util.Arrays; /** 问题： 假设有一条绳子，上面有红、白、蓝三种颜色的旗子，起初绳子上的旗子颜色并没有顺序， 您希望将之分类，并排列为蓝、白、红的顺序，要如何移动次数才会最少，注意您只能在绳 子上进行这个动作，而且一次只能调换两个旗子。 网上的解法大多类似： 在一条绳子上移动，在程式中也就意味只能使用一个阵列，而不使用其它的阵列来
  • 警告:No configuration found for the specified action: \'s chiangfai configuration
    1.index.jsp页面form标签未指定namespace属性。 <!--index.jsp代码--> <%@taglib prefix="s" uri="/struts-tags"%> ... <s:form action="submit" method="post"&g
  • redis -- hash_max_zipmap_entries设置过大有问题 chenchao051 redishash
    使用redis时为了使用hash追求更高的内存使用率，我们一般都用hash结构，并且有时候会把hash_max_zipmap_entries这个值设置的很大，很多资料也推荐设置到1000，默认设置为了512，但是这里有个坑   #define ZIPMAP_BIGLEN 254 #define ZIPMAP_END 255     /* Return th
  • select into outfile access deny问题 daizj mysqltxt导出数据到文件
    本文转自：http://hatemysql.com/2010/06/29/select-into-outfile-access-deny%E9%97%AE%E9%A2%98/ 为应用建立了rnd的帐号，专门为他们查询线上数据库用的，当然，只有他们上了生产网络以后才能连上数据库，安全方面我们还是很注意的，呵呵。 授权的语句如下： grant select on armory.* to rn
  • phpexcel导出excel表简单入门示例 dcj3sjt126com PHPExcelphpexcel
    <?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE);   if (PHP_SAPI == 'cli') die('This example should only be run from a Web Brows
  • 美国电影超短200句 dcj3sjt126com 电影
    1. I see． 我明白了。2. I quit! 我不干了!3. Let go! 放手!4. Me too． 我也是。5. My god! 天哪!6. No way! 不行!7. Come on． 来吧(赶快)8. Hold on． 等一等。9. I agree。 我同意。10. Not bad． 还不错。11. Not yet． 还没。12. See you． 再见。13. Shut up!
  • Java访问远程服务 dyy_gusi httpclientwebservicegetpost
        随着webService的崛起，我们开始中会越来越多的使用到访问远程webService服务。当然对于不同的webService框架一般都有自己的client包供使用，但是如果使用webService框架自己的client包，那么必然需要在自己的代码中引入它的包，如果同时调运了多个不同框架的webService，那么就需要同时引入多个不同的clien
  • Maven的settings.xml配置 geeksun settings.xml
    settings.xml是Maven的配置文件，下面解释一下其中的配置含义： settings.xml存在于两个地方： 1.安装的地方：$M2_HOME/conf/settings.xml 2.用户的目录：${user.home}/.m2/settings.xml 前者又被叫做全局配置，后者被称为用户配置。如果两者都存在，它们的内容将被合并，并且用户范围的settings.xml优先。
  • ubuntu的init与系统服务设置 hongtoushizi ubuntu
    转载自：  http://iysm.net/?p=178 init Init是位于/sbin/init的一个程序，它是在linux下，在系统启动过程中，初始化所有的设备驱动程序和数据结构等之后，由内核启动的一个用户级程序，并由此init程序进而完成系统的启动过程。 ubuntu与传统的linux略有不同，使用upstart完成系统的启动，但表面上仍维持init程序的形式。 运行
  • 跟我学Nginx+Lua开发目录贴 jinnianshilongnian nginxlua
    使用Nginx+Lua开发近一年的时间，学习和实践了一些Nginx+Lua开发的架构，为了让更多人使用Nginx+Lua架构开发，利用春节期间总结了一份基本的学习教程，希望对大家有用。也欢迎谈探讨学习一些经验。    目录 第一章 安装Nginx+Lua开发环境 第二章 Nginx+Lua开发入门 第三章 Redis/SSDB+Twemproxy安装与使用 第四章 L
  • php位运算符注意事项 home198979 位运算PHP&
    $a = $b = $c = 0; $a & $b = 1; $b | $c = 1  问a,b,c最终为多少?   当看到这题时，我犯了一个低级错误，误 以为位运算符会改变变量的值。所以得出结果是1 1 0 但是位运算符是不会改变变量的值的，例如： $a=1;$b=2; $a&$b;  这样a,b的值不会有任何改变
  • Linux shell数组建立和使用技巧 pda158 linux
    1.数组定义 　　[chengmo@centos5 ~]$ a=(1 2 3 4 5) 　　[chengmo@centos5 ~]$ echo $a 　　1 　　一对括号表示是数组，数组元素用“空格”符号分割开。 　　 2.数组读取与赋值 　　得到长度： 　　[chengmo@centos5 ~]$ echo ${#a[@]} 　　5 　　用${#数组名[@或
  • hotspot源码(JDK7) ol_beta javaHotSpotjvm
    源码结构图，方便理解：   ├─agent                            Serviceab
  • Oracle基本事务和ForAll执行批量DML练习 vipbooks oraclesql
    基本事务的使用： 从账户一的余额中转100到账户二的余额中去，如果账户二不存在或账户一中的余额不足100则整笔交易回滚 select * from account; -- 创建一张账户表 create table account( -- 账户ID id number(3) not null, -- 账户名称 nam
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他