react使用react-sortable-hoc实现拖拽

react-sortable-hoc拖拽

安装

 npm install react-sortable-hoc --save

代码如下（示例）：

import React, { useImperativeHandle, forwardRef, memo, useState } from 'react';

import { DrawerForm } from '@ant-design/pro-form';

import { message, Select ,Table} from 'antd';

import { MenuOutlined } from '@ant-design/icons';

import { useUpdateEffect } from 'react-use';

// 核心代码

import { SortableContainer, SortableElement, SortableHandle } from 'react-sortable-hoc';



type ModalProps = {

        ref?: React.MutableRefObject;

        onUpdated: () => void;

};



export type SortTrackDrawerRefObject = {

        openModal: () => void;

};



// 定义拖拽的图标

const DragHandle = SortableHandle(() => );



const columns = [

        {

                title: '排序',

                align: 'center',

                dataIndex: 'sort',

                width: 30,

                className: 'drag-visible',

                render: () => ,

        },

        {

                title: '音频名称',

                dataIndex: 'name',

                className: 'drag-visible',

        },

];



const SortTrackDrawer: React.ForwardRefRenderFunction = memo(

forwardRef((sProps, ref) => {

        const [visible, setVisible] = useState(false);

        // 拖拽体

        const SortableItem = SortableElement((props: any) => );

       // 拖拽容器

        const SortContainer = SortableContainer((props: any) => );

       

      // 拖拽时原列表替换

        const arrayMoveMutable=(array: any[], fromIndex: number, toIndex: number) =>{

                const startIndex = fromIndex < 0 ? array.length + fromIndex : fromIndex;

                if (startIndex >= 0 && startIndex < array.length) {

                        const endIndex = toIndex < 0 ? array.length + toIndex : toIndex;

                        const [item] = array.splice(fromIndex, 1);

                        array.splice(endIndex, 0, item);

                }

        }



        // 拖拽时返回新数组

        const arrayMoveImmutable=(array: any[], fromIndex: number, toIndex: number) =>{

                array = [...array];

                arrayMoveMutable(array, fromIndex, toIndex);

                return array;

        }

      

        // 拖拽后回调

        const onSortEnd = ({ oldIndex, newIndex }:

                { oldIndex: number; newIndex: number }) => {

                        if (oldIndex !== newIndex) {

                                const newData = arrayMoveImmutable([...tableData], oldIndex,                                 newIndex).filter((el) => !!el);

                                setTableData([...newData]);

                        }

        };

      

       //  获取表格数据

        const getTableData = async () => {

                try {

                        let res = [{

                                name:"测试13",

                                orderNum:1

                                uid:1,

                          }]

                        setTableData(res);

                } finally {



                }

        };

        

       // 确定按钮返回的数据

        const handleFinish = async () => {

                const uids = tableData.map((item) => item.uid);

                console.log(uids)

                message.success('排序已更新');

                return true;

        };

       

       // 拖拽容器方法

        const DraggableContainer = (props: any) => (

                

        );



        // 拖拽体方法

        const DraggableBodyRow = (props: any) => {

                const { className, style, ...restProps } = props;

                const index = tableData.findIndex((x) => x.uid === restProps['data-row-key']);

                return ;

        };



        // 进入组件加载数据

        useUpdateEffect(() => {

                getTableData();

        }, [orderType]);



return (

        

                                
拖拽排序({tableData.length})

                        

                }                 visible={visible}                 onFinish={handleFinish}                 drawerProps={{ closable: false }}                 submitter={{                         searchConfig: {                                 submitText: '保存排序',                                 resetText: '取消',                         },                 }}         >                                   );         }), ); export default SortTrackDrawer;

 

效果如图： 

你可能感兴趣的:(react.js,javascript,前端)

