夏林夕
夏林夕

React 基于Ant Degisn 实现table表格列表拖拽排序

效果图：

React 基于Ant Degisn 实现table表格列表拖拽排序_第1张图片

 代码：

myRow.js

import { MenuOutlined } from '@ant-design/icons';
import { DndContext } from '@dnd-kit/core';
import { restrictToVerticalAxis } from '@dnd-kit/modifiers';
import {
    arrayMove,
    SortableContext,
    useSortable,
    verticalListSortingStrategy,
} from '@dnd-kit/sortable';
import { CSS } from '@dnd-kit/utilities';
import React, { useState } from 'react';
const myRow = ({ children, ...props }) => {
    const {
        attributes,
        listeners,
        setNodeRef,
        setActivatorNodeRef,
        transform,
        transition,
        isDragging,
    } = useSortable({
        id: props['data-row-key'],
    });
    const style = {
        ...props.style,
        transform: CSS.Transform.toString(
            transform && {
                ...transform,
                scaleY: 1,
            },
        ),
        transition,
        ...(isDragging
            ? {
                position: 'relative',
                zIndex: 1,
            }
            : {}),
    };
    return (
        
            {React.Children.map(children, (child) => {
                if (child.key === 'sort') {
                    return React.cloneElement(child, {
                        children: (
                            
                        ),
                    });
                }
                return child;
            })}
        
    );
};

export default myRow;

index.js

import myRow from './myRow';

export default () => {
    
    const [tableDatasource, setTableDatasource] = useState([]);

    

    const tableColumns = [
        {
            key: 'sort',
            width: 20
        },
        {
            title: '印章类型名称',
            dataIndex: 'yzTypeName',
            key: 'yzTypeName',
            width: 150,
        },
        {
            title: '操作人',
            dataIndex: 'operator',
            key: 'operator',
            width: 150,
        },
        {
            title: '操作时间',
            dataIndex: 'operateDate',
            key: 'operateDate',
            width: 150,
        },
        {
            title: "操作",
            key: "action",
            width: 100,
            render: (text, record, index) => {
                return (
                    
                         {
                            tableUpdateAction(record);
                        }}>修改
                        
                            删除
                        
                    
                )
            }
        }
    ];

//注在后端返回的每个对象中，新增一个key 属性 
    useEffect(() => {
        getYzTypeList(screeningDate).then((res) => {
            if (res.code === 200) {
                const updatedList = res.data.list.map((item, index) => ({
                    ...item,
                    key: index + 1,
                }));
                setTableDatasource(updatedList);
                setMyTotal(res.data.total);
                // message.success("印章类型管理 - 数据已更新");
            }
        });
    }, [screeningDate]);
   

  
    const onDragEnd = ({active, over}) => {
        if (active.id !== over?.id) {
            setTableDatasource((previous) => {
                const activeIndex = previous.findIndex((i) => i.key === active.id);
                const overIndex = previous.findIndex((i) => i.key === over?.id);
                return arrayMove(previous, activeIndex, overIndex);
            });
            const activeId = active.id;
            const overId = over?.id;
            // 在 datasource 中找到匹配 activeId 和 overId 的项
            const activeItem = tableDatasource.find(item => item.key === activeId);
            const overItem = tableDatasource.find(item => item.key === overId);
        }
    };


    return (
        

        
            

                
                     i.key)}
                        strategy={verticalListSortingStrategy}
                    >
                
    );
};






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






    

  • vue 精选评论词云 集成echarts-wordcloud TF-IDF算法
麦麦大数据
可视化研究vue.jsecharts前端tf-idf

    这一期在我们的系统里集成词云组件，开发的功能是景区精选评论的词云展示功能。这个界面的逻辑是这样的：在数据框里输入城市，可以是模糊搜索的，选择城市；选择城市后，发往后台去查询该城市的精选评论，由于一个城市会有很多景点，所以精选评论也有很多，采用TF-IDF算法，计算关键词，返回给前端，使用echarts词云组件进行可视化；再次输入城市，可以切换城市，同时词云会重新渲染。1词云页面开发首先前端安装词云
    

    • 

  • 线上考试系统---虚拟化技术部署
