任我行RQ
任我行RQ

Vue实现pc/H5弹窗拖拽

PC


<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>pc拖拽title>
    <style>
        .move {
            position: absolute;
            width: 100px;
            height: 100px;
            background-color: steelblue;
            border-radius: 50%;
            cursor: move;
        }
    style>
head>

<body>
    <div id="vue">
        <div class="move" @mousedown="mousedown" @mouseup="mouseup">div>
    div>
body>
<script src="https://cdn.suoluomei.com/common/js2.0/vue/v2.5.16/vue.js">script>
<script>
    new Vue({
        el: '#vue',
        data: {},
        methods: {
            mousedown(e) {
                var target = e.target
                var x = e.clientX
                var y = e.clientY
                var left = x - target.offsetLeft
                var top = y - target.offsetTop
                document.onmousemove = (e) => {
                    var nx = e.clientX - left
                    var ny = e.clientY - top
                    target.style.left = nx + 'px'
                    target.style.top = ny + 'px'
                }
            },
            mouseup(e) {
                document.onmousemove = null
            }
        }
    })
script>

html>

H5


<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="https://cdn.suoluomei.com/common/js2.0/npm/[email protected]/lib/index.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>H5拖拽title>
    <style>
        .move {
            position: absolute;
            width: 100px;
            height: 100px;
            background-color: slategray;
            border-radius: 50%;
        }
    style>
head>

<body>
    <div id="Vue">
        <div class="move" :style="{top:top + 'px',left:left + 'px'}" @touchstart="touchstart"
            @touchmove.prevent="touchmove" @touchend="touchend">div>
    div>
body>
<script src="https://cdn.suoluomei.com/common/js2.0/vue/v2.5.16/vue.js">script>
<script>
    new Vue({
        el: "#Vue",
        data: {
            x: 0,
            y: 0,
            l: 0,
            t: 0,
            left: "",
            top: "",
            isDown: false
        },
        methods: {
            touchstart(e) {
                this.x = e.changedTouches[0].pageX
                this.y = e.changedTouches[0].pageY
                this.l = this.left
                this.t = this.top
                this.isDown = true
            },
            touchmove(e) {
                if (this.isDown) {
                    var nx = e.changedTouches[0].pageX
                    var ny = e.changedTouches[0].pageY
                    var nl = nx - (this.x - this.l)
                    var nt = ny - (this.y - this.t)
                    this.left = nl
                    this.top = nt
                }
            },
            touchend(e) {
                this.isDown = false
            }
        }
    })
script>

html>