• 测试老鸟汇总，接口测试总结与用例编写，一文策底概全... 软件测试老莫 接口测试
  1、为什么要做接口测试？1）现在很多系统前后端架构是分离的，因为不同端（前段，后端）的工作进度不一样，所以我们要针对最开始出来的接口，以及需要调用其他公司的（银行，支付宝，微信，qq等）一些接口进行接口测试及验证数据，从安全层面来说，只依赖前端进行限制已经完全不能满足系统的安全要求（绕过前端太容易了），需要后端同样进行控制，在这种情况下就需要从接口层面进行验证。在这种情况下就需要从接口层面进行验证
• 【前端框架开发 | Vue.js | 第一篇】Vue.js框架简介、安装及打包教程 秋说 前后端项目开发前端框架vue.js前端htmlcssJavaScript
  文章目录前言什么是Vue.js为什么是Vue.jsVue.js安装打包Vue项目方法一：vite打包方法二：webpack打包webpack执行流程总结前言正式开始学习前确保确保你已掌握前端三件套：HTMLCSSJavaScript什么是Vue.jsVue.js是一种流行的JavaScript前端框架，用于构建交互式的、响应式的用户界面。它是一种轻量级、灵活和易于学习的框架，广泛应用于现代Web应
• 【甲方安全建设】富文本编辑器XSS漏洞攻击及防御详析 秋说 网络安全xssweb安全富文本编辑器
  原创文章，禁止转载。文章目录调研背景搭建TinyMCE富文本编辑器靶场富文本编辑器前端过滤富文本编辑器后端攻击后端弱过滤弱过滤1弱过滤2后端有效过滤从甲方的视角看动态安全调研背景随着Web2.0技术的普及，富文本编辑器在各种Web应用中得到了广泛应用，用户、网站管理员等可以通过富文本编辑器在网页中添加并展示格式化文本、图片、视频等丰富内容。然而，由于富文本内容本质上涉及客户端输入，并且可能包含HT
• 常见中高危漏洞修复建议（汇总） 落樱坠入星野 笔记网络安全系统安全web安全
  常见漏洞修复建议（汇总）1、未授权访问添加访问权限控制，对访问系统资源得用户身份进行标识，禁止未授权得情况下访问后台资源。2、敏感信息泄露1.后端控制严谨，用*号来隐藏敏感信息展现。2.密码策略要足够复杂，开启二步验证。3.服务配置严谨，对测试和生产资源做好访问控制。4.对员工培训相关安全意识。5、禁止在前端显示明文或密文信息。3、任意文件下载使用白名单限制下载路径，建议不要使用拼接文件路径参数的
• tp6 购买商品送积分，上级也送积分，签到、推荐都送积分如何实现？ m0_69254007 开发语言php
  在ThinkPHP6中实现购买商品送积分、上级也送积分、签到、推荐都送积分的功能，需要涉及后端逻辑处理、数据库设计以及可能的前端交互。以下是一个大致的实现方案：1.数据库设计首先，需要设计几个关键的数据库表来支持这些功能：用户表（users）字段名字段类型字段含义idINT(11)UNSIGNED用户IDusernameVARCHAR(255)用户名integralINT(10)UNSIGNED用
• JS的事件处理 杨大东 javascript开发语言ecmascript
  目录js事件流理解js事件轮询机制理解js事件流理解JavaScript事件流(Evenloop),英文记住，它指的是浏览器处理时间的方式，描述页面处理事件的顺序。在JavaScript中，事件流分为三个阶段：捕获阶段，目标阶段，冒泡阶段。这三个阶段是从外到内，从父结点到子节点，再从子节点到父节点的顺序一次发生。展开描述一下事件流的三个阶段：1.捕获阶段:事件从最外层节点(文档对象)开始，逐级向下
• 【JavaWeb项目】——外卖订餐系统用户购买餐品、查询购物车、取消购物车餐品操作 Y小夜 Javaweb开发hivehadoop数据仓库java后端前端框架maven
  个人主页：【Y小夜】作者简介：一位双非学校的大二学生，编程爱好者，专注于基础和实战分享，欢迎私信咨询！入门专栏：【MySQL，Java基础，Rust】热门专栏：【Python，Javaweb，Vue框架】感谢您的点赞、关注、评论、收藏、是对我最大的认可和支持！❤️目录购买餐品后端处理AddCarServlet部分代码解析查询购物车后端处理UshowCarServlet部分代码解析前端界面showC