琉璃一梦
云计算学习运维服务器nginx

    部署前端服务器1.将资源上传到服务器scp-rdist/[email protected]:~2.在服务器上创建基础容器[root@docker0~]#dockerrun-it--namec0centos:latest/bin/bash[root@c1092b8c9ce5/]#[root@docker0~]#[root@docker0~]#dockerattachc03.在容器中修改yum源[ro
    

    • 

  • 前端 css基础
湫風如兮
css

    1.什么是css是一组样式设置的规则，用于控制页面的外观样式2.为什么使用css1.实现内容与样式的分离，便于团队开发2.样式复用，便于网站的后期维护3.页面的精确控制，让页面更精美3.css作用1.页面外观美化2.布局和定位4.css应用方式也称为CSS引用方式，有三种方式：内部样式、行内样式、外部样式4.1.内部样式在title标签下面建一个style标签写css代码优点：在同一个页面内部便于
    

    • 

  • 基础一：箭头函数和普通函数的this区别
适应653
javascript

    一、在前端HTML中，普通函数中的this指向window对象的情况通常发生在以下几种情况下：1、全局作用域:在全局作用域中定义的普通函数中，this指向window对象：functionmyFunction(){console.log(this===window);//true}myFunction();2、事件处理函数:当事件处理函数直接作为HTML元素的属性值时，this指向触发事件的元素。
    

    • 

  • 轻松接入微信订阅消息-uniapp + uniCloud 订阅消息实战教程（四）
小小•愿望
uniapp+uniCloud订阅消息实战教程uni-appuniCloud订阅消息支付宝小程序微信小程序云函数定时任务

    经过无数次的尝试，终于还是让我做出来了，本文都将为你提供一份实用的指南，让我们一起开始这段精彩的旅程，探索uniapp与微信订阅消息结合的无限可能吧！用户授权订阅消息在前端中使用加一个按钮，让用户主动授权订阅消息，一次点击只能发送一次消息，如果需要发送多条就需要多次点击，如果勾选了「总是保持以上选择」（现在是默认勾选），勾选后下次订阅该模板时就不会有弹窗，保持上次的选择，参考uniapp订阅消息/
    

    • 

  • 群辉docker前端部署失败处理2
脚大江山稳
docker前端容器

    失败的原因是需要提升权限chmod-R755/usr/share/nginx/htmlchown-Rroot:root/usr/share/nginx/htmlnginx-sreloaddockerrestartdfdgdemo_vue构建镜像处理方式RUNchmod-Ra+rw/usr/share/nginx/html
    

    • 

  • HTTP的通讯流程
6230_
前端基础http网络协议网络前端html开发语言学习方法

    1、什么是HTTPhttp：是我们前/后台交互时的传输协议（即：超文本传输协议）解释：是指：在进行传输时使用的协议协议中，规定了如何连接、如何发请求、如何携带数据、获取响应数据的格式、获取响应数据时，获取结束之后的链接/断开方式等2、HTTP的工作流程和服务器建立链接建立链接后，发送一个请求给服务器（请求）服务器接受到请求以后进行相应的处理并给出一个回应（响应）断开与服务器的链接注意：并不是前端发
    

    • 

  • javaweb基于ssm框架校园即时服务平台管理系统设计与实现
ancen_73bd

    1、项目介绍系统开发平台：JDK1.8+Windows7+Maven3.6.1开发语言：Java后台框架：SSM前端：layui数据库：MySql5.7Navicat开发环境：IntellijIdea浏览器：Chrome或360浏览器本系统分为两个用户：学生、管理员。学生：可以发布任务、已接受任务、已发布任务、资料修改管理员：可以对用户进行管理、任务的管理、安全设置管理2、项目技术后端框架：SSM
    

    • 

  • 前端，高度塌陷
沦陷_99999

    本来父元素是由子元素抻开的，子元素设置了浮动之后，子元素就脱离文档流了，父元素无法抻开，就会形成高度塌陷解决高度塌陷BFC父元素的垂直外边距不会和子元素重叠开启BFC的元素不会被浮动元素所覆盖开启BFC的元素可以包含浮动的子元素如何开启BFC设置元素浮动设置元素的绝对定位设置元素为inline-block将元素的overflow设置为一个非visible的值（副作用最小的）.box{border:
    

    • 

  • 编程小白如何成为大神？大学新生的最佳入门大神级攻略
一禅（OneZen）
随笔经验分享其他笔记pythonjava

    编程语言选择1.选择一种编程语言入门：Python：Python是初学者的绝佳选择。它语法简单、易读易写、用途广泛，广泛应用于数据科学、机器学习、Web开发、自动化测试等领域。JavaScript：对于对Web开发感兴趣的学生，JavaScript是必学的。它在前端开发中占据主导地位，并且与HTML和CSS结合使用，构建动态网页。Java：Java是一种面向对象的编程语言，广泛应用于企业级应用和A
    

    • 

  • gui.js可视化插件的使用
我爱吃干果
three.jsGUIjavascript开发语言前端

    gui插件是一个可以与前端界面相结合更改js对象属性值的插件，在平常的前端开发中我们可以使用控制台的打印工具看自己调试的值。但是在进行三维可视化开发时，一个好的角度和材质的取值是非常重要的，而这点用肉眼是看不出来的，最好的方法就是一点一点的在界面上去试，但是没改变一次就重启一个项目，比较麻烦，因此就需要gui.js来修改threejs中一些属性值，可以辅助我们以更快，更直观的方式对模型的材质和位置
    

    • 

  • 解决npm install 报错 npm ERR code 128 Permission denied
segegefe
前端htmljavascripthtmlcss

    目录npminstall报错最终方案处理过程初始git配置直接npminstall网上方案查看git官网一直从事java开发，以前都是有专门的前端负责vue。最近前端没到位，外采的项目，自己在阿里云服务器打包，出现npminstallssh权限报错浪费了半天时间才解决，记录下共大家参考。对外部公司心里一顿mmpnpminstall报错错误如下npmERR!code128npmERR!Anunkno
    

    • 

  • 企业如何建立商业生态系统
学客汇
商业观察生存哲学商业研究经验分享

    近两年，生态这个概念很热，尤其是前端时间出现乐视危机后，乐视“坏消息”不断，例如互撕易到、高管离职、拖欠供应商贷款、裁员等，乐视生态帝国摇摇欲坠。很多人又对“生态”一次产生了怀疑；乐视的“平台+内容+终端+应用”的模式到底成不成立，乐视有没有违背基本的商业规律？乐视的问题是内在逻辑问题还是外在基础工作没有做好？今晚我就跟大家简单的谈谈生态这个话题。很多企业很向往生态企业，试图构建生态型企业。互联网
    

    • 

  • 通过MessageChannel实现一个深拷贝
会说法语的猪
javascriptjavascript

    深拷贝在前端领域已经是个老生常谈的话题了，说起深拷贝相信大多数人第一反应就是通过JSON，其他的就是可以递归手写一个深拷贝，再就是使用第三方库已经写好的深拷贝，不再重复造轮子，例如：lodash。很早之前也写过关于深拷贝的博文（js深拷贝）通过JSON进行深拷贝的一些缺陷等。但是我这篇想通过MessageChannel来实现一个深拷贝。可能很多人对MessageChannel这个API并
    

    • 

  • Vue+Springboot开发框架下对于参数的深度理解(JSON,数组，对象)
I like Code?
vue.jsspringbootjson

    JSON格式=》JavaScriptObjectNotation（对应前端，我觉得使用JSON格式就是啥都能存，然后直接传给后端，让后端去解析，这就很好体现了响应式开发模式，前端不直接对数据进行深度处理，而是通过后端进行处理）{}=》对应为一个对象，通过键值对进行存储以及访问{"content":"1","correct":false}发送一个包含id，name属性的对象那么后端如果只接收这个对象
    

    • 

  • 【前端基础篇】JavaScript之jQuery介绍
Trouvaille ~
前端基础前端javascriptjquery事件选择器csshtml

    文章目录前言JQuery基本介绍和使用方法引入依赖jQuery语法jQuery选择器jQuery事件操作元素获取/设置元素内容获取/设置元素属性获取/返回css属性添加元素删除元素总结：常用的jQuery方法-详细解释与示例事件处理拓展-详细解释与示例其他拓展内容前言在阅读过程中可以把代码片复制到vscode上去浏览器看实际效果，更易理解喔JQuery基本介绍和使用方法W3C标准给我们提供了⼀系列
    

    • 

  • 【菜狗学前端】 初探TS（结合在vue3中的使用）
佛系菜狗
前端前端typescriptvuevue.jsjavascript

    TypeScript是拥有类型的JavaScript超集，它可以编译成普通、干净、完整的JavaScript代码。我们可以将TypeScript理解成加强版的JavaScript。简单来说:Ts是带类型语法的Js;Ts是Js的超集TS官方网站：https://www.typescriptlang.org/TS中文官网：https://www.tslang.cn/一、基础语法js已有类型：基本类型:
    

    • 

  • java计算机毕业设计智能停车场管理系统源码+mysql数据库+系统+部署+lw文档
法姆利
javamysql开发语言

    java计算机毕业设计智能停车场管理系统源码+mysql数据库+系统+部署+lw文档java计算机毕业设计智能停车场管理系统源码+mysql数据库+系统+部署+lw文档本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8
    

    • 

  • 【组件】layui-v2.9.14
smart_dream
layui前端javascript

    官网：Layui-极简模块化前端UI组件库(官方文档)github：GitHub-layui/layui:一套遵循原生态开发模式的WebUI组件库，采用自身轻量级模块化规范，易上手，可以更简单快速地构建网页界面。gitee：Layui:一套开源免费且受众广泛的WebUI组件库下载：可以在官网首页或更新日志页面下载到Layuilayer：通用弹出层组件layer-Layui文档laydate：Lay
    

    • 

  • JSP/JAVAWEB/SSM/J2EE高考志愿填报推荐系统的开发
计算机程序设计开发
javamysqljavawebssm推荐系统

    目录1、概述2、功能描述3、数据表4、目录结构5、实现过程5.1SRC目录5.2webroot前端文件6、最终效果6.1前台用户效果6.2后台管理员用户效果1、概述开发环境：jdk1.8、tomcat7.0、mysql5.2开发工具：idea2019.3.1、navicat15编程语言后端：java；框架和引用的包：JavaBeanServletMVC、log4j.jar编程语言前端：JSP、ht
    

    • 

  • 采用Angular + NG-ZORRO + Ng Alain 框架搭建的 MES前端框架
潜龙在渊
AngularNG-ZORROhtmlcsshtml5

    闲来无事，想了解下Angular开发技术栈，以备不时之需，断断续续花费1-2周时间，基本掌握antdesign旗下的Angular前端框架。采用开发工具：VisualStudioCode技术栈：Angular，Typescript，NG-ZORRO,AntDesign,NgAlain等另外，这个不完整的demo，也有助于理解钉钉平台下内部系统对接流程
    

    • 

  • 简单工作流（后端部分-spring boot，顺便优化了下ui）
liaoyuecai
ui

    整个项目我丢到github上去了，需要copy的可以直接去githubhttps://github.com/liaoyuecai/demo前端部分目录在：/react/antd-pro-demo/src/pages/workflow后端部分目录在：/java/spring-boot-demo/src/main/java/com/demo/workflow我这边用的JPA做持久化，如果是mybati
    

    • 

  • 用JavaScript实现的5个常见函数
强哥科技兴

    在学习JavaScript，或者前端面试中，有人会问你节流函数、防抖函数、递归函数等，本文分享了5个常见函数，希望对你有所帮助。在JavaScript中有一些问题会被拿出来经常讨论，这些问题每个人都有不同的思路，想要理解这些问题，最好的方法就是自己实现一遍，话不多说，开始正题。数组扁平化数组扁平化有很多方法，但最终最好的方法就是递归，实现一个指定深度的扁平化方法，这样基本的套路都会了解。1func
    

    • 

  • node.js版本管理器——NVM
小清20
npmnode.js前端

    在日常工作中，需同时开发好几个前端项目的时候，可能不同项目使用的node的版本也不一样，而一台电脑只能安装和同时使用一个版本的node，这个时候我们需要借助NVM来管理node的版本了。下面一起来看下是怎么使用NVM的吧。一、什么是NVMnvm的全称是node.jsversionmanagement，是专门用来管理node版本的工具，可用对node的版本进行查看、下载、切换使用等操作二、如何安装N
    

    • 

  • java-net-php-python-ssmKTV点歌系统查重PPT计算机毕业设计程序
荣荣科技
javaphp开发语言

    java-net-php-python-ssmKTV点歌系统查重PPT计算机毕业设计程序java-net-php-python-ssmKTV点歌系统查重PPT计算机毕业设计程序本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5
    

    • 

  • docker3
疯癫的小珍呐
linux

    数据持久化线上考试系统部署1.部署前端服务器1.#将资源上传到服务器scp-rdist/[email protected]:~2.#创建基础容器，在服务器上systemctlstartdocker.servicedockerpullcentosdockerrun-it--namec0centos:latest/bin/bash3.#在容器中修改yum源rm-rf/etc/yum.repos.d/*
    

    • 

  • 新书速览|HTML5+CSS3 Web前端开发与实例教程：微课视频版
全栈开发圈
前端html5css3

    《HTML5+CSS3Web前端开发与实例教程：微课视频版》本书内容《HTML5+CSS3Web前端开发与实例教程：微课视频版》秉承“思政引领，立德树人”的教育理念，自然融入多维度、深层次的思政元素，全面对标企业和行业需求；引入现代Web前端开发的核心技术，如Flex布局、Grid布局，以及人工智能编程插件，同时融入企业开发实践，确保学习内容与实际工作紧密相关。全书以一个完整案例为主线，结合综合项
    

    • 

  • CDN原理
SkTj

    BIND视图技术实现DNS，Squid做前端缓存简单的CDN的搭建：1、CDN的工作原理：当外网访问内网域名的时候，外网先经过本地的dns查询，然后dns向内网搭建的dns发出申请，内网dns读取配置文件named.conf中包含IP列表的include，如果IP列表中有该地的IP记录则对应IP列表寻找对应的视图，如没有记录则拒绝返回信息。视图将解析你访问的域名到squid缓存服务器，squid再
    

    • 

  • 浏览器精度问题
Jinuss
前端前端javascript

    问题产生浏览器端一般情况下无法正确解析后端返回的long类型的主键，比如作为索引的id，为了避免重复可能设置成一个很大的唯一UUID，但是超过一定范围后，浏览器可能无法正常解析。这主要和Javascript的精度问题有关，long类型的数据会被截断，超过17位就会补0，导致前端无法正确解析。解决方案使用BigInt类型，BigInt类型是Javascript新增的数据类型，它可以表示任意大小的整数
    

    • 

  • 计算机专业的真正的就业情况
程序员牛马家
有关计算机就业的自我观点数据结构

    首先听到计算机行业，大多数人岗位已经饱和，前端已死，程序员35岁危机。但是事实上这些认知都是片面的，今天由我来为大家分析计算机行业的内幕。疫情过后，过内各种行业都受到了冲击，你们敢说除了体制内的行业，那个行业没有饱和，那个行业不会有35岁危机吗。有那个行业不是大量裁人。很多人说双非二本甚至是重点一本毕业后都没办法就业，但是扪心自问一下，全班50多个人，有几个好好学过计算机，花时间去研究计算机，学懂
    

    • 

  • 深入浅出Java Annotation(元注解和自定义注解）
Josh_Persistence
Java Annotation元注解自定义注解

    一、基本概述
 
 
　　 Annontation是Java5开始引入的新特征。中文名称一般叫注解。它提供了一种安全的类似注释的机制，用来将任何的信息或元数据（metadata）与程序元素（类、方法、成员变量等）进行关联。
 
　　更通俗的意思是为程序的元素（类、方法、成员变量）加上更直观更明了的说明，这些说明信息是与程序的业务逻辑无关，并且是供指定的工具或
    

    • 

  • mysql优化特定类型的查询
annan211
java工作mysql

    
本节所介绍的查询优化的技巧都是和特定版本相关的，所以对于未来mysql的版本未必适用。
1 优化count查询
对于count这个函数的网上的大部分资料都是错误的或者是理解的都是一知半解的。在做优化之前我们先来看看
真正的count()函数的作用到底是什么。
count()是一个特殊的函数，有两种非常不同的作用，他可以统计某个列值的数量，也可以统计行数。
在统
    

    • 

  • MAC下安装多版本JDK和切换几种方式
棋子chessman
jdk

    环境：
MAC AIR,OS X 10.10,64位
 
历史：
过去 Mac 上的 Java 都是由 Apple 自己提供，只支持到 Java 6，并且OS X 10.7 开始系统并不自带（而是可选安装）（原自带的是1.6）。
后来 Apple 加入 OpenJDK 继续支持 Java 6，而 Java 7 将由 Oracle 负责提供。
 
在终端中输入jav
    

    • 

  • javaScript （1）
Array_06
JavaScriptjava浏览器

    JavaScript
1、运算符
　　运算符就是完成操作的一系列符号，它有七类： 　　赋值运算符（=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=）、算术运算符(+,-,*,/,++,--,%)、比较运算符(>,<,<=,>=,==,===,!=,!==)、逻辑运算符(||,&&,!)、条件运算(?:)、位
    

    • 

  • 国内顶级代码分享网站
袁潇含
javajdkoracle.netPHP

           现在国内很多开源网站感觉都是为了利益而做的
 
       
       当然利益是肯定的,否则谁也不会免费的去做网站
 
   &
    

    • 

  • Elasticsearch、MongoDB和Hadoop比较
随意而生
mongodbhadoop搜索引擎

     
IT界在过去几年中出现了一个有趣的现象。很多新的技术出现并立即拥抱了“大数据”。稍微老一点的技术也会将大数据添进自己的特性，避免落大部队太远，我们看到了不同技术之间的边际的模糊化。假如你有诸如Elasticsearch或者Solr这样的搜索引擎，它们存储着JSON文档，MongoDB存着JSON文档，或者一堆JSON文档存放在一个Hadoop集群的HDFS中。你可以使用这三种配
    

    • 

  • mac os 系统科研软件总结
张亚雄
mac os

    1.1 Microsoft Office for Mac 2011
     大客户版，自行搜索。
     1.2 Latex （MacTex）:
     系统环境：https://tug.org/mactex/
    &nb
    

    • 

  • Maven实战（四）生命周期
AdyZhang
maven

    1. 三套生命周期     Maven拥有三套相互独立的生命周期，它们分别为clean，default和site。 每个生命周期包含一些阶段，这些阶段是有顺序的，并且后面的阶段依赖于前面的阶段，用户和Maven最直接的交互方式就是调用这些生命周期阶段。 以clean生命周期为例，它包含的阶段有pre-clean, clean 和 post
    

    • 

  • Linux下Jenkins迁移
aijuans
Jenkins

    1. 将Jenkins程序目录copy过去      源程序在/export/data/tomcatRoot/ofctest-jenkins.jd.com下面            tar -cvzf jenkins.tar.gz ofctest-jenkins.jd.com &
    

    • 

  • request.getInputStream()只能获取一次的问题
ayaoxinchao
requestInputstream

    问题：在使用HTTP协议实现应用间接口通信时，服务端读取客户端请求过来的数据，会用到request.getInputStream()，第一次读取的时候可以读取到数据，但是接下来的读取操作都读取不到数据  
原因： 1. 一个InputStream对象在被读取完成后，将无法被再次读取，始终返回-1； 2. InputStream并没有实现reset方法（可以重
    

    • 

  • 数据库SQL优化大总结之 百万级数据库优化方案
BigBird2012
SQL优化

    网上关于SQL优化的教程很多，但是比较杂乱。近日有空整理了一下，写出来跟大家分享一下，其中有错误和不足的地方，还请大家纠正补充。
这篇文章我花费了大量的时间查找资料、修改、排版，希望大家阅读之后，感觉好的话推荐给更多的人，让更多的人看到、纠正以及补充。
1.对查询进行优化，要尽量避免全表扫描，首先应考虑在 where 及 order by 涉及的列上建立索引。
2.应尽量避免在 where 
    

    • 

  • jsonObject的使用
bijian1013
javajson

            在项目中难免会用java处理json格式的数据，因此封装了一个JSONUtil工具类。
JSONUtil.java
package com.bijian.json.study;
import java.util.ArrayList;
import java.util.Date;
import java.util.HashMap;
    

    • 

  • [Zookeeper学习笔记之六]Zookeeper源代码分析之Zookeeper.WatchRegistration
bit1129
zookeeper

    Zookeeper类是Zookeeper提供给用户访问Zookeeper service的主要API，它包含了如下几个内部类
 
 
首先分析它的内部类，从WatchRegistration开始，为指定的znode path注册一个Watcher，
 
/**
* Register a watcher for a particular p
    

    • 

  • 【Scala十三】Scala核心七：部分应用函数
bit1129
scala

    何为部分应用函数？
Partially applied function: A function that’s used in an expression and that misses some of its arguments.For instance, if function f has type Int => Int => Int, then f and f(1) are p
    

    • 

  • Tomcat Error listenerStart 终极大法
ronin47
tomcat

    Tomcat报的错太含糊了，什么错都没报出来，只提示了Error listenerStart。为了调试，我们要获得更详细的日志。可以在WEB-INF/classes目录下新建一个文件叫logging.properties，内容如下
Java代码 
handlers = org.apache.juli.FileHandler, java.util.logging.ConsoleHa
    

    • 

  • 不用加减符号实现加减法
BrokenDreams
实现

            今天有群友发了一个问题，要求不用加减符号(包括负号)来实现加减法。
        分析一下，先看最简单的情况，假设1+1，按二进制算的话结果是10，可以看到从右往左的第一位变为0，第二位由于进位变为1。
   
    

    • 

  • 读《研磨设计模式》-代码笔记-状态模式-State
bylijinnan
java设计模式

    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
/*
当一个对象的内在状态改变时允许改变其行为，这个对象看起来像是改变了其类
状态模式主要解决的是当控制一个对象状态的条件表达式过于复杂时的情况
把状态的判断逻辑转移到表示不同状态的一系列类中，可以把复杂的判断逻辑简化
如果在
    

    • 

  • CUDA程序block和thread超出硬件允许值时的异常
cherishLC
CUDA

    调用CUDA的核函数时指定block 和 thread大小，该大小可以是dim3类型的（三维数组），只用一维时可以是usigned int型的。
以下程序验证了当block或thread大小超出硬件允许值时会产生异常！！！GPU根本不会执行运算！！！
所以验证结果的正确性很重要！！！
在VS中创建CUDA项目会有一个模板，里面有更详细的状态验证。
以下程序在K5000GPU上跑的。
    

    • 

  • 诡异的超长时间GC问题定位
chenchao051
jvmcmsGChbaseswap

    HBase的GC策略采用PawNew+CMS, 这是大众化的配置，ParNew经常会出现停顿时间特别长的情况，有时候甚至长到令人发指的地步，例如请看如下日志：
2012-10-17T05:54:54.293+0800: 739594.224: [GC 739606.508: [ParNew: 996800K->110720K(996800K), 178.8826900 secs] 3700
    

    • 

  • maven环境快速搭建
daizj
安装mavne环境配置

    一 下载maven
安装maven之前，要先安装jdk及配置JAVA_HOME环境变量。这个安装和配置java环境不用多说。
maven下载地址：http://maven.apache.org/download.html，目前最新的是这个apache-maven-3.2.5-bin.zip，然后解压在任意位置，最好地址中不要带中文字符，这个做java 的都知道，地址中出现中文会出现很多
    

    • 

  • PHP网站安全，避免PHP网站受到攻击的方法
dcj3sjt126com
PHP

    
对于PHP网站安全主要存在这样几种攻击方式:1、命令注入(Command Injection)2、eval注入(Eval Injection)3、客户端脚本攻击(Script Insertion)4、跨网站脚本攻击(Cross Site Scripting, XSS)5、SQL注入攻击(SQL injection)6、跨网站请求伪造攻击(Cross Site Request Forgerie
    

    • 

  • yii中给CGridView设置默认的排序根据时间倒序的方法
dcj3sjt126com
GridView

    public function searchWithRelated() {
        $criteria = new CDbCriteria;
        $criteria->together = true; //without th
    

    • 

  • Java集合对象和数组对象的转换
dyy_gusi
java集合

        在开发中，我们经常需要将集合对象（List，Set）转换为数组对象，或者将数组对象转换为集合对象。Java提供了相互转换的工具，但是我们使用的时候需要注意，不能乱用滥用。
1、数组对象转换为集合对象
    最暴力的方式是new一个集合对象，然后遍历数组，依次将数组中的元素放入到新的集合中，但是这样做显然过
    

    • 

  • nginx同一主机部署多个应用
geeksun
nginx

    近日有一需求，需要在一台主机上用nginx部署2个php应用，分别是wordpress和wiki，探索了半天，终于部署好了，下面把过程记录下来。
1.   在nginx下创建vhosts目录，用以放置vhost文件。
mkdir vhosts
 
2.   修改nginx.conf的配置， 在http节点增加下面内容设置，用来包含vhosts里的配置文件
#
    

    • 

  • ubuntu添加admin权限的用户账号
hongtoushizi
ubuntuuseradd

    ubuntu创建账号的方式通常用到两种：useradd 和adduser . 本人尝试了useradd方法，步骤如下：
1:useradd
   使用useradd时，如果后面不加任何参数的话，如：sudo useradd sysadm 创建出来的用户将是默认的三无用户：无home directory ,无密码,无系统shell。
顾应该如下操作：
  
    

    • 

  • 第五章 常用Lua开发库2-JSON库、编码转换、字符串处理
jinnianshilongnian
nginxlua

      JSON库
 
在进行数据传输时JSON格式目前应用广泛，因此从Lua对象与JSON字符串之间相互转换是一个非常常见的功能；目前Lua也有几个JSON库，本人用过cjson、dkjson。其中cjson的语法严格（比如unicode \u0020\u7eaf），要求符合规范否则会解析失败（如\u002），而dkjson相对宽松，当然也可以通过修改cjson的源码来完成
    

    • 

  • Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解
yaerfeng1989
timerquartz定时器

    原创整理不易，转载请注明出处：Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解
代码下载地址：http://www.zuidaima.com/share/1772648445103104.htm
有两种流行Spring定时器配置：Java的Timer类和OpenSymphony的Quartz。
1.Java Timer定时
首先继承jav
    

    • 

  • Linux下df与du两个命令的差别？
pda158
linux

    　一、df显示文件系统的使用情况，与du比較，就是更全盘化。 　　最经常使用的就是 df -T，显示文件系统的使用情况并显示文件系统的类型。 　　举比例如以下： 　　[root@localhost ~]# df -T 　　Filesystem                   Type &n
    

    • 

  • [转]SQLite的工具类 ---- 通过反射把Cursor封装到VO对象
ctfzh
VOandroidsqlite反射Cursor

    在写DAO层时，觉得从Cursor里一个一个的取出字段值再装到VO(值对象)里太麻烦了，就写了一个工具类，用到了反射，可以把查询记录的值装到对应的VO里，也可以生成该VO的List。
 
使用时需要注意：
考虑到Android的性能问题，VO没有使用Setter和Getter，而是直接用public的属性。
表中的字段名需要和VO的属性名一样，要是不一样就得在查询的SQL中
    

    • 

  • 该学习笔记用到的Employee表
vipbooks
oraclesql工作

        这是我在学习Oracle是用到的Employee表，在该笔记中用到的就是这张表，大家可以用它来学习和练习。
drop table Employee;
-- 员工信息表
create table Employee(
-- 员工编号
EmpNo number(3) primary key,
-- 姓
    

    •