你可能感兴趣的:(Vue)

  • 基于uniapp微信小程+SpringBoot+Vue的流浪动物救助领养系统设计和实现(源码+论文+部署讲解等)
    博主介绍：✌全网粉丝50W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行前辈交流✌技术范围：SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等
  • Vue实例及组件 Yannick_H Y-Y滴前端日志基本概念（笔记）vue.js前端javascript
    目录一、Vue实例的属性和方法1.什么是vue实例：又称为Vue组件（1）Vue2.0创建Vue组件方法（2）Vue3.0创建Vue组件的方法2.Vue组件的属性3.Vue组件中的函数（1）限流函数二、表单数据的双向绑定三、Vue组件的样式绑定1.为HTML标签绑定class属性（1）绑定class属性，由绑定变量来决定应用哪个样式（2）可以将样式直接设置成Vue组件中的数据对象2.绑定内联样式四
  • EwVueComponent与Vue内置组件(Suspense + AsyncComponent+component)的对比 前端vue.js
    EwVueComponentvsVue内置组件：全面对比分析概述在Vue3的生态系统中，我们有多种处理动态组件的方案。本文将深入对比EwVueComponent与Vue的内置解决方案：+异步组件（defineAsyncComponent）以及，帮助您选择最适合项目需求的解决方案。功能对比概览特性EwVueComponentVueVue+异步组件动态组件渲染✅全面支持✅基础支持✅异步组件支持错误边界
  • 探索 Vue.js 组件的最新特性 vue.js
    引言：Vue.js作为一款流行的前端框架，始终在不断发展和演进，为开发者带来新的特性和功能，以提升开发效率和用户体验。Vue.js组件是构建Vue应用的基础，其最新特性为开发者提供了更强大的工具和更灵活的开发方式。本文将深入探讨Vue.js组件的一些最新特性，包括组合式API、Teleport、Suspense等，帮助开发者更好地掌握和运用这些特性，从而构建出更加高效、复杂的前端应用。组合式API
  • 计算机专业毕业设计选题指南（2025创新版） 程序员小天00 课程设计毕业设计小程序pythoneclipsejava
    计算机专业毕业设计选题指南（2025创新版）一、选题方向全景图（按技术维度划分）智能服务系统开发技术架构：SpringBoot+Vue3+MySQL/MongoDB典型场景：●智慧校园：实验室预约系统、学术成果可视化平台●医疗健康：电子病历智能分析系统、慢性病管理助手●城市治理：垃圾分类智能识别系统、交通拥堵预测模型创新点：融合OCR识别/NLP技术，实现无感化服务跨平台应用开发技术选型：Unia
  • vue-33（实践练习：使用 Nuxt.js 和 SSR 构建一个简单的博客） 清幽竹客 VUEjavascriptvue.js前端
    实践练习：使用Nuxt.js和SSR构建一个简单的博客使用Nuxt.js和SSR构建一个简单的博客是巩固你对服务器端渲染理解以及Nuxt.js如何简化这一过程的好方法。这个练习将带你完成设置基本博客结构、获取数据并以用户友好的格式展示，同时利用SSR的优势来提升SEO和性能。我们将专注于与构建博客相关的Nuxt.js核心概念，例如目录结构、asyncData和fetch方法，以及动态路由。设置Nu
  • :checked=“true“ 咔咔咔索菲斯 vue.js前端javascript
    在Vue中，:checked="true"是通过v-bind（缩写:）绑定表单元素的checked属性，使其默认处于选中状态。具体说明如下：1.作用：动态设置复选框/单选框的选中状态-当isSelected为true时，复选框默认选中；为false时取消选中。-单选框通过表达式userGender==='male'的布尔值判断是否选中。2.与不使用v-bind的区别-:checked="true"
  • 引入的js文件里有过引用vue，在外侧仍需再写一次吗
    在Vue项目中，是否需要在当前文件中再次导入Vue，取决于目标文件是否将Vue作为导出内容。具体规则如下：情况1：目标文件未导出Vue，需再次导入-场景：文件A中导入了Vue并使用，但未将Vue作为模块导出（如exportdefaultVue）。-示例：//utils.js（目标文件）importVuefrom'vue'exportfunctiondoSomething(){returnVue.u
  • vue2 keep-alive不生效 Hong.1948 前端vue.js
    问题描述路由中配置keepAlive、组件name唯一、标签包裹、路由嵌套，都检查了，keep-alive还是不生效，花了我两三个小时的时间折腾原因全局搜索标签，才发现居然有人在layout--componets--AppMain.vue里写了include……骚操作代码如下：:include="['page1','page2','page3']"藏这么深的缓存写法，哎。解决方式include删掉
  • 【vue】warning:Avoid mutating a prop directly Hong.1948 vue.js前端javascript
    Avoidmutatingapropdirectlysincethevaluewillbeoverwrittenwhenevertheparentcomponentre-renders.Instead,useadataorcomputedpropertybasedontheprop’svalue.Propbeingmutated:“placement”某天，发现项目中某个页面一直有这个warnin
  • vue中watch和computed的区别 shengggggg 面试题vue.js前端javascript
    在Vue.js中，watch和computed是两个常用的功能，用于响应式地处理数据变化。它们都可以用于观察和响应数据的变化，但在使用场景和实现方式上有所不同。1.定义和用法computed(计算属性)定义：computed是Vue中的计算属性，依赖于其他数据属性并基于这些依赖动态计算出一个新的值。计算属性会根据其依赖的变化自动更新。用法：适用于基于现有数据派生出新的数据，且该派生过程通常是同步且
  • Vue 中的 watch 和 computed 的区别 小草莓蹦蹦跳 每日专栏Vue1.x和Vue2.xVue3.x前端vue.js
    结论先行：computed是计算属性，有缓存功能。它的底层会通过dirty变量来判断是否重新计算。只有在依赖数据发生变化时才会重新计算，性能会更好。而watch没缓存，但watch能执行异步和比较复杂的逻辑操作。在应用场景上的区别：computed适用于多对一，也就是这个缓存属性受多个属性影响，例如购物车商品结算；而watch适用于一对多，也就是监听的属性影响多个属性，例如搜索框搜索。一、具体解析
  • Vue 中的 watch 和 computed 的区别是什么？ 编程微刊(祈澈菇凉) vue.js前端javascript
    在Vue.js中，watch和computed是两个非常重要的特性，它们都用于响应数据变化，但它们的用途和实现方式有明显的区别。理解这两者的差异对于编写高效和可维护的Vue组件至关重要。1.基本概念1.1computedcomputed是计算属性的简称，其本质是基于响应式数据的缓存计算值。它的值依赖于Vue实例中的数据，当依赖的数据发生变化时，计算属性的值会自动重新计算。计算属性是惰性计算的，只有
  • Vue基础(19)_Vue内置指令 风之舞_yjf Vuevue.js前端javascript
    我们学过的vue内置指令：v-bind：单向绑定解析表达式，可简写为：:xxxv-model：双向数据绑定v-for：遍历数组/对象/字符串v-on：绑定事件监听，可简写为@v-if：条件渲染(动态控制节点是否存在)v-else：条件渲染(动态控制节点是否存在)v-show：条件渲染(动态控制节点是否展示)其他指令：v-text指令：1、作用:向其所在的节点中渲染文本内容。2、与插值语法的区别：v
  • Vue3 Lifecycle Hooks
    Vue3生命周期钩子详解Vue3的生命周期钩子分为OptionsAPI和CompositionAPI两种使用方式，核心流程相同但语法有差异。以下是完整生命周期流程和每个钩子的详细说明：CompositionAPI生命周期流程图实际参数{{count}}import{ref,onBeforeMount,onMounted,onBeforeUpdate,onUpdated,onBeforeUnmoun
  • Vue3 script setup 行云＆流水 Vue3typescript前端前端Vue3
    以下是Vue3的超详细说明，涵盖核心机制、使用场景和最佳实践：1.核心设计原理编译时语法糖：会在编译阶段转换为标准的setup()函数，所有顶层绑定自动暴露给模板。作用域隔离：内部代码默认在闭包中执行，避免污染全局作用域，同时通过编译器静态分析实现模板直接引用。2.响应式数据管理自动解包：ref在模板中无需.value，但在逻辑代码中仍需：constcount=ref(0)//模板中直接写{{co
  • Vue3 中watch和computed 行云＆流水 Vue3typescript前端vue.jsjavascript前端
    Vue3中computed与watch深度解析在Vue3组合中，响应式工具的类型安全使用至关重要。以下是详细说明一、watch侦听器1.基础类型监听实际参数1={{count}}点击import{reactive,ref,watch}from"vue";constcount=ref(0)conststate=reactive({items:[]asstring[]});watch(count,(n
  • Vue中安装插件的方式 前端小咸鱼一条 Vue3vue.jsjavascript前端
    一.认识Vue插件1.1.通常向Vue全局添加一些功能时，会采用插件的模式，它有两种编写方式：1.1.1.对象类型：一个对象，但是必须包含一个install的函数，该函数会在安装插件时执行//方式一：传入对象的情况app.use({install:function(app){console.log('传入对象的install被执行：',app);}})1.1.2.函数类型：一个function，该
  • Vue中使用jsx 前端小咸鱼一条 Vue3vue.js前端javascript
    1.jsx的babel配置1.1在项目中使用jsx，需要添加对jsx的支持：jsx通常会通过Babel来进行转换(React编写的jsx就是通过babel转换的)Vue中，只需要在Babel中配置对应的插件即可以下列举需要支持转换的案例：template->vue-loaderrender->不需要转换jsx->babel(es6->es5、ts->js、jsx->js)->render2.vue
  • 低代码平台架构设计 LINGYI_WEN 低代码前端开发语言
    1.整体架构概述1.1技术栈选择前端：React+Redux/Vue+Vuex后端：Node.js+Express/SpringBoot数据库：MySQL/PostgreSQL/MongoDB云服务：AWS/Azure/GoogleCloud容器化：Docker+Kubernetes1.2模块划分前端模块：可视化编辑器：用于拖拽和配置组件预览器：实时预览页面效果发布器：将设计好的页面发布到生产环境
  • VUE开发环境下mock模拟数据与后端接口对接示例 guoyp2126 前端开发技术vue.jsnode.jsjavascript
    在以往的前端开发中，前端严重依赖后端，必须等待后端接口开发出来才能继续开发。使用mock，可以使得前后端开发异步进行，互不影响。Mock.js是一个模拟数据生成器，使用它可以拦截ajax请求，直接模拟返回数据，这样前后端只要约定好数据格式即可。这样前端就不需要依赖后端的接口，使用模拟的数据独立的完成开发，以下使用vue+mock.js的一个例子。安装mock打开命令行窗口，进入工程目录，输入以下命
  • vue实战指南 vue上传解析excel文件 DTcode7 Vue实战指南VUEHTMLwebvue框架前端
    vue实战指南vue上传解析excel文件基本概念与作用说明示例一：基本的文件上传功能示例二：使用FileReader读取文件内容示例三：使用xlsx库解析Excel文件示例四：处理多工作表的Excel文件示例五：错误处理和用户反馈实际工作中的使用技巧在现代Web应用中，数据导入和导出是一项常见的需求，特别是在企业级应用中。Excel作为一种广泛使用的电子表格软件，经常被用来存储和管理数据。Vue
  • Vue3 中 Excel 导出的性能优化与实战指南
    文章目录Vue3中Excel导出的性能优化与实战指南引言：为什么你的导出功能会卡死浏览器？一、前端导出方案深度剖析1.1xlsx(SheetJS)-轻量级冠军1.2exceljs-功能强大的重量级选手二、后端导出方案：大数据处理的救星2.1为什么大数据需要后端处理？2.2Node.js流式导出实战三、生产环境性能优化全攻略3.1内存优化技巧对比3.2用户体验优化方案四、决策流程图：帮你选择最佳方案
  • vue+three.js 加载fbx动画模型 资深前端之路 threeJsjavascriptvue.js前端
    嗨，我是小路。今天主要和大家分享的主题是“vue+three.js加载fbx动画模型”。在现代网页开发中，3D图形和动画的应用越来越广泛，从产品展示、虚拟展厅到游戏、教育等领域，三维技术正在不断刷新用户体验。而作为前端开发者，如何将高性能的3D动画无缝集成到Vue项目中？今天从网上找了一个fbx动画模型，然后将其加载出来，并让模型动起来。项目示意图1.FBXLoader加载器定义：主要用来加载fb
  • StreamSaver实现大文件下载解决方案 诸葛亮的芭蕉扇 前端vue.jsjavascriptnode.js
    StreamSaver实现大文件下载解决方案web端安装StreamSaver.jsnpminstallstreamsaver#或yarnaddstreamsaver在Vue组件中导入importstreamSaverfrom"streamsaver";//确保导入名称正确完整代码修正下载大文件（带进度）0">下载进度:{{progress}}%importstreamSaverfrom"stre
  • vue3 - 【完整源码】超详细实现网站 / H5 在线预览 pdf 文件功能，支持缩放、旋转、全屏预览、打印、下载、内容检索、主题色定制、侧边缩略图、页码跳转等等（最好用的pdf预览器，注释详细！） 十一猫咪爱养鱼 前端组件与功能(开箱即用)Vue组件与功能(工作经验)vue常见问题解决vue3pdf预览器vue3网页打开pdf文件vue3可自定义界面的pdfvue3pdf网页预览下载vue3项目预览PDF插件组件
    效果图在Vue3.js项目中，实现了快速高效的pdf预览器工具组件，附带详细的使用教程与详细的注释，保证一键复制轻松搞定！详细的注释很容易二次修改，很多实用功能，你也可以自定义界面上的样式、DIY一切！组件源码首先
  • $.post 上传文件_基于 Laravel + Vue 组件实现文件异步上传 Clever Liu $.post上传文件
    我们在上一篇教程中已经演示了如何通过Request请求实例获取各种文本输入数据，但是还有一种输入数据我们没有涉及到，那就是文件上传。我们可以通过Request请求实例提供的file方法获取用户上传文件，并将其保存到指定目录从而完成文件上传，接下来，我们将从前端到后端实现一个完整的用户上传文件功能，包括视图、路由、控制器部分代码。定义文件上传路由首先我们在routes/web.php中定义上传文件涉
  • Vue-pdf预览pdf文件流：让Vue项目中的PDF预览变得简单
    Vue-pdf预览pdf文件流：让Vue项目中的PDF预览变得简单【下载地址】Vue-pdf预览pdf文件流Vue-pdf预览PDF文件流是一个专为Vue项目设计的开源解决方案，旨在帮助开发者轻松实现在线预览PDF文件的功能。通过集成vue-pdf插件，该项目简化了在Vue应用中嵌入和展示PDF文件的过程，支持流式传输，提升用户体验。开发者只需按照简单的步骤将插件引入项目，并根据需求配置文件路径或
  • uniapp中检查版本，提示升级app，安卓下载apk，ios跳转应用商店 艾小逗 APPuni-appandroidiosapp升级
    uniapp中检查版本，提示升级app，安卓下载apk，ios跳转应用商店##使用方法：可以在app.vue的onLaunch中调用appUpdate，打开app就会检测onLaunch:function(){appUpdate()},完整代码如下：//APP更新import{queryAppVersion}from"@/apis/app";//比较版本号：v1v2返回1，相等返回0functio
  • 人类编程时代即将终结？OpenAI首席产品官预测AI将在今年底全面超越人类程序员 前端javascript
    ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读近日，OpenAI首席产品官KevinWeil在接受采访时表示，人工智能的发展速度远超预期，今年底就有可能在编程领域永久性地超越人类程序员。这一观点立即引发了行业热议，也让程序员们对未来产生了深刻的思考。人工智能的进展速度远超想象在与VarunMayya和TanmayBhat共同主持的YouTube节目《O
  • Java开发中，spring mvc 的线程怎么调用？ 小麦麦子 springmvc
    今天逛知乎，看到最近很多人都在问spring mvc 的线程http://www.maiziedu.com/course/java/ 的启动问题，觉得挺有意思的，那哥们儿问的也听仔细，下面的回答也很详尽，分享出来，希望遇对遇到类似问题的Java开发程序猿有所帮助。 问题：     在用spring mvc架构的网站上，设一线程在虚拟机启动时运行，线程里有一全局
  • maven依赖范围 bitcarter maven
    1.test 测试的时候才会依赖，编译和打包不依赖，如junit不被打包 2.compile 只有编译和打包时才会依赖 3.provided 编译和测试的时候依赖，打包不依赖，如：tomcat的一些公用jar包 4.runtime 运行时依赖，编译不依赖 5.默认compile 依赖范围compile是支持传递的，test不支持传递 1.传递的意思是项目A，引用
  • Jaxb org.xml.sax.saxparseexception : premature end of file darrenzhu xmlprematureJAXB
    如果在使用JAXB把xml文件unmarshal成vo(XSD自动生成的vo)时碰到如下错误： org.xml.sax.saxparseexception : premature end of file 很有可能时你直接读取文件为inputstream，然后将inputstream作为构建unmarshal需要的source参数。InputSource inputSource = new In
  • CSS Specificity 周凡杨 html权重Specificitycss
      有时候对于页面元素设置了样式，可为什么页面的显示没有匹配上呢？ because specificity CSS 的选择符是有权重的，当不同的选择符的样式设置有冲突时，浏览器会采用权重高的选择符设置的样式。     规则：   HTML标签的权重是1 Class 的权重是10 Id 的权重是100
  • java与servlet g21121 servlet
    servlet 搞java web开发的人一定不会陌生，而且大家还会时常用到它。 下面是java官方网站上对servlet的介绍： java官网对于servlet的解释 写道 Java Servlet Technology Overview Servlets are the Java platform technology of choice for extending and enha
  • eclipse中安装maven插件 510888780 eclipsemaven
    1.首先去官网下载 Maven： http://www.apache.org/dyn/closer.cgi/maven/binaries/apache-maven-3.2.3-bin.tar.gz 下载完成之后将其解压， 我将解压后的文件夹：apache-maven-3.2.3， 并将它放在 D:\tools目录下， 即 maven 最终的路径是：D:\tools\apache-mave
  • jpa@OneToOne关联关系 布衣凌宇 jpa
    Nruser里的pruserid关联到Pruser的主键id，实现对一个表的增删改，另一个表的数据随之增删改。 Nruser实体类 //***************************************************************** @Entity @Table(name="nruser") @DynamicInsert @Dynam
  • 我的spring学习笔记11-Spring中关于声明式事务的配置 aijuans spring事务配置
    这两天学到事务管理这一块，结合到之前的terasoluna框架，觉得书本上讲的还是简单阿。我就把我从书本上学到的再结合实际的项目以及网上看到的一些内容，对声明式事务管理做个整理吧。我看得Spring in Action第二版中只提到了用TransactionProxyFactoryBean和<tx:advice/>,定义注释驱动这三种，我承认后两种的内容很好，很强大。但是实际的项目当中
  • java 动态代理简单实现 antlove javahandlerproxydynamicservice
    dynamicproxy.service.HelloService package dynamicproxy.service; public interface HelloService { public void sayHello(); }   dynamicproxy.service.impl.HelloServiceImpl package dynamicp
  • JDBC连接数据库 百合不是茶 JDBC编程JAVA操作oracle数据库
             如果我们要想连接oracle公司的数据库，就要首先下载oralce公司的驱动程序，将这个驱动程序的jar包导入到我们工程中;   JDBC链接数据库的代码和固定写法;     1,加载oracle数据库的驱动;     &nb
  • 单例模式中的多线程分析 bijian1013 javathread多线程java多线程
    谈到单例模式，我们立马会想到饿汉式和懒汉式加载，所谓饿汉式就是在创建类时就创建好了实例，懒汉式在获取实例时才去创建实例，即延迟加载。 饿汉式： package com.bijian.study; public class Singleton { private Singleton() { } // 注意这是private 只供内部调用 private static
  • javascript读取和修改原型特别需要注意原型的读写不具有对等性 bijian1013 JavaScriptprototype
            对于从原型对象继承而来的成员，其读和写具有内在的不对等性。比如有一个对象A，假设它的原型对象是B，B的原型对象是null。如果我们需要读取A对象的name属性值，那么JS会优先在A中查找，如果找到了name属性那么就返回；如果A中没有name属性，那么就到原型B中查找name，如果找到了就返回；如果原型B中也没有
  • 【持久化框架MyBatis3六】MyBatis3集成第三方DataSource bit1129 dataSource
    MyBatis内置了数据源的支持，如：   <environments default="development"> <environment id="development"> <transactionManager type="JDBC" /> <data
  • 我程序中用到的urldecode和base64decode,MD5 bitcarter cMD5base64decodeurldecode
    这里是base64decode和urldecode，Md5在附件中。因为我是在后台所以需要解码： string Base64Decode(const char* Data,int DataByte,int& OutByte) { //解码表 const char DecodeTable[] = { 0, 0, 0, 0, 0, 0
  • 腾讯资深运维专家周小军：QQ与微信架构的惊天秘密 ronin47
    社交领域一直是互联网创业的大热门，从PC到移动端，从OICQ、MSN到QQ。到了移动互联网时代，社交领域应用开始彻底爆发，直奔黄金期。腾讯在过去几年里，社交平台更是火到爆，QQ和微信坐拥几亿的粉丝，QQ空间和朋友圈各种刷屏，写心得，晒照片，秀视频，那么谁来为企鹅保驾护航呢？支撑QQ和微信海量数据背后的架构又有哪些惊天内幕呢？本期大讲堂的内容来自今年2月份ChinaUnix对腾讯社交网络运营服务中心
  • java-69-旋转数组的最小元素。把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个排好序的数组的一个旋转，输出旋转数组的最小元素 bylijinnan java
    public class MinOfShiftedArray { /** * Q69 旋转数组的最小元素 * 把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个排好序的数组的一个旋转，输出旋转数组的最小元素。 * 例如数组{3, 4, 5, 1, 2}为{1, 2, 3, 4, 5}的一个旋转，该数组的最小值为1。 */ publ
  • 看博客，应该是有方向的 Cb123456 反省看博客
    看博客，应该是有方向的:  我现在就复习以前的，在补补以前不会的，现在还不会的，同时完善完善项目，也看看别人的博客.  我刚突然想到的:  1.应该看计算机组成原理，数据结构，一些算法，还有关于android,java的。  2.对于我，也快大四了，看一些职业规划的，以及一些学习的经验，看看别人的工作总结的.    为什么要写
  • [开源与商业]做开源项目的人生活上一定要朴素,尽量减少对官方和商业体系的依赖 comsci 开源项目
         为什么这样说呢？  因为科学和技术的发展有时候需要一个平缓和长期的积累过程，但是行政和商业体系本身充满各种不稳定性和不确定性，如果你希望长期从事某个科研项目，但是却又必须依赖于某种行政和商业体系，那其中的过程必定充满各种风险。。。       所以，为避免这种不确定性风险，我
  • 一个 sql优化 （[精华] 一个查询优化的分析调整全过程！很值得一看 ） cwqcwqmax9 sql
    见   http://www.itpub.net/forum.php?mod=viewthread&tid=239011 Web翻页优化实例 提交时间: 2004-6-18 15:37:49      回复    发消息  环境： Linux ve
  • Hibernat and Ibatis dashuaifu Hibernateibatis
    Hibernate  VS  iBATIS 简介 Hibernate 是当前最流行的O/R mapping框架，当前版本是3.05。它出身于sf.net，现在已经成为Jboss的一部分了 iBATIS 是另外一种优秀的O/R mapping框架，当前版本是2.0。目前属于apache的一个子项目了。 相对Hibernate“O/R”而言，iBATIS 是一种“Sql Mappi
  • 备份MYSQL脚本 dcj3sjt126com mysql
    #!/bin/sh # this shell to backup mysql #[email protected] (QQ:1413161683 DuChengJiu) _dbDir=/var/lib/mysql/ _today=`date +%w` _bakDir=/usr/backup/$_today [ ! -d $_bakDir ] && mkdir -p
  • iOS第三方开源库的吐槽和备忘 dcj3sjt126com ios
    转自 ibireme的博客   做iOS开发总会接触到一些第三方库，这里整理一下，做一些吐槽。   目前比较活跃的社区仍旧是Github，除此以外也有一些不错的库散落在Google Code、SourceForge等地方。由于Github社区太过主流，这里主要介绍一下Github里面流行的iOS库。   首先整理了一份 Github上排名靠
  • html wlwmanifest.xml eoems htmlxml
    所谓优化wp_head()就是把从wp_head中移除不需要元素，同时也可以加快速度。 步骤： 加入到function.php remove_action('wp_head', 'wp_generator'); //wp-generator移除wordpress的版本号，本身blog的版本号没什么意义，但是如果让恶意玩家看到，可能会用官网公布的漏洞攻击blog remov
  • 浅谈Java定时器发展 hacksin java并发timer定时器
    java在jdk1.3中推出了定时器类Timer,而后在jdk1.5后由Dou Lea从新开发出了支持多线程的ScheduleThreadPoolExecutor，从后者的表现来看，可以考虑完全替代Timer了。 Timer与ScheduleThreadPoolExecutor对比： 1.    Timer始于jdk1.3,其原理是利用一个TimerTask数组当作队列
  • 移动端页面侧边导航滑入效果 ini jqueryWebhtml5cssjavascirpt
    效果体验：http://hovertree.com/texiao/mobile/2.htm可以使用移动设备浏览器查看效果。效果使用到jquery-2.1.4.min.js，该版本的jQuery库是用于支持HTML5的浏览器上，不再兼容IE8以前的浏览器，现在移动端浏览器一般都支持HTML5，所以使用该jQuery没问题。HTML文件代码： <!DOCTYPE html> <h
  • AspectJ+Javasist记录日志 kane_xie aspectjjavasist
    在项目中碰到这样一个需求，对一个服务类的每一个方法，在方法开始和结束的时候分别记录一条日志，内容包括方法名，参数名+参数值以及方法执行的时间。   @Override public String get(String key) { // long start = System.currentTimeMillis(); // System.out.println("Be
  • redis学习笔记 MJC410621 redisNoSQL
    1)nosql数据库主要由以下特点：非关系型的、分布式的、开源的、水平可扩展的。 1，处理超大量的数据 2，运行在便宜的PC服务器集群上， 3，击碎了性能瓶颈。 1)对数据高并发读写。 2)对海量数据的高效率存储和访问。 3)对数据的高扩展性和高可用性。 redis支持的类型： Sring 类型 set name lijie get name lijie set na
  • 使用redis实现分布式锁 qifeifei
    在多节点的系统中，如何实现分布式锁机制，其中用redis来实现是很好的方法之一，我们先来看一下jedis包中，有个类名BinaryJedis,它有个方法如下：   public Long setnx(final byte[] key, final byte[] value) { checkIsInMulti(); client.setnx(key, value); ret
  • BI并非万能，中层业务管理报表要另辟蹊径 张老师的菜 大数据BI商业智能信息化
           BI是商业智能的缩写，是可以帮助企业做出明智的业务经营决策的工具，其数据来源于各个业务系统，如ERP、CRM、SCM、进销存、HER、OA等。        BI系统不同于传统的管理信息系统，他号称是一个整体应用的解决方案，是融入管理思想的强大系统：有着系统整体的设计思想，支持对所有
  • 安装rvm后出现rvm not a function 或者ruby -v后提示没安装ruby的问题 wudixiaotie function
    1.在~/.bashrc最后加入 [[ -s "$HOME/.rvm/scripts/rvm" ]] && source "$HOME/.rvm/scripts/rvm"  2.重新启动terminal输入：   rvm use ruby-2.2.1 --default  把当前安装的ruby版本设为默
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他