• 【Rust】——采用发布配置自定义构建 Y小夜 Rust（官方文档重点总结）rust开发语言后端
  博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，Python机器学习等主页链接：Y小夜-CSDN博客今日学习推荐：在当今这个飞速发展的信息时代，人工智能（AI）已经成为了一个不可或
• 【Rust】——高级类型 Y小夜 Rust（官方文档重点总结）rust开发语言后端
  博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，Python机器学习等主页链接：Y小夜-CSDN博客目录为了类型安全和抽象而使用的newtype模式类型别名用来创建类型同义词不返回
• vue中ref和reactive Lancelot212 vue.js前端javascript
  ref和reactive是Vue3中用于创建响应式数据的两个重要API，它们之间存在几个关键的区别，主要体现在数据类型、使用方式、访问方式以及设计理念上。1.数据类型不同ref：主要用于定义简单类型的数据（如字符串、数字、布尔值等）以及单一的对象。虽然它可以用于对象，但通常用于需要保持对其值响应式引用的场景。reactive：则主要用于包装JavaScript对象和数组等复杂类型的数据。它能够递归
• CSS特效——图标图片悬浮旋转一周 DTcode7 HTML网站开发#前端基础入门三大核心之CSSHTMLCSSwebcss3网页开发
  CSS特效——图标图片悬浮旋转一周引言基本概念CSS3动画基础示例一：简单的无限循环旋转HTML结构CSS样式代码解释示例二：添加延迟和方向控制CSS样式代码解释示例三：使用伪元素增强视觉效果CSS样式代码解释示例四：结合过渡效果CSS样式代码解释示例五：响应式设计CSS样式代码解释功能使用思路思路一：结合JavaScript控制动画思路二：利用数据属性动态设置动画思路三：多图标同步动画实际开发中
• 【JavaScript】JavaScript模块化开发：ES6模块与CommonJs的对比与应用 代码园与文学坊 《前端学习》javascriptes6开发语言
  1.模块化开发的背景与必要性1.1JavaScript发展与模块化需求JavaScript最初被设计为一种简单的脚本语言，用于实现网页上的交互功能。随着互联网技术的发展，Web应用变得越来越复杂，JavaScript代码量急剧增加，这导致了代码维护和复用变得困难。为了解决这些问题，模块化开发应运而生。模块化开发允许开发者将大型应用拆分成多个小型、独立的模块，每个模块负责特定的功能。这种开发方式与J
• uni-app使用HBuilder X工具和微信小程序工具开发微信小程序 懒无名1 微信小程序uni-app小程序
  选择uni-app的原因是什么需要使用到的工具关于HBuilderX工具和微信小程序工具的介绍怎么下载HBuilderX工具和微信小程序工具如何使用HBuilderX工具如何使用微信小程序工具结尾什么是uni-appuni-app是一个使用vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝等)、快应
• 详解ES6中的类、对象和类的继承 前端技术营 es6前端ecmascript
  在ES6（ECMAScript2015）之前，JavaScript并没有像其他面向对象的编程语言那样的类（class）的概念。相反，它使用了一种基于原型的继承模型来实现面向对象编程。然而，这种模型对于许多开发者来说可能比较难以理解，特别是在与更传统的面向对象语言（如Java或C++）相比较时。为了简化面向对象的编程范式并提供更直观的代码组织方式，ES6引入了类的概念。虽然JavaScript的类实
• python中的列表与字典 daoqing99
  数据结构数据结构就是指从计算机存储，组织数据的结构常用的四种数据结构列表（List）元组（Tuple）字典（Dictionary）集合（Set）列表（List）---类比Javascript中的数组列表中的数据按顺序排列列表有正序（0开始）与倒序（-1开始）两种索引列表可存储任意类型数据，且允许重复列表的创建变量名=[元素1,元素2,...]list=['a','b','c','d','1']取值
