视觉CG
视觉CG

【Sortable】前端拖拽库 | 简洁 | 实用 | 强大

前言

  • 官网 - http://www.sortablejs.com/index.html
  • 中文文档 - https://www.itxst.com/sortablejs/neuinffi.html
  • npm - https://www.npmjs.com/package/sortablejs

npm下载

npm i sortablejs

umd

  <script src="https://www.itxst.com/package/sortable/sortable.min.js"></script>

例子

    const el = document.querySelector('.template-group')//拖拽的父元素
    new Sortable(el, {
        group: { name: "z", pull: true, put: true },
        filter: '.viz-group',// 过滤
        draggable: ".viz-item",//拖拽的元素
        animation: 300,//动画时间
        handle: ".viz-move",//拖拽句柄  - 就是要拖拽的子元素
        easing: 'cubic-bezier(0.16, 1, 0.3, 1)',//动效 
        ghostClass: 'drop-select',//拖拽class
    })

拖拽句柄解释

如下图

  • 假如设置了拖拽句柄，要拖拽红框的元素，黄框就是拖拽句柄。
  • 只有当拖拽句柄才能拖拽红框元素

【Sortable】前端拖拽库 | 简洁 | 实用 | 强大_第1张图片

Demo

demo.html

<style>
    .box {
      width: 200px;
      max-width: 220px;
    }

    .item,
    .title {
      display: flex;
      justify-content: space-between;
      height: 30px;
      align-items: center;
      border: solid 1px #ccc;
      border-style: none none solid solid;
    }

    .title {
      background-color: #f4f4f4;
    }

    .move {
      background-color: rgb(116, 199, 202);
      width: 30px;
      height: 100%;
      cursor: grab;
    }

    .move:hover {
      background-color: cadetblue;
    }

    /* 拖拽样式 */
    .drop-select {
      background: rgba(18, 188, 255, 0.25);
    }
  style>
  <body>
    <div class="box">
      
      <div class="item">
        <div class="item-grid">文本1div>
        
        <div class="move">div>
      div>
      <div class="item">
        <div class="item-grid">文本2div>
        <div class="move">div>
      div>
      <div class="item">
        <div class="item-grid">文本3div>
        <div class="move">div>
      div>
      <div class="item">
        <div class="item-grid">文本4div>
        <div class="move">div>
      div>
      <div class="item">
        <div class="item-grid">文本5div>
        <div class="move">div>
      div>
      <div class="item">
        <div class="item-grid">文本6div>
        <div class="move">div>
      div>
      <div class="title">更多div>
      <div class="item">
        <div class="item-grid">6666div>
        <div class="move">div>
      div>
      <div class="item">
        <div class="item-grid">7777div>
        <div class="move">div>
      div>
      <div class="item">
        <div class="item-grid">520div>
        <div class="move">div>
      div>
    div>
    <script src="https://www.itxst.com/package/sortable/sortable.min.js">script>
    <script>
      const el = document.querySelector(".box");
      new Sortable(el, {
        group: { name: "group1", pull: true, put: true },
        filter: ".title", // 过滤
        draggable: ".item", //拖拽的元素
        animation: 300, //动画时间
        handle: ".move", //拖拽句柄  - 就是要拖拽的子元素
        easing: "cubic-bezier(0.16, 1, 0.3, 1)", //动效
        ghostClass: "drop-select", //拖拽class
      });
    script>
  body>

效果

拖拽前

【Sortable】前端拖拽库 | 简洁 | 实用 | 强大_第2张图片

拖拽中

【Sortable】前端拖拽库 | 简洁 | 实用 | 强大_第3张图片

拖拽后

【Sortable】前端拖拽库 | 简洁 | 实用 | 强大_第4张图片