• html div鼠标选中状态,html+css+javascript实现跟随鼠标移动显示选中效果 爱护哼哼 htmldiv鼠标选中状态
  1，显示效果：2,html结构Endcustomergetproduct1LoginEFOSEwebsiteandpresentinstallationormaintenancerequirements2EFOSEprefercontactservicepoint3Customercontactservicepointtogetservice4Customerpaysthebilldirectly
• JavaScript导入导出excel 金色浪花 javascriptexcel
  在JavaScript的浏览器环境下导入和导出Excel文件，主要可以通过一些库来帮助我们简化操作，比如SheetJS（也称为xlsx库）和FileSaver.js。以下是如何使用这些库来实现Excel的导入和导出的基本步骤：导入Excel导入Excel文件通常涉及到HTML的元素，以及使用FileReader来读取用户选择的文件，然后使用SheetJS解析这个文件。HTML部分html复制代码J
• 《编写可测试javascript》 第三章 基于事件的架构 澄澄真可爱
  通过事件解耦和隔离代码是javascript的一个原生特性,参考浏览器的DOM事件模型3.1基于事件的好处应用程序都与消息传递有关拿到其他对象的消息全局对象（易污染）函数参数传入（参数过多）函数参数注入（要维护注入列表）局部初始化（紧耦合）函数是javascript的第一公民浏览器DOM是事件模型nodejs利用回调实现异步编程3.2事件集线器一个中央处理器（110接警中心）向中央处理器注册事件的
• 前端请求两个不同的域名跨域 邱杉的博客
  The'Access-Control-Allow-Origin'headercontainsmultiplevalues
• 项目实战-多子集循环嵌套 更新时的处理逻辑 ahauedu 项目实战与案例分析springboot后端
  项目实战多子集循环嵌套更新时的处理逻辑商品多子集循环嵌套更新场景时的处理逻辑场景背景：业务中，套餐下面有多个商品，每个商-品又有多个sku。目前分为套餐表、商品表、sku表，现在更新套餐时商品和sku都有可能出现增删改的情况，代码里如何区分是新增修改和删除呢假设我们是SpringBoot项目，在处理套餐、商品、SKU的增删改操作时，可以采用以下方案来区分并处理新增、修改和删除操作。一、前端传递完整
• 前端PWA（Progressive Web App）技术（二） Good_tea_h 前端webapp
  三、PWA的优势相对于原生应用和传统Web应用，PWA具有以下显著优势：四、PWA的应用场景PWA技术因其独特的优势，在多个领域得到了广泛的应用，包括但不限于：五、结论PWA技术作为一种结合了Web应用和原生应用优点的新型应用开发模式，具有跨平台兼容性、可安装性、离线访问、快速加载、沉浸式体验等显著特点。这些特点使得PWA应用能够为用户提供更加流畅、便捷和安全的体验，同时也为开发者提供了更低的开发
• Spring Boot入门（第十一章）：编辑页面 苍_之涛
  1、添加编辑页面我们将新增页面复制一个，修改几处地方我们设计我们的编辑页面的地址将会是/cms/post/edit/1这种形式，地址最后一块就是我们的文章id，所以我们先需要通过文章id获取原来的文章数据。2、添加页面导航方法修改PostController类在这里可以看到，其实我们也可以在后台获取文章id，将变量放到ftl模板里面去获取，为了以后我们更好的理解前后端分离，这里，我们还是通过前端的
• 为了在前端项目打包后删除 console.log 日志，可以采用不同的方法来实现这一目标。以下是几种常见的方式，包括在 Webpack 和 Vite 中的具体实现。 云只上 前端javascriptvue.js
  在构建Vue应用时，为了提高生产环境的性能和安全性，通常会对代码进行一系列的优化。其中一个常见的优化是在生产环境中移除console.log日志，从而减少不必要的日志输出，提高应用性能webpack生产环境优化1.环境判断首先，我们需要判断当前环境是否为生产环境。这可以通过检查process.env.NODE_ENV环境变量来实现：constisProduction=process.env.NOD
• 【量化分析】Python、JavaScript（Node.js）、Java、C#和Ruby五种主流语言的实例代码给大家演示一下如何获取股票实时交易数据 309556666 python股票数据API股票数据接口股票API服务股票市场数据实时股票数据
  最近一两年，股票量化分析越来越受欢迎了。想要入行，首先得搞定股票数据。毕竟，所有量化分析都是建立在数据之上的，实时交易、历史交易、财务、基本面，这些数据咱们都得有。咱们的目标就是挖掘这些数据中的价值，来指导咱们的投资策略。为了找数据，我可是尝试了各种方法，自己动手写过网易、申万行业的爬虫，还试过同花顺问财的，连聚宽的免费API都用过。但爬虫这东西，数据总是不稳定，给量化分析带来不少困扰。在量化分析
• 自学编程推荐的11个学习及刷题网站 陌染007
  初学编程，很多人会选择先自学，那么这时候选择适合自己的学习平台是特别关键的，今天小优就给大家整理了11个学习及刷题网站。一起来收藏起来！第一类：课程学习类网站1、菜鸟教程菜鸟教程是@Runoob开发的一个编程技术网站，收录了非常多的编程语言文档，例如最常见的：Python、JavaScript、http://ASP.NET、Android、C、Go、C++等等语言参考文档Wiki，非常齐全，并且文
• Vue.js 样式绑定 wjs2024 开发语言
  Vue.js样式绑定Vue.js是一种流行的前端框架，它提供了一种简洁而强大的方式来绑定样式到元素上。样式绑定允许开发者根据组件的状态动态地改变元素的样式。在Vue中，样式绑定可以通过多种方式实现，包括类绑定、内联样式绑定和计算属性样式绑定。类绑定类绑定是Vue中最常用的样式绑定方式之一。它允许你根据组件的数据动态地切换元素的类。类绑定可以通过v-bind:class指令实现，也可以简写为:cla
• 【面试经验】滴滴 秋招储备实习 前端面经 litterfinger 面试经验面试前端职场和发展
  滴滴秋招储备实习前端面经时间线：5.1511点半一面，下午2点半二面一面●自我介绍+项目介绍●拷打项目●文件断点续传+切片上传●不知道盒子宽高情况下水平垂直居中●transform的属性●scale是怎么放大盒子宽高的●数据类型●原型和原型链●做几道js题二面timeline：5.152:30自我介绍拷打项目（这次竟然没问文件上传的实现）v-if和v-show的区别，为什么要用v-show替换v-
• 前端跨域请求的问题-解决方案2 Good_tea_h 前端
  在前端开发中，跨域请求是一个常见的问题，这主要是由于浏览器的同源策略限制所导致的。同源策略要求协议、域名和端口号三者必须完全相同，才能允许资源的交互。当这些条件不满足时，就会出现跨域问题。针对这个问题，前端有多种解决方案，下面我将详细介绍几种常见的跨域请求方法：1.JSONP（JSONwithPadding）原理：JSONP是一种非官方的跨域数据交互协议，它允许在服务器端集成Scripttags返
• day38-测试平台搭建之前端vue学习-ES6 开测开测 开发语言测试自动化测试测试开发vscodevuees6
  一、为什么要学习ES6？1.1.ES5语言的先天性不足。比如变量提升、内置对象的方法不灵活、模块化实现不完善等等1.2.为了后面vue、尤其是react框架做好了准备1.3.目前大部分公司的项目都在使用es6二、ES6新特性2.1.let和const命令let和const//var//vara=2//1.let声明变量，没有变量提升//console.log(a);//leta=10;//cons
• 前端 dwwl
  SpringMVC流程1、用户发送请求至前端控制器DispatcherServlet。2、DispatcherServlet收到请求调用HandlerMapping处理器映射器。3、处理器映射器找到具体的处理器(可以根据xml配置、注解进行查找)，生成处理器对象及处理器拦截器(如果有则生成)一并返回给DispatcherServlet。4、DispatcherServlet调用HandlerAda