你可能感兴趣的:(JS,前端,javascript)

  • 【Vue】let、const、var的区别、适用场景 宏夏c javascript开发语言ecmascript
    let、const、var，有哪些区别，适用场景var特点：var是JavaScript中最传统的变量声明方式。具有函数作用域，即在函数内声明的var变量，在整个函数内都可以访问。变量提升：使用var声明的变量会被提升到函数的顶部，但赋值操作仍保留在原位置。可以重复声明，这可能导致意外的变量覆盖问题。在JavaScript中创建变量通常称为"声明"变量。变量在脚本中第一次出现是在声明中。第一次用到
  • 2024年最新Python：Page Object设计模式_python page object，BTAJ大厂最新面试题汇集 m0_60707708 程序员python设计模式开发语言
    最后硬核资料：关注即可领取PPT模板、简历模板、行业经典书籍PDF。技术互助：技术群大佬指点迷津，你的问题可能不是问题，求资源在群里喊一声。面试题库：由技术群里的小伙伴们共同投稿，热乎的大厂面试真题，持续更新中。知识体系：含编程语言、算法、大数据生态圈组件（Mysql、Hive、Spark、Flink）、数据仓库、Python、前端等等。网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是
  • Electron 开发者的 Tauri 2.0 实战指南：安全实践
    在桌面应用开发中，安全性至关重要。相比Electron，Tauri2.0提供了更严格的安全模型和更完善的权限系统。本文将帮助你理解和实践Tauri的安全特性。权限系统对比Electron的安全模型在Electron中，我们通常这样处理安全：//main.jsconst{app,BrowserWindow}=require('electron')functioncreateWindow(){cons
  • 特殊数据类型的深度分析：JSON、数组和 HSTORE 的实用价值
    title:特殊数据类型的深度分析：JSON、数组和HSTORE的实用价值date:2025/1/4updated:2025/1/4author:cmdragonexcerpt:随着数据管理需求的多样化，许多现代数据库系统开始支持特殊数据类型，以满足更多复杂应用场景的需求。在PostgreSQL中，JSON、数组和HSTORE类型为开发者提供了灵活的数据存储和操作方式，使得结构化和非结构化数据的处
  • 日期和时间数据类型的深入探讨：理论与实践
    title:日期和时间数据类型的深入探讨：理论与实践date:2025/1/3updated:2025/1/3author:cmdragonexcerpt:日期和时间数据类型在数据库管理系统中扮演着重要角色，尤其是在数据分析、时间序列数据和事件追踪等领域。这些数据类型不仅可以准确表示时间信息，还能在信息检索、数据存储和计算功能上发挥重要作用。categories:前端开发tags:日期和时间数据库
  • 【华为OD-E卷 - IPv4地址转换成整数 100分（python、java、c++、js、c）】 CodeClimb 算法题华为od（A+B+C+D+E卷）收录分享华为odpythonjavac++javascript
    【华为OD-E卷-IPv4地址转换成整数100分（python、java、c++、js、c）】题目存在一种虚拟IPv4地址，由4小节组成，每节的范围为0~255，以#号间隔，虚拟IPv4地址可以转换为一个32位的整数，例如：128#0#255#255，转换为32位整数的结果为2147549183（0x8000FFFF）1#0#0#0，转换为32位整数的结果为16777216（0x01000000）
  • javascript document例子 飞行codes python的荒野javascript前端
    document对象是JavaScript中非常核心的对象之一，它是DOM（DocumentObjectModel）的一部分，提供了丰富的属性和方法用于操作网页上的元素和内容。和文件相关操作，比如上传下载等。下载文件例如image.png：functiondownloadImage(){varlink=document.createElement('a');link.href="{{url_for
  • 云原生周刊：Kubernetes 和 Docker 的对比 云计算
    开源项目推荐DokployDokploy是一个功能强大的开源平台，为开发者提供与Vercel、Netlify和Heroku类似的全栈部署与托管体验。它支持现代化的开发工作流，提供快速、可靠的部署服务，涵盖前端、后端和全栈应用。Dokploy的开源特性让开发者可以完全掌控基础设施，同时享受自动化部署、缩放和构建优化的便捷。无论是静态网站、动态应用还是微服务架构，Dokploy都是企业和个人开发者的理
  • 聚焦实践，面向前端 | 12月7日华为云首届开源开发者论坛火热报名中~ 开发者生态开源论坛活动
    2024华为云开源开发者论坛重磅来袭！大会以“开放创新，释放云上生产力”为主题，融合AI、Serverless、前端、时序数据库、边缘计算、批量调度等多个维度，协助生态合作伙伴、企业、个人和高校开发者通过开源力量打造多场景多领域，提升技术活力及产业生产力。本次前端技术论坛汇聚7位行业专家，精心准备7个专题分享。议题内容深入业务，聚焦实践，希望与开发者共同探讨在业务选型/业务开发过程中所遇到的问题及
  • vscode项目依赖问题 .弗兰克 vscode
    必读一定要将前端下拉的项目备份一下，很容易运行导致依赖报错，重新下载命令使用幽灵分解器安装pnpminstall替代npminstall设置淘宝NPM镜像源yarnconfigsetregistryhttps://registry.npmmirror.com查看目前依赖包的版本npmlist@ant-design/icons-angular查看有哪些版本npmview@ant-design/ico
  • HBuilder X打包运行鸿蒙应用(vue2 -＞ vue3) 木子李–刚步入开发的小学生 harmonyos前端uniapp
    HBuilderX打包运行鸿蒙应用vue2->vue31.manifest.json配置为vueVersion：32.main.js调整（下方已补充）3.store调整4.增加入口文件index.html5.require方式调整为import导入方式6.main导入uni.promisify.adaptor3-2.jsuniappVue3转Vue2APIPromise化调用结果的方式7.项目运行
  • GDPU JavaWeb 大结局篇 孑么 #JavaWebjavaservlet开发语言ajaxsqlmvc
    目录实验复习代码模板课后巩固习题课件精简版GDPUJavaWeb程序设计复习，习题集，重点知识总结，一篇就够了。实验复习JavaWeb代码复习，在专栏也可查阅。留意一下登陆界面的操作及mvc的那些重复的代码。大小写要注意。一般来说很多方法都是两个单词拼的，后一个单词的首字母要大写，如doGet、getParameter等。代码模板这里的注释用//jsp部分1.表单、常用的登陆界面//不写metho
  • vue 如何判断每次进入都会刷新页面 东锋1.3 vue.jsjavascript开发语言ecmascript
    在Vue.js中，如果你想要检测用户是否重新加载了页面或者首次访问页面，可以通过监听某些生命周期钩子或者利用浏览器的存储机制来实现。方法一：使用Vue生命周期钩子Vue组件提供了几个生命周期钩子，如beforeCreate,created,beforeMount,mounted等。其中mounted钩子是在实例被挂载到DOM后调用的。可以在这个钩子中设置一个标志来标记页面是否已经被初始化。expo
  • uni-app 开发华为鸿蒙HarmonyOS NEXT初体验 不知名靓仔 华为uni-appharmonyos
    引言随着华为鸿蒙系统的不断发展，越来越多的开发者开始尝试使用uni-app来开发跨平台应用，特别是针对华为最新的HarmonyOSNEXT版本。本文将分享我在使用uni-app开发HarmonyOSNEXT应用的一些经验和心得，并提供具体的代码示例。1.开发环境准备1.1安装必备工具为了开始开发，你需要安装以下工具：Node.js：推荐使用LTS版本。uni-appCLI：可以通过npm安装。De
  • 网页端基于js的图片裁剪 天外来鹿 javascripthtmljavascripthtmljscss
    效果预览点击下载前往码云下载相应js使用说明CDN使用window.clip=newClip({dragBoxClass:'block',//裁剪框类名clipRadio:1/1,//裁剪比例宽/高传0或空或不传等于不设置比例//单位px仅为裁剪框的宽高不等同裁剪后最终图片宽高initialHeight:100,//裁剪框初始高度initialWidth:100,//裁剪框初始宽度minHeigh
  • java计算机毕业设计货币博物馆展品管理系统源码+数据库+系统+lw文档+mybatis+运行部署 游游科技 mybatisjavamysql
    java计算机毕业设计货币博物馆展品管理系统源码+数据库+系统+lw文档+mybatis+运行部署java计算机毕业设计货币博物馆展品管理系统源码+数据库+系统+lw文档+mybatis+运行部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8
  • 使用网页应用程序（HTA）开发简单串口控制软件 catxl313 functionjavascriptnullcommandcmdobject
    利用PC机，通过串口协议控制单片机或其他嵌入式系统是工业上广泛使用的技术。相信很多人都没用网页开发过串口应用程序，近期我尝试使用HTML+JavaScript+ActiveX模式开发了一个简单的串口控制应用程序。示例应用程序，点击这里进入下载页面。（可看到完整的网页应用程序代码，运行之前需要注册控件，不过我只能“口头”保证没有病毒。）关于“网页应用程序（HTA）”的基本介绍，大家搜一下就知道了，很
  • 线上电竞游戏陪玩系统php语言前端开源系统源码/php+uniapp开发 15182237945详聊 php前端开源
    关于PHP语言前端开源系统源码以及PHP与UniApp的结合开发，以下是一些详细信息和示例：PHP语言前端开源系统源码PHP本身是一种服务器端脚本语言，特别适用于Web开发，并可嵌入HTML中使用。一个典型的PHP网站通常包括前台（用户界面）和后台（管理界面）两部分。前台源码：主要负责用户交互和展示内容，通常包括HTML、CSS、JavaScript以及PHP脚本。例如，一个简单的PHP前台页面可
  • 博客搭建 — GitHub Pages 部署 忆宸_1 博客github个人开发
    关于GitHubPagesGitHubPages是一项静态站点托管服务，它直接从GitHub上的仓库获取HTML、CSS和JavaScript文件，通过构建过程运行文件，然后发布网站。本文最终效果是搭建出一个域名为https://.github.io的网站创建GitHubPages站点仓库输入仓库名称，必须命名为.github.io，是你的用户名选择仓库可见性：Public（公开）选择“使用REA
  • AXIOS的引入和封装 z_y_j229970438 前端
    Axios是一个用于在浏览器和Node.js中进行HTTP请求的流行库。以下是Axios的基本使用说明，包括安装和定义。一、安装pnpmaddaxios二、使用importaxiosfrom'axios';axios.get('http://139.186.166.35:3001/api/testGet').then(response=>{console.log('Response:',respo
  • bizhan爬虫，反爬虫机制严重 yzx991013 爬虫
    importosimportreimportrequestsimportjsonimportsubprocessfromlxmlimportetreefromtimeimportsleep#请求头信息header={"referer":"https://www.bilibili.com","user-agent":"Mozilla/5.0(WindowsNT10.0;Win64;x64)Apple
  • 【论文投稿】解锁Vue.js组件开发的神奇密码 小周不想卷 艾思科蓝学术会议投稿vue.js
    目录一、引言：Vue.js组件化的魅力之源二、初窥门径：组件的基础架构（一）组件的构成要素（二）创建首个Vue组件实例三、进阶之路：组件通信的艺术（一）父子组件间的通信之道（二）兄弟组件与跨层级通信的谋略四、实战演练：打造Vue.js组件库（一）规划组件库架构（二）开发实用组件五、总结：Vue.js组件开发的智慧结晶一、引言：Vue.js组件化的魅力之源在当今的前端开发领域，Vue.js已然成为备
  • 面试反馈流程及模版 学海无涯乐作舟 客户端面试面试职场和发展
    候选人优势项目经验丰富有大型app经验和应急经验有前端研发经验面试过程：自我介绍10年毕业南京师范大学毕业项目经验丰富；微信开放平台：jsapi接口；jsapi如何传输大图片图片压缩转base64,分多次去传,前端去拼接；参与最复杂的项目分享下app从0到1，功能比较多，比较急，耦合多；架构重构，分成3层：基础库，中间路由，顶部业务模块生产遇到过故障vue写weex，引发白屏ios不兼容es5的语
  • 小程序快速搭建线上预约线下陪玩伴游系统源码，打造便捷新体验
    一、技术选型前端框架：推荐使用uni-app框架进行开发，因其支持多平台（微信小程序、H5、APP等）的同步发布，能有效提高开发效率和用户体验。后端技术：可以选择PHP+MySQL等成熟的技术栈，确保系统的稳定性和数据处理能力。对于更复杂的需求，也可以考虑使用Java等后端开发语言，配合SpringBoot、SpringMVC等框架，提供全面的编程和配置模型。数据库：MySQL是常用的开源关系型数
  • 2024最新前端面试题(八股文)一阶段总结（html，css）!!!!新手必看必背!通俗易通!全面!全是干货！ 沐光M 前端面试题csshtmles6前端
    1.网络中使用最多的图片格式有哪些•gif支持动画，只有全透明和不透明两种模式，只有256种颜色,适用于简单动画、徽标和简单图形等应用场景。•jpeg常见格式,采用有损压缩算法，保持图像质量的同时减小文件大小,体积较小，不支持透明，不支持动画•png采用无损压缩算法，体积也相对较小，支持透明背景，不支持动画•svg一般会保存颜色及形状相对简单的图片，可任意放大图形显示，边缘异常清晰•BMP画质最好
  • 校园论坛交友、跑腿、二手市场，多校园系统源码前后端分离，校园系统APP
    多客校园系统是一款功能强大的校园综合服务平台，它集成了论坛交友、跑腿服务、二手市场等多个功能模块，旨在为学生提供一个便捷、高效、安全的校园生活服务平台。该系统支持多端运行，包括APP、小程序、H5等，以满足不同用户的需求和场景。技术栈选择1.后端：PHP（建议使用PHP7.2或更高版本）2.数据库：MySQL（建议使用MySQL5.6或更高版本）3.前端：Uni-app（适用于移动应用开发）4.框
  • 字节的面试，感觉还挺简单的~ go后端面试问题面试字节跳动
    今天分享的是训练营的朋友在字节跳动的面试，新鲜出炉的还热乎着呢。题目都挺简单的，但是他的面试体验不太好，因为面试官问了两个类似的问题，感觉有点不认真。下面是面试的内容：面经详解简单介绍下你的项目介绍下教育平台考试模块的业务.包括题目的读写试卷的生成创建之后,试题如何存储试卷如何分发给考生考生如何提交试卷,你们如何收集试卷结果最后怎么判题以下是对每个问题的回答：前端接口使用restful格式，pos
  • Jquery 、Js —— 获取当前年月日、星期几 、地点、天气！ 爱吃果蔬的猫 Jqueryjquery前端javascript
    最近的工作中的小需求，自己整理了下有关——日期与天气的代码：有其他需求的小伙伴可以去官网天气插件-心知天气html代码Date:Time:Day:js代码$(document).ready(function(){functionupdateDateTime(){constnow=newDate();constyear=now.getFullYear();constmonth=(now.getMon
  • 前端-跨端跨平台框架介绍 有哥来袭 跨端跨平台前端
    1.Taro官网:https://taro-docs.jd.com/docsTaro是一个开放式跨端跨框架解决方案，支持使用React/Vue/Nerv等框架来开发微信/京东/百度/支付宝/字节跳动/QQ/飞书小程序/H5/RN等应用。2.ReactNative中文文档:https://reactnative.cn/英文文档:https://reactnative.dev/docs/getting
  • 鸿蒙开发napi系列学习进阶篇——NAPI 导出类对象 OpenHarmony_小贾 OpenHarmonyHarmonyOS移动开发前端javascript开发语言分布式OpenHarmony鸿蒙系统鸿蒙开发
    简介js调用napi的数据，对于简单的数据类型，只需要napi返回对应类型的napi_value数据即可(详情参照napi数据类型类型与同步调用)。但是对于一些复杂的数据类型(如我们常用C++的类对象)，是不能直接返回一个napi_value数据的。这时我们需要对这些数据进行一系列操作后将其导出，这样js才能使用导出后的对象。本文以导出类对象为例来说明napi导出对象的具体过程。类对象导出的具体过
  • knob UI插件使用 换个号韩国红果果 JavaScriptjsonpknob
    图形是用canvas绘制的 js代码 var paras = { max:800, min:100, skin:'tron',//button type thickness:.3,//button width width:'200',//define canvas width.,canvas height displayInput:'tr
  • Android+Jquery Mobile学习系列(5)-SQLite数据库 白糖_ JQuery Mobile
    目录导航   SQLite是轻量级的、嵌入式的、关系型数据库，目前已经在iPhone、Android等手机系统中使用,SQLite可移植性好，很容易使用，很小，高效而且可靠。   因为Android已经集成了SQLite，所以开发人员无需引入任何JAR包，而且Android也针对SQLite封装了专属的API，调用起来非常快捷方便。   我也是第一次接触S
  • impala-2.1.2-CDH5.3.2 dayutianfei impala
    最近在整理impala编译的东西，简单记录几个要点： 根据官网的信息（https://github.com/cloudera/Impala/wiki/How-to-build-Impala）： 1. 首次编译impala，推荐使用命令： ${IMPALA_HOME}/buildall.sh -skiptests -build_shared_libs -format 2.仅编译BE ${I
  • 求二进制数中1的个数 周凡杨 java算法二进制
    解法一： 对于一个正整数如果是偶数，该数的二进制数的最后一位是 0 ，反之若是奇数，则该数的二进制数的最后一位是 1 。因此，可以考虑利用位移、判断奇偶来实现。   public int bitCount(int x){ int count = 0; while(x!=0){ if(x%2!=0){ /
  • spring中hibernate及事务配置 g21121 Hibernate
    hibernate的sessionFactory配置： <!-- hibernate sessionFactory配置 --> <bean id="sessionFactory" class="org.springframework.orm.hibernate3.LocalSessionFactoryBean"> <
  • log4j.properties 使用 510888780 log4j
    log4j.properties 使用 一.参数意义说明 输出级别的种类 ERROR、WARN、INFO、DEBUG ERROR 为严重错误 主要是程序的错误 WARN 为一般警告，比如session丢失 INFO 为一般要显示的信息，比如登录登出 DEBUG 为程序的调试信息 配置日志信息输出目的地 log4j.appender.appenderName = fully.qua
  • Spring mvc-jfreeChart柱图（2） 布衣凌宇 jfreechart
    上一篇中生成的图是静态的，这篇将按条件进行搜索，并统计成图表，左面为统计图，右面显示搜索出的结果。 第一步：导包 第二步；配置web.xml(上一篇有代码) 建BarRenderer类用于柱子颜色 import java.awt.Color; import java.awt.Paint; import org.jfree.chart.renderer.category.BarR
  • 我的spring学习笔记14-容器扩展点之PropertyPlaceholderConfigurer aijuans Spring3
    PropertyPlaceholderConfigurer是个bean工厂后置处理器的实现，也就是BeanFactoryPostProcessor接口的一个实现。关于BeanFactoryPostProcessor和BeanPostProcessor类似。我会在其他地方介绍。 PropertyPlaceholderConfigurer可以将上下文（配置文件）中的属性值放在另一个单独的标准java
  • maven 之 cobertura 简单使用 antlove maventestunitcoberturareport
    1. 创建一个maven项目 2. 创建com.CoberturaStart.java package com; public class CoberturaStart { public void helloEveryone(){ System.out.println("=================================================
  • 程序的执行顺序 百合不是茶 JAVA执行顺序
          刚在看java核心技术时发现对java的执行顺序不是很明白了,百度一下也没有找到适合自己的资料,所以就简单的回顾一下吧   代码如下;     经典的程序执行面试题 //关于程序执行的顺序 //例如： //定义一个基类 public class A(){ public A(
  • 设置session失效的几种方法 bijian1013 web.xmlsession失效监听器
    在系统登录后，都会设置一个当前session失效的时间，以确保在用户长时间不与服务器交互，自动退出登录，销毁session。具体设置很简单，方法有三种：（1）在主页面或者公共页面中加入：session.setMaxInactiveInterval(900);参数900单位是秒，即在没有活动15分钟后，session将失效。这里要注意这个session设置的时间是根据服务器来计算的，而不是客户端。所
  • java jvm常用命令工具 bijian1013 javajvm
    一.概述         程序运行中经常会遇到各种问题，定位问题时通常需要综合各种信息，如系统日志、堆dump文件、线程dump文件、GC日志等。通过虚拟机监控和诊断工具可以帮忙我们快速获取、分析需要的数据，进而提高问题解决速度。 本文将介绍虚拟机常用监控和问题诊断命令工具的使用方法，主要包含以下工具:       &nbs
  • 【Spring框架一】Spring常用注解之Autowired和Resource注解 bit1129 Spring常用注解
    Spring自从2.0引入注解的方式取代XML配置的方式来做IOC之后，对Spring一些常用注解的含义行为一直处于比较模糊的状态，写几篇总结下Spring常用的注解。本篇包含的注解有如下几个： Autowired Resource Component Service Controller Transactional 根据它们的功能、目的，可以分为三组，Autow
  • mysql 操作遇到safe update mode问题 bitray update
        我并不知道出现这个问题的实际原理,只是通过其他朋友的博客,文章得知的一个解决方案,目前先记录一个解决方法,未来要是真了解以后,还会继续补全.     在mysql5中有一个safe update mode,这个模式让sql操作更加安全,据说要求有where条件,防止全表更新操作.如果必须要进行全表操作,我们可以执行 SET
  • nginx_perl试用 ronin47 nginx_perl试用
    因为空闲时间比较多，所以在CPAN上乱翻，看到了nginx_perl这个项目(原名Nginx::Engine)，现在托管在github.com上。地址见：https://github.com/zzzcpan/nginx-perl 这个模块的目的，是在nginx内置官方perl模块的基础上，实现一系列异步非阻塞的api。用connector/writer/reader完成类似proxy的功能（这里
  • java-63-在字符串中删除特定的字符 bylijinnan java
    public class DeleteSpecificChars { /** * Q 63 在字符串中删除特定的字符 * 输入两个字符串，从第一字符串中删除第二个字符串中所有的字符。 * 例如，输入”They are students.”和”aeiou”，则删除之后的第一个字符串变成”Thy r stdnts.” */ public static voi
  • EffectiveJava--创建和销毁对象 ccii 创建和销毁对象
    本章内容： 1. 考虑用静态工厂方法代替构造器 2. 遇到多个构造器参数时要考虑用构建器（Builder模式） 3. 用私有构造器或者枚举类型强化Singleton属性 4. 通过私有构造器强化不可实例化的能力 5. 避免创建不必要的对象 6. 消除过期的对象引用 7. 避免使用终结方法 1. 考虑用静态工厂方法代替构造器     类可以通过
  • [宇宙时代]四边形理论与光速飞行 comsci
       从四边形理论来推论 为什么光子飞船必须获得星光信号才能够进行光速飞行？    一组星体组成星座  向空间辐射一组由复杂星光信号组成的辐射频带，按照四边形-频率假说  一组频率就代表一个时空的入口    那么这种由星光信号组成的辐射频带就代表由这些星体所控制的时空通道，该时空通道在三维空间的投影是一
  • ubuntu server下python脚本迁移数据 cywhoyi pythonKettlepymysqlcx_Oracleubuntu server
    因为是在Ubuntu下，所以安装python、pip、pymysql等都极其方便，sudo apt-get install pymysql， 但是在安装cx_Oracle（连接oracle的模块）出现许多问题，查阅相关资料，发现这边文章能够帮我解决，希望大家少走点弯路。http://www.tbdazhe.com/archives/602 1.安装python 2.安装pip、pymysql
  • Ajax正确但是请求不到值解决方案 dashuaifu Ajaxasync
    Ajax正确但是请求不到值解决方案   解决方案：1 .     async: false ,    2.     设置延时执行js里的ajax或者延时后台java方法！！！！！！！   例如：   $.ajax({     &
  • windows安装配置php+memcached dcj3sjt126com PHPInstallmemcache
    Windows下Memcached的安装配置方法 1、将第一个包解压放某个盘下面，比如在c:\memcached。 2、在终端（也即cmd命令界面）下输入 'c:\memcached\memcached.exe -d install' 安装。 3、再输入： 'c:\memcached\memcached.exe -d start' 启动。（需要注意的: 以后memcached将作为windo
  • iOS开发学习路径的一些建议 dcj3sjt126com ios
    iOS论坛里有朋友要求回答帖子，帖子的标题是： 想学IOS开发高阶一点的东西，从何开始，然后我吧啦吧啦回答写了很多。既然敲了那么多字，我就把我写的回复也贴到博客里来分享，希望能对大家有帮助。欢迎大家也到帖子里讨论和分享，地址：http://bbs.csdn.net/topics/390920759   下面是我回复的内容：   结合自己情况聊下iOS学习建议，
  • Javascript闭包概念 fanfanlovey JavaScript闭包
    1.参考资料 http://www.jb51.net/article/24101.htm http://blog.csdn.net/yn49782026/article/details/8549462 2.内容概述 要理解闭包，首先需要理解变量作用域问题 内部函数可以饮用外面全局变量 var n=999; 　　functio
  • yum安装mysql5.6 haisheng mysql
    1、安装http://dev.mysql.com/get/mysql-community-release-el7-5.noarch.rpm   2、yum install mysql   3、yum install mysql-server   4、vi /etc/my.cnf   添加character_set_server=utf8
  • po/bo/vo/dao/pojo的详介 IT_zhlp80 javaBOVODAOPOJOpo
        JAVA几种对象的解释 PO:persistant object持久对象,可以看成是与数据库中的表相映射的java对象。最简单的PO就是对应数据库中某个表中的一条记录，多个记录可以用PO的集合。PO中应该不包含任何对数据库的操作. VO:value object值对象。通常用于业务层之间的数据传递，和PO一样也是仅仅包含数据而已。但应是抽象出的业务对象,可
  • java设计模式 kerryg java设计模式
    设计模式的分类：    一、 设计模式总体分为三大类： 1、创建型模式（5种）：工厂方法模式，抽象工厂模式，单例模式，建造者模式，原型模式。 2、结构型模式（7种）：适配器模式，装饰器模式，代理模式，外观模式，桥接模式，组合模式，享元模式。 3、行为型模式（11种）：策略模式，模版方法模式，观察者模式，迭代子模式，责任链模式，命令模式，备忘录模式，状态模式，访问者
  • [1]CXF3.1整合Spring开发webservice——helloworld篇 木头.java springwebserviceCXF
    Spring 版本3.2.10 CXF 版本3.1.1 项目采用MAVEN组织依赖jar 我这里是有parent的pom，为了简洁明了，我直接把所有的依赖都列一起了，所以都没version，反正上面已经写了版本 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="ht
  • Google 工程师亲授：菜鸟开发者一定要投资的十大目标 qindongliang1922 工作感悟人生
    身为软件开发者，有什么是一定得投资的？ Google 软件工程师 Emanuel Saringan 整理了十项他认为必要的投资，第一项就是身体健康，英文与数学也都是必备能力吗？来看看他怎么说。（以下文字以作者第一人称撰写）） 你的健康 无疑地，软件开发者是世界上最久坐不动的职业之一。 每天连坐八到十六小时，休息时间只有一点点，绝对会让你的鲔鱼肚肆无忌惮的生长。肥胖容易扩大罹患其他疾病的风险，
  • linux打开最大文件数量1,048,576 tianzhihehe clinux
    File descriptors are represented by the C int type. Not using a special type is often  considered odd, but is, historically, the Unix way. Each Linux process has a maximum number of files th
  • java语言中PO、VO、DAO、BO、POJO几种对象的解释 衞酆夼 javaVOBOPOJOpo
    PO:persistant object持久对象 最形象的理解就是一个PO就是数据库中的一条记录。好处是可以把一条记录作为一个对象处理，可以方便的转为其它对象。可以看成是与数据库中的表相映射的java对象。最简单的PO就是对应数据库中某个表中的一条记录，多个记录可以用PO的集合。PO中应该不包含任何对数据库的操作。 BO:business object业务对象 封装业务逻辑的java对象
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他