• log4j对象改变日志级别 3213213333332132 javalog4jlevellog4j对象名称日志级别
  log4j对象改变日志级别可批量的改变所有级别，或是根据条件改变日志级别。 log4j配置文件： log4j.rootLogger=ERROR,FILE,CONSOLE,EXECPTION #log4j.appender.FILE=org.apache.log4j.RollingFileAppender log4j.appender.FILE=org.apache.l
• elk+redis 搭建nginx日志分析平台 ronin47 elasticsearchkibanalogstash
               elk+redis 搭建nginx日志分析平台 logstash,elasticsearch,kibana 怎么进行nginx的日志分析呢？首先，架构方面，nginx是有日志文件的，它的每个请求的状态等都有日志文件进行记录。其次，需要有个队 列，redis的l
• Yii2设置时区 dcj3sjt126com PHPtimezoneyii2
  时区这东西，在开发的时候，你说重要吧，也还好，毕竟没它也能正常运行，你说不重要吧，那就纠结了。特别是linux系统，都TMD差上几小时，你能不痛苦吗？win还好一点。有一些常规方法，是大家目前都在采用的1、php.ini中的设置，这个就不谈了，2、程序中公用文件里设置，date_default_timezone_set一下时区3、或者。。。自己写时间处理函数，在遇到时间的时候，用这个函数处理（比较
• js实现前台动态添加文本框，后台获取文本框内容 171815164 文本框
  <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w
• 持续集成工具 g21121 持续集成
          持续集成是什么？我们为什么需要持续集成？持续集成带来的好处是什么？什么样的项目需要持续集成？...        持续集成(Continuous integration ,简称CI)，所谓集成可以理解为将互相依赖的工程或模块合并成一个能单独运行
• 数据结构哈希表(hash)总结 永夜-极光 数据结构
  1.什么是hash 来源于百度百科: Hash，一般翻译做“散列”，也有直接音译为“哈希”的，就是把任意长度的输入，通过散列算法，变换成固定长度的输出，该输出就是散列值。这种转换是一种压缩映射，也就是，散列值的空间通常远小于输入的空间，不同的输入可能会散列成相同的输出，所以不可能从散列值来唯一的确定输入值。简单的说就是一种将任意长度的消息压缩到某一固定长度的消息摘要的函数。  
• 乱七八糟 程序员是怎么炼成的
  eclipse中的jvm字节码查看插件地址： http://andrei.gmxhome.de/eclipse/ 安装该地址的outline 插件  后重启，打开window下的view下的bytecode视图 http://andrei.gmxhome.de/eclipse/   jvm博客： http://yunshen0909.iteye.com/blog/2
• 职场人伤害了“上司” 怎样弥补 aijuans 职场
  由于工作中的失误，或者平时不注意自己的言行“伤害”、“得罪”了自己的上司，怎么办呢？ 　　在职业生涯中这种问题尽量不要发生。下面提供了一些解决问题的建议： 　　一、利用一些轻松的场合表示对他的尊重 　　即使是开明的上司也很注重自己的权威，都希望得到下属的尊重，所以当你与上司冲突后，最好让不愉快成为过去，你不妨在一些轻松的场合，比如会餐、联谊活动等，向上司问个好，敬下酒，表示你对对方的尊重，
• 深入浅出url编码 antonyup_2006 应用服务器浏览器servletweblogicIE
  出处：http://blog.csdn.net/yzhz  杨争   http://blog.csdn.net/yzhz/archive/2007/07/03/1676796.aspx 一、问题：         编码问题是JAVA初学者在web开发过程中经常会遇到问题，网上也有大量相关的
• 建表后创建表的约束关系和增加表的字段 百合不是茶 标的约束关系增加表的字段
    下面所有的操作都是在表建立后操作的,主要目的就是熟悉sql的约束,约束语句的万能公式   1,增加字段(student表中增加 姓名字段)   alter table 增加字段的表名 add 增加的字段名 增加字段的数据类型 alter table student add name varchar2(10);   &nb
• Uploadify 3.2 参数属性、事件、方法函数详解 bijian1013 JavaScriptuploadify
  一.属性 属性名称 默认值 说明 auto true 设置为true当选择文件后就直接上传了，为false需要点击上传按钮才上传。 buttonClass ” 按钮样式 buttonCursor ‘hand’ 鼠标指针悬停在按钮上的样子 buttonImage null 浏览按钮的图片的路
• 精通Oracle10编程SQL(16)使用LOB对象 bijian1013 oracle数据库plsql
  /* *使用LOB对象 */ --LOB(Large Object)是专门用于处理大对象的一种数据类型，其所存放的数据长度可以达到4G字节 --CLOB/NCLOB用于存储大批量字符数据，BLOB用于存储大批量二进制数据，而BFILE则存储着指向OS文件的指针 /* *综合实例 */ --建立表空间 --#指定区尺寸为128k,如不指定，区尺寸默认为64k CR
• 【Resin一】Resin服务器部署web应用 bit1129 resin
  工作中，在Resin服务器上部署web应用，通常有如下三种方式：   配置多个web-app 配置多个http id 为每个应用配置一个propeties、xml以及sh脚本文件 配置多个web-app   在resin.xml中,可以为一个host配置多个web-app   <cluster id="app&q
• red5简介及基础知识 白糖_ 基础
    简介   Red5的主要功能和Macromedia公司的FMS类似，提供基于Flash的流媒体服务的一款基于Java的开源流媒体服务器。它由Java语言编写，使用RTMP作为流媒体传输协议，这与FMS完全兼容。它具有流化FLV、MP3文件，实时录制客户端流为FLV文件，共享对象，实时视频播放、Remoting等功能。用Red5替换FMS后,客户端不用更改可正
• angular.fromJson boyitech AngularJSAngularJS 官方APIAngularJS API
  angular.fromJson 描述: 把Json字符串转为对象 使用方法: angular.fromJson(json); 参数详解: Param Type Details json string JSON 字符串 返回值: 对象, 数组, 字符串 或者是一个数字 示例: <!DOCTYPE HTML> <h
• java-颠倒一个句子中的词的顺序。比如： I am a student颠倒后变成：student a am I bylijinnan java
  public class ReverseWords { /** * 题目：颠倒一个句子中的词的顺序。比如： I am a student颠倒后变成：student a am I.词以空格分隔。 * 要求： * 1.实现速度最快,移动最少 * 2.不能使用String的方法如split,indexOf等等。 * 解答：两次翻转。 */ publ
• web实时通讯 Chen.H Web浏览器socket脚本
  关于web实时通讯，做一些监控软件。 由web服务器组件从消息服务器订阅实时数据，并建立消息服务器到所述web服务器之间的连接，web浏览器利用从所述web服务器下载到web页面的客户端代理与web服务器组件之间的socket连接，建立web浏览器与web服务器之间的持久连接；利用所述客户端代理与web浏览器页面之间的信息交互实现页面本地更新，建立一条从消息服务器到web浏览器页面之间的消息通路
• [基因与生物]远古生物的基因可以嫁接到现代生物基因组中吗? comsci 生物
        大家仅仅把我说的事情当作一个IT行业的笑话来听吧..没有其它更多的意思     如果我们把大自然看成是一位伟大的程序员,专门为地球上的生态系统编制基因代码,并创造出各种不同的生物来,那么6500万年前的程序员开发的代码,是否兼容现代派的程序员的代码和架构呢?   
• oracle 外部表 daizj oracle外部表external tables
      oracle外部表是只允许只读访问，不能进行DML操作，不能创建索引，可以对外部表进行的查询，连接，排序，创建视图和创建同义词操作。 you can select, join, or sort external table data. You can also create views and synonyms for external tables. Ho
• aop相关的概念及配置 daysinsun AOP
  切面(Aspect): 通常在目标方法执行前后需要执行的方法（如事务、日志、权限），这些方法我们封装到一个类里面，这个类就叫切面。 连接点（joinpoint） spring里面的连接点指需要切入的方法，通常这个joinpoint可以作为一个参数传入到切面的方法里面（非常有用的一个东西）。 通知（Advice） 通知就是切面里面方法的具体实现，分为前置、后置、最终、异常环
• 初一上学期难记忆单词背诵第二课 dcj3sjt126com englishword
  middle 中间的，中级的 well 喔，那么；好吧 phone 电话，电话机 policeman 警察 ask 问 take 拿到；带到 address 地址 glad 高兴的，乐意的 why 为什么  China 中国 family 家庭 grandmother (外)祖母 grandfather (外)祖父 wife 妻子 husband 丈夫 da
• Linux日志分析常用命令 dcj3sjt126com linuxlog
  1.查看文件内容 cat -n 显示行号 2.分页显示 more Enter 显示下一行 空格 显示下一页 F 显示下一屏 B 显示上一屏 less /get 查询"get"字符串并高亮显示 3.显示文件尾 tail -f 不退出持续显示 -n 显示文件最后n行 4.显示头文件 head -n 显示文件开始n行 5.内容排序 sort -n 按照
• JSONP 原理分析 fantasy2005 JavaScriptjsonpjsonp 跨域
  转自 http://www.nowamagic.net/librarys/veda/detail/224 JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制，即JavaScript只能访问与包含它的
• 使用connect by进行级联查询 234390216 oracle查询父子Connect by级联
  使用connect by进行级联查询          connect by可以用于级联查询，常用于对具有树状结构的记录查询某一节点的所有子孙节点或所有祖辈节点。          来看一个示例，现假设我们拥有一个菜单表t_menu，其中只有三个字段：
• 一个不错的能将HTML表格导出为excel,pdf等的jquery插件 jackyrong jquery插件
  发现一个老外写的不错的jquery插件，可以实现将HTML 表格导出为excel,pdf等格式， 地址在： https://github.com/kayalshri/ 下面看个例子，实现导出表格到excel,pdf <html> <head> <title>Export html table to excel an
• UI设计中我们为什么需要设计动效 lampcy UIUI设计
  关于Unity3D中的Shader的知识 首先先解释下Unity3D的Shader，Unity里面的Shaders是使用一种叫ShaderLab的语言编写的，它同微软的FX文件或者NVIDIA的CgFX有些类似。传统意义上的vertex shader和pixel shader还是使用标准的Cg/HLSL 编程语言编写的。因此Unity文档里面的Shader，都是指用ShaderLab编写的代码，
• 如何禁止页面缓存 nannan408 htmljspcache
  禁止页面使用缓存~ ------------------------------------------------ jsp:页面no cache： response.setHeader("Pragma","No-cache"); response.setHeader("Cache-Control","no-cach
• 以代码的方式管理quartz定时任务的暂停、重启、删除、添加等 Everyday都不同 定时任务管理spring-quartz
        【前言】在项目的管理功能中，对定时任务的管理有时会很常见。因为我们不能指望只在配置文件中配置好定时任务就行了，因为如果要控制定时任务的 “暂停” 呢？暂停之后又要在某个时间点 “重启” 该定时任务呢？或者说直接 “删除” 该定时任务呢？要改变某定时任务的触发时间呢？ “添加” 一个定时任务对于系统的使用者而言，是不太现实的，因为一个定时任务的处理逻辑他是不
• EXT实例 tntxia ext
    （1） 增加一个按钮   JSP:   <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); Stri
• 数学学习在计算机研究领域的作用和重要性 xjnine Math
  最近一直有师弟师妹和朋友问我数学和研究的关系，研一要去学什么数学课。毕竟在清华，衡量一个研究生最重要的指标之一就是paper,而没有数学，是肯定上不了世界顶级的期刊和会议的，这在计算机学界尤其重要！你会发现，不论哪个领域有价值的东西，都一定离不开数学！在这样一个信息时代，当google已经让世界没有秘密的时候，一种卓越的数学思维，绝对可以成为你的核心竞争力.  无奈本人实在见地

按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他

首页 - 关于我们 - 站内搜索 - Sitemap - 侵权投诉

版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.