亲了你一下宝宝
亲了你一下宝宝

antd table 可伸缩列 react-resizable 多表头实现

antd 自带的可伸缩列控制列宽，不能对多表头、合并单元格的table起效果，于是优化了一下

奉上截图2张，没有录屏
拖动前.png

拖动后.png
ResizableTable .tsx 组件代码如下
import {Table} from "antd4"
import {ColumnsType, TableProps} from "antd/lib/table"
import React, {useEffect, useState} from "react"
import {Resizable} from "react-resizable"
import "./resizableTable.less"
type TResizableTable = {
    column: ColumnsType
    data: TableProps["dataSource"]
}
/**
 * 可伸缩列
 * @param props
 * @returns
 */
const ResizableTable = (props: TResizableTable) => {
    const [column, setcolumn] = useState>([])
    useEffect(() => {
        if (props.column) {
            setcolumn(props.column)
        }
    }, [props.column])
    //给每一列加onResize 用于拖拽
    const setNewColumnCell = (column: any[], indexarray: number[]) => {
        column.map((col, index) => {
            let array2 = JSON.parse(JSON.stringify(indexarray))
            array2.push(index)
            col.onHeaderCell = (column: {width: any}) => ({
                width: column.width ?? 0,
                onResize: handleResize(index, array2)
            })

            if (col.children?.length) {
                setNewColumnCell(col.children, array2)
            }
        })
    }
    const handleResize = (index: number, indexarray: number[]) => (e: any, a: {size: any}) => {
        const {size} = a
        let nextColumns =JSON.parse(JSON.stringify(column))
        const width = size?.width ?? 80
        setNewColumnWidth(nextColumns, indexarray, width, [])
        setcolumn(nextColumns)
    }
    const setNewColumnWidth = (column: any[], indexarray: number[], width: number, nowIndex: number[]) => {
        let i = 0
        for (let col of column) {
            const index = i
            i++

            const currentLevel = indexarray?.[nowIndex.length]
            if (currentLevel == index) {
                console.log("当前层级", index, indexarray)
                let array2 = JSON.parse(JSON.stringify(nowIndex))
                array2.push(index)
                if (JSON.stringify(array2) == JSON.stringify(indexarray)) {
                    col.width = width
                    break
                }
                if (col.children?.length) {
                    setNewColumnWidth(col.children, indexarray, width, array2)
                }
            }
        }
      
    }

    const newcolumn = JSON.parse(JSON.stringify(column)) 
    setNewColumnCell(newcolumn, [])
    console.log(newcolumn, "newcolumn")
    // setlastColumn(newcolumn)
    return (
        
    )
}
export default ResizableTable

const ResizableTitle = (props: any) => {
    const {onResize, width, ...restProps} = props

    if (!width) {
        return 

    }
    return (
         {
                        e.stopPropagation()
                    }}
                />
            }
            onResize={onResize}
            draggableOpts={{enableUserSelectHack: false}}
        >
            
        
    )
}




resizableTable.less


:global {
    .react-resizable {
        position: relative;
        background-clip: padding-box;
    }

    .react-resizable-handle {
        position: absolute;
        width: 10px;
        height: 100%;
        bottom: 0;
        right: -5px;
        cursor: col-resize;
        background-image: none;
        z-index: 1;
    }
}




使用方法


 const ResettlementsColumn: = [
    {
        title: "人口",
        key: "人口",
        children: [
            {
                title: "小计",
                dataIndex: "Population",
                width: 100,
                ellipsis: true
            },
            {
                title: "农业",
                dataIndex: "CityPopulation",
                width: 100,
                ellipsis: true
            },
            {
                title: "非农",
                dataIndex: "VillagePopulation",
                width: 100,
                ellipsis: true
            }
        ]
    }, 
  {
        title: "地区",
        dataIndex:"area"
    }
]
const data = [
    { Population: "1", CityPopulation: 0, VillagePopulation: 1 }
]


























你可能感兴趣的:(antd table 可伸缩列 react-resizable 多表头实现)






    

  • 2023-09-05
29205a86a46a

    昨天下午放学，小女儿跟我一起来到学校。路上，正好遇见学生放学，我说在这个路上说不定能偶遇姐姐，她就在路边等着，一直等了半个小时也没见着，还想去姐姐班级看看。我说不要去了，你想姐姐了吗？她说是的。我说我也想姐姐了，但咱去了会影响他们上课的。于是，没有去找她。晚上，我工作的时候，让小女儿在办公室写作业。但是一直到九点多，她还有不少没写完。准备回家时候，却发现她不在办公室，赶紧去找她，找了两圈，没找到，
    

    • 

  • 结婚从来不是两个人的事
流年良辰

    和邻座的姑娘偶然谈起结婚的话题，她说：“我不想结婚，太麻烦了，结婚又不是两个人的事，而是两个家庭的事”。的确，结婚自古以来就不是两个人的事，从古到今都流传着一句话：父母之命，媒妁之言。一对恋人想要走进婚姻的殿堂，必须通过父母的层层考核，才能在一起。或许正是由于这个原因才会有那么多的不婚主义者出现。去年国庆节，我的闺蜜也正式步入了婚姻。她结婚的那天，我和其他朋友们盛装出席，只为见证这美满幸福的时刻。
    

    • 

  • 机器学习VS深度学习
nfgo
机器学习

    机器学习（MachineLearning,ML）和深度学习（DeepLearning,DL）是人工智能（AI）的两个子领域，它们有许多相似之处，但在技术实现和应用范围上也有显著区别。下面从几个方面对两者进行区分：1.概念层面机器学习：是让计算机通过算法从数据中自动学习和改进的技术。它依赖于手动设计的特征和数学模型来进行学习，常用的模型有决策树、支持向量机、线性回归等。深度学习：是机器学习的一个子领
    

    • 

  • AI教你学Python 第5天：面向对象编程（OOP）基础
凡人的AI工具箱
AI教你学Pythonpython开发语言人工智能AIGC

    第5天：面向对象编程（OOP）基础一、面向对象编程概述面向对象编程（OOP）是一种编程范式，使用“对象”来表示数据和数据上可用的操作。OOP的核心概念包括类、对象、继承、多态和封装。概念描述类一种蓝图，定义了对象的属性和方法。对象类的实例，包含具体的数据和方法。继承一个类可以继承另一个类的属性和方法，从而实现代码重用。多态同一操作作用于不同对象时，表现出不同的行为。封装把数据和操作数据的方法绑定在
    

    • 

  • 十一出行，请带上这份水果清单
都鲜小鲜儿

    十一小长假在即，毫无心思工作，一心只想为祖国母亲庆生。但是，一想到小伙伴们即将开始的旅行，小鲜儿还是立刻打开了手机，拿出这份各地久负盛名的水果清单，你们吃得开心，小鲜儿才能放心，胖一点，挺好！陕西-大荔冬枣珍贵稀有的鲜食果品。营养价值极好，被誉为“百果王”和“活维生素丸”会理-突尼斯软籽石榴名列全国石榴产区之首，皮薄，粒大，汁多，味甘甜，百粒重，可食率高，含糖量高是其显著特点。越南-红心火龙果味甜
    

    • 

  • 新零售SaaS架构：客户管理系统的应用架构设计
公众号-架构师汤师爷
SaaS架构零售架构系统架构后端java

    客户管理系统的应用架构设计应用层定义了软件系统的应用功能，负责接收用户的请求，协调领域层能力来执行任务，并将结果返回给用户，功能模块包括：客户管理：核心功能模块，负责收集和更新客户信息，包括个人资料、联系方式、消费习惯、会员卡、归属信息（比如销售或顾问）和备注。这个模块是CRM系统的基础，支撑其他模块的运作，提供详细的客户信息，帮助企业更好的理解和服务客户。客户标签：通过对客户进行标签化管理，实现
    

    • 

  • 【编程底层原理】HashMap Hashtable ConcurrentHashMap
Dylanioucn
开发语言后端java

    在Java的不同版本中，集合的实现原理有所变化，尤其是在HashMap、Hashtable和ConcurrentHashMap这三种实现中。以下是它们的一些关键区别和实现原理：一、HashMapJDK1.7：HashMap使用数组和链表的组合来解决冲突。当一个桶（数组的每个位置）中的元素超过一定数量时，会使用链表来存储这些元素。HashMap在JDK1.7中不是线程安全的。JDK1.8：进行了优化
    

    • 

  • 计算机网络基础
柒公子c

    1通信协议1.1定义通信协议（communicationsprotocol）是指双方实体完成通信或服务所必须遵循的规则和约定。协议定义了数据单元使用的格式，信息单元应该包含的信息与含义，连接方式，信息发送和接收的时序，从而确保网络中数据顺利地传送到确定的地方。在计算机通信中，通信协议用于实现计算机与网络连接之间的标准，网络如果没有统一的通信协议，电脑之间的信息传递就无法识别。通信协议是指通信各方事
    

    • 

  • simulink风光火储一次调频，风机,simulink二次调频AGC风电风机储能电动汽车水电火电二次调频
科研_研学社
matlab

    欢迎来到本博客❤️❤️博主优势：博客内容尽量做到思维缜密，逻辑清晰，为了方便读者。⛳️座右铭：行百里者，半于九十。本文目录如下：目录⛳️赠与读者1概述一、一次调频及风光火储应用二、二次调频（AGC）及多能源协调2运行结果3参考文献4Simulink仿真实现⛳️赠与读者‍做科研，涉及到一个深在的思想系统，需要科研者逻辑缜密，踏实认真，但是不能只是努力，很多时候借力比努力更重要，然后还要有仰望星空的创
    

    • 

  • Python爬虫代理池
极客李华
python授课python爬虫开发语言

    Python爬虫代理池网络爬虫在数据采集和信息抓取方面起到了关键作用。然而，为了应对网站的反爬虫机制和保护爬虫的真实身份，使用代理池变得至关重要。1.代理池的基本概念：代理池是一组包含多个代理IP地址的集合。通过在爬虫中使用代理池，我们能够隐藏爬虫的真实IP地址，实现一定程度的匿名性。这有助于防止被目标网站封锁或限制访问频率。2.为何使用代理池：匿名性：代理池允许爬虫在请求目标网站时使用不同的IP
    

    • 

  • 读王荣生《写作教学教什么》（六十六）
教与学相长

    阅读与写作，是中学语文教学的两大域，“读”“写”的分工是必要的。首先，阅读与写作的心理机制不同，相应的教学自然也应与其自身规律相适应。其次，阅读与写作的教学目标不同。阅读是吸收，是积累，目标可以略高；写作是表达难度大，故只要求“实用性”与“普适性”。第三，从实际语言来看，现实中许多阅读完全不需要写作的介入。许多阅读活动读者的感受本身就是目的，就是收获，自不必借写作来实现。
    

    • 

  • 含光热电站、有机有机朗肯循环、P2G的综合能源优化调度（Matlab代码实现）
冒泡芳
能源matlab开发语言

    ‍个人主页：研学社的博客欢迎来到本博客❤️❤️博主优势：博客内容尽量做到思维缜密，逻辑清晰，为了方便读者。⛳️座右铭：行百里者，半于九十。本文目录如下：目录1概述2运行结果3参考文献4Matlab代码实现1概述光热发电(concentratingsolarpower，CSP）是一种新型可再生能源发电技术，具有低碳发电和高效储能的优势，但当前光热电站常充当单一发电源进行能源供应，其供能潜力未得到充分
    

    • 

  • 倒计时45天
sarawhu

    还有45天就到二宝预产期了。还有两周就春节放假了，现在都是数着日子过活。还不知道生完后是如何地鸡飞狗跳呢！希望一切都顺顺当当的。工作就先放一边吧，把身体养好才是最重要的事情。立了好多flag都等着去实现呢。这几年书读的比较少，还是要定一个目标，两周一本比较合适。因为我读书快，很容易囫囵吞枣。所以不要追求速度，同时强调输出。只有输出才学的深刻，而不是走马观花。
    

    • 

  • 【python版】示波器输出的csv文件（时间与电压数据）如何转换为频率与幅值【方法②】
cxylay
pythonpython开发语言示波器csv文件频谱频域时域

    要将示波器输出的CSV文件中包含的时间与电压数据转换为频率与幅值数据，你可以按照以下步骤进行处理。这里假设你的数据是一个周期性信号，可以通过傅里叶变换来实现这种转换。1、准备数据①导入CSV文件首先，使用Python、Excel或任何数据处理工具导入你的CSV文件。CSV文件中应该有两列数据，分别为时间（time）和电压（voltage）。②检查数据确保时间列的单位是一致的（例如秒），电压列是以伏
    

    • 

  • 计算机信息管理本科自考选题推荐
李哥讲程序开发
javaspringboot开发语言

    计算机信息管理专业是一个跨学科的领域，它结合了计算机技术与管理技术，旨在利用计算机完成各类信息管理。以下是一些推荐的自考选题方向：基于SSM的毕业设计管理系统的设计与实现基于SSM大学生校园兼职论坛管理系统基于SSM的家教应聘招聘系统的设计和实现基于SpringBoot住院患者满意度跟踪调查系统的设计与实现基于SpringBoot在线作业提交系统的设计与实现总的来说，这些建议的选题方向覆盖了计算机
    

    • 

  • 法治的细节——对话（六）
玄灵

    六、对话阅读随笔：我虽然不是法盲，但对法律的认知却是留在很浅显的层次。青铜时代，亦如最初的梦想。不是每个人都能有自己的青铜时代或把握住自己的青铜时代，亦如不是我们每个人都能去追寻我们最初的梦想和去实现她。当然梦想是会变得，我们对最初的梦想也会有自己的修正。我不想对自己最初的梦想去定义什么，亦如我认为的完美。最终无论她能否实现，我都愿与她同行，去求索最初的人生梦想，无论是喜悦还是困苦，无论是兴趣使然
    

    • 

  • 打吊针
简单男孩

    【幸福男孩，郏县，张易，坚持分享第74天，2018.1、28】今天发烧又反复了，爸爸说：“吃药看是不行了，还是打针吧！”妈妈也同意了。早上起来，就赶紧去医院。看见医生拿来三大瓶吊瓶，还有针管，我说：“还是别打了吧！这么多，要打到什么时候，太坑人了！”爸爸说：“你不打针，病什么时候才好呀？我还等着你好了，和我一起打架呢！”妈妈说：“快考试了，你病不好，难道你不想参加考试了？”在爸爸妈妈的劝告下，我同
    

    • 

  • 【Python】数据结构,链表,算法详解
AIAdvocate
python数据结构链表排序算法广度优先深度优先

    今日内容大纲介绍自定义代码-模拟链表删除节点查找节点算法入门-排序类的冒泡排序选择排序插入排序快速排序算法入门-查找类的二分查找-递归版二分查找-非递归版分线性结构-树介绍基本概述特点和分类自定义代码-模拟二叉树1.自定义代码-模拟链表完整版"""案例:自定义代码,模拟链表.​背景: 顺序表在存储数据的时候,需要使用到连续的空间,如果空间不够,就会导致扩容失败,针对于这种情况,我们可以通过链表实现
    

    • 

  • pip is configured with locations that require TLS/SSL, however the ssl module in Python is notable
_Johnny_
Pythonpipsslpython

    现象执行pipinstall时报错：WARNING:pipisconfiguredwithlocationsthatrequireTLS/SSL,howeverthesslmoduleinPythonisnotavailable.Hint:Itlookslikeapath.Thepathdoesexist.WARNING:pipisconfiguredwithlocationsthatrequir
    

    • 

  • 微信小程序游戏开发
红匣子实力推荐

    微信小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也正因为其便利性，微信小程序在各个领域都有广泛的应用，其中包括游戏领域。本文将为你介绍微信小程序游戏开发的基本知识。开发-联系电话：13642679953（微信同号）一、开发环境准备1.微信开发者工具：这是微信官方提供的开发工具，支持小程序的开发和调试。你可以在微信公众平台下载并安装。2
    

    • 

  • 10月11日奇迹日记
曦吖

    瑾宝能量时间轴第178天感恩冥想‍♀️克瑞斯多令指令奇迹30早课散步7710步欣赏美人美物享受喜欢的食物黄金能量圈开心互动与云红宝分享时间轴奇迹30晚课睡前冥想‍♂️当你愿意去看到的时候也请宇宙帮你带走我们对自己的不接纳也不需要刻意做什么就请宇宙帮我们带走瑾宝10月11日为自己做的开心的事：晨起静坐20分钟冥想享受营养早餐吃水果喝酸奶与雪儿晚上一起吃小炒菜欣赏我喜欢你甜甜的剧奇迹30精彩的早晚课和
    

    • 

  • 深度学习-13-小语言模型之SmolLM的使用
皮皮冰燃
深度学习深度学习

    文章附录1SmolLM概述1.1SmolLM简介1.2下载模型2运行2.1在CPU/GPU/多GPU上运行模型2.2使用torch.bfloat162.3通过位和字节的量化版本3应用示例4问题及解决4.1attention_mask和pad_token_id报错4.2max_new_tokens=205参考附录1SmolLM概述1.1SmolLM简介SmolLM是一系列尖端小型语言模型，提供三种规
    

    • 

  • 【霜天晓角】中秋方去
冯素萍

    霜天晓角中秋方去文/冯素萍中秋方去，来送萧萧雨。一夜身凉风弄，园枝瑟，多几许。情郁。起缕缕。万千伤心绪。肠断怀萦欲发，笺辞忘，椎管举。霜天晓角，词牌名。上依双调四十三字，前段五句三仄韵，后段六句四仄韵林逋体。
    

    • 

  • 2023-08-01
余則徐

    2023.8.1.达视津气象2023.8.1.达视津气象朋友们早上好！今天是2023.8.1.星期二，农历六月十五，6:41；这个时间的干支历法是癸卯年己未月辛卯日辛卯时。连日来天津一直阴雨连绵；据报告，前两天津门多地雨量达暴雨量级；昨天早间气象台仍然发布了暴雨预警。不过，当前逐小时预报已经认为今天夜间天津会是晴天了。但是，其逐日气象预报仍觉情况并不乐观，公历8月伊始天津仍会阴雨连绵。天津当前气温
    

    • 

  • 2022-07-15
大亲亲

    做个女人好难，首先是孩子，不知道别人家的娃是什么样的，反正我的娃和我相处时，最难得是写作业，但凡写作业就是非逼我出手不可，我肯定是想让他臣服，乖乖听话去写作业，但是他写作业的前戏特别多，左摸摸右看看，超级不情不愿的开始动笔，一旦动了笔，就身上虱子就开始飞扬，抓耳扰腮。做一件事情的时候，他的身体不停的动，这是什么原因呢？比如他再背乘法口诀，手就在柜子上摸来摸去，脚踢打打，嘴巴还是在说乘法口诀的内容，
    

    • 

  • 为什么坚持不到底？
西米ximena

    不知道你是不是也有过这样的体会：你说要早起，要让梦想叫自己起床，可是坚持了两三天，叫醒自己的还是快要迟到的闹钟。你说要每天都要读书，多读点书，多开阔眼界，多获得点知识，可是今天太累了明天太晚了，然后发现又好几天没有看过书了。你说你要开始改变，要去见牛人，要去做牛事。可是你连迈出的第一步都失败了。为什么会是这样呢？因为不去做，不坚持做。不去做，缺少成就感。所以你现在能拿得出一篇非常棒的文章吗？不去做
    

    • 

  • 学习共产主义心得
桥心隧梦

    近期我认真学习了共产主义相关理论，收获颇多，具体如下：通过学习，我认识到社会主义经过长期的发展，在高度发达的基础上，最终将走向共产主义，共产主义不仅是一种科学的理论和这种理论指导下的现实的运动，而且是一种未来社会制度和社会形态。实现共产主义是人类历史发展的必然趋势，是马克思主义最崇高的理想，当代青年应该把握好历史发展规律，树立中国特色社会主义共同理想和共产主义远大理想，从自我做起，从现在做起，在追
    

    • 

  • CesiumJS+SuperMap3D.js混用实现可视域分析 S3M图层加载 裁剪区域绘制
SteveJi666
WebGLcesiumEarthSDKSuperMap3djavascript前端arcgis

    版本简介：cesium：1.99；Supermap3D：SuperMapiClientJavaScript11i(2023)；官方下载文档链家：SuperMap技术资源中心|为您提供全面的在线技术服务示例参考：support.supermap.com.cn:8090/webgl/Cesium/examples/webgl/examples.html#analysissupport.supermap
    

    • 

  • 麦克白读后感
学号叁拾

    最光明的天使也会堕落，可是天使总是光明的；虽然小人全都貌似忠良，可是忠良的一定仍然不失他的本色。倏落秋零之际，黄叶正自凋残。看了辜正坤翻译的麦克白，全文采用了诗歌的形式，文字优美，语句漂亮，只是脑海中一边想着舞台剧一边读这种词总感觉别扭。麦克白作为苏格兰的骁勇大将，在战争大获全胜之后偶遇了三个女巫，女巫预言他会成为韦尔多王爵，又会成为国王。麦克白应该是很开心的吧，在封爵成功之后就告诉了自己的夫人这
    

    • 

  • 数字化供应链架构、全景管理、全流程贯通整体解决方案：供应链管理就是利用管理工具、IT技术将企业引入外部资源的过程精细化、标准化管理，实现高效益低成本运营。
数字化建设方案
数字化转型数据治理主数据数据仓库智能制造数字工厂制造业数字化转型工业互联网供应链数字仓储智慧物流智慧仓储物流园区架构大数据

    数字化供应链架构、全景管理、全流程贯通方案数字化供应链架构、全景管理、全流程贯通方案项目背景与目标供应链管理现状及挑战数字化供应链架构概念及优势全景管理与全流程贯通目标预期成果与效益智能管理机制建设需求预测与智能分析应用合同管理智能化提升举措仓储管理自动化和机器人技术应用物流配送优化策略周边系统整合与数据贯通现有系统梳理及评估报告数据接口标准制定和实施计划流程对接和数据交互机制设计监控和报警机制完
    

    • 

  • HttpClient 4.3与4.3版本以下版本比较
spjich
javahttpclient

    网上利用java发送http请求的代码很多，一搜一大把，有的利用的是java.net.*下的HttpURLConnection，有的用httpclient，而且发送的代码也分门别类。今天我们主要来说的是利用httpclient发送请求。
httpclient又可分为
httpclient3.x
httpclient4.x到httpclient4.3以下
httpclient4.3
    

    • 

  • Essential Studio Enterprise Edition 2015 v1新功能体验
Axiba
.net

    概述：Essential Studio已全线升级至2015 v1版本了！新版本为JavaScript和ASP.NET MVC添加了新的文件资源管理器控件，还有其他一些控件功能升级，精彩不容错过，让我们一起来看看吧！
syncfusion公司是世界领先的Windows开发组件提供商，该公司正式对外发布Essential Studio Enterprise Edition 2015 v1版本。新版本
    

    • 

  • [宇宙与天文]微波背景辐射值与地球温度
comsci
背景

    
        宇宙这个庞大,无边无际的空间是否存在某种确定的,变化的温度呢?
     如果宇宙微波背景辐射值是表示宇宙空间温度的参数之一,那么测量这些数值,并观测周围的恒星能量输出值,我们是否获得地球的长期气候变化的情况呢?
  &nbs
    

    • 

  • lvs-server
男人50
server

    #!/bin/bash
#
# LVS script for VS/DR
#
#./etc/rc.d/init.d/functions
#
VIP=10.10.6.252
RIP1=10.10.6.101
RIP2=10.10.6.13
PORT=80
case $1 in
start)
  /sbin/ifconfig eth2:0 $VIP broadca
    

    • 

  • java的WebCollector爬虫框架
oloz
爬虫

    WebCollector主页：
https://github.com/CrawlScript/WebCollector
下载：webcollector-版本号-bin.zip将解压后文件夹中的所有jar包添加到工程既可。
接下来看demo
package org.spider.myspider;
import cn.edu.hfut.dmic.webcollector.cra
    

    • 

  • jQuery append 与 after 的区别
小猪猪08

    1、after函数
定义和用法：
after() 方法在被选元素后插入指定的内容。
语法：
$(selector).after(content)
实例：
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></scr
    

    • 

  • mysql知识充电
香水浓
mysql

    索引
索引是在存储引擎中实现的，因此每种存储引擎的索引都不一定完全相同，并且每种存储引擎也不一定支持所有索引类型。
根据存储引擎定义每个表的最大索引数和最大索引长度。所有存储引擎支持每个表至少16个索引，总索引长度至少为256字节。
大多数存储引擎有更高的限制。MYSQL中索引的存储类型有两种：BTREE和HASH，具体和表的存储引擎相关；
MYISAM和InnoDB存储引擎
    

    • 

  • 我的架构经验系列文章索引
agevs
架构

    下面是一些个人架构上的总结，本来想只在公司内部进行共享的，因此内容写的口语化一点，也没什么图示，所有内容没有查任何资料是脑子里面的东西吐出来的因此可能会不准确不全，希望抛砖引玉，大家互相讨论。
要注意，我这些文章是一个总体的架构经验不针对具体的语言和平台，因此也不一定是适用所有的语言和平台的。
（内容是前几天写的，现附上索引）
 
前端架构 http://www.
    

    • 

  • Android so lib库远程http下载和动态注册
aijuans
andorid

    一、背景
 
   在开发Android应用程序的实现，有时候需要引入第三方so lib库，但第三方so库比较大，例如开源第三方播放组件ffmpeg库, 如果直接打包的apk包里面, 整个应用程序会大很多.经过查阅资料和实验，发现通过远程下载so文件，然后再动态注册so文件时可行的。主要需要解决下载so文件存放位置以及文件读写权限问题。
 
二、主要
    

    • 

  • linux中svn配置出错 conf/svnserve.conf:12: Option expected 解决方法
baalwolf
option

    在客户端访问subversion版本库时出现这个错误：
svnserve.conf:12: Option expected
为什么会出现这个错误呢，就是因为subversion读取配置文件svnserve.conf时，无法识别有前置空格的配置文件，如### This file controls the configuration of the svnserve daemon, if you##
    

    • 

  • MongoDB的连接池和连接管理
BigCat2013
mongodb

    在关系型数据库中，我们总是需要关闭使用的数据库连接，不然大量的创建连接会导致资源的浪费甚至于数据库宕机。这篇文章主要想解释一下mongoDB的连接池以及连接管理机制，如果正对此有疑惑的朋友可以看一下。
通常我们习惯于new 一个connection并且通常在finally语句中调用connection的close()方法将其关闭。正巧，mongoDB中当我们new一个Mongo的时候，会发现它也
    

    • 

  • AngularJS使用Socket.IO
bijian1013
JavaScriptAngularJSSocket.IO

            目前，web应用普遍被要求是实时web应用，即服务端的数据更新之后，应用能立即更新。以前使用的技术（例如polling）存在一些局限性，而且有时我们需要在客户端打开一个socket，然后进行通信。
        Socket.IO(http://socket.io/)是一个非常优秀的库，它可以帮你实
    

    • 

  • [Maven学习笔记四]Maven依赖特性
bit1129
maven

    三个模块
为了说明问题，以用户登陆小web应用为例。通常一个web应用分为三个模块，模型和数据持久化层user-core, 业务逻辑层user-service以及web展现层user-web，
user-service依赖于user-core
user-web依赖于user-core和user-service
 
依赖作用范围
 Maven的dependency定义
    

    • 

  • 【Akka一】Akka入门
bit1129
akka

    什么是Akka
Message-Driven Runtime is the Foundation to Reactive Applications
In Akka, your business logic is driven through message-based communication patterns that are independent of physical locatio
    

    • 

  • zabbix_api之perl语言写法
ronin47
zabbix_api之perl

    zabbix_api网上比较多的写法是python或curl。上次我用java－－http://bossr.iteye.com/blog/2195679，这次用perl。for example: #!/usr/bin/perl
use 5.010 ;
use strict ;
use warnings ;
use JSON :: RPC :: Client ;
use 
    

    • 

  • 比优衣库跟牛掰的视频流出了，兄弟连Linux运维工程师课堂实录，更加刺激，更加实在！
brotherlamp
linux运维工程师linux运维工程师教程linux运维工程师视频linux运维工程师资料linux运维工程师自学

    比优衣库跟牛掰的视频流出了，兄弟连Linux运维工程师课堂实录，更加刺激，更加实在！
 
-----------------------------------------------------
兄弟连Linux运维工程师课堂实录-计算机基础-1-课程体系介绍1
链接：http://pan.baidu.com/s/1i3GQtGL 密码：bl65
 
兄弟连Lin
    

    • 

  • bitmap求哈密顿距离-给定N（1<=N<=100000）个五维的点A(x1,x2,x3,x4,x5)，求两个点X(x1,x2,x3,x4,x5)和Y(
bylijinnan
java

    
import java.util.Random;
/**
* 题目：
* 给定N（1<=N<=100000）个五维的点A(x1,x2,x3,x4,x5)，求两个点X(x1,x2,x3,x4,x5)和Y(y1,y2,y3,y4,y5)，
* 使得他们的哈密顿距离（d=|x1-y1| + |x2-y2| + |x3-y3| + |x4-y4| + |x5-y5|）最大
    

    • 

  • map的三种遍历方法
chicony
map

    
package com.test;
import java.util.Collection;
import java.util.HashMap;
import java.util.Iterator;
import java.util.Map;
import java.util.Set;
public class TestMap {
public static v
    

    • 

  • Linux安装mysql的一些坑
chenchao051
linux

    1、mysql不建议在root用户下运行
 
2、出现服务启动不了，111错误，注意要用chown来赋予权限， 我在root用户下装的mysql，我就把usr/share/mysql/mysql.server复制到/etc/init.d/mysqld, (同时把my-huge.cnf复制/etc/my.cnf) 
chown -R cc /etc/init.d/mysql
    

    • 

  • Sublime Text 3 配置
daizj
配置Sublime Text

    Sublime Text 3 配置解释(默认){// 设置主题文件“color_scheme”: “Packages/Color Scheme – Default/Monokai.tmTheme”,// 设置字体和大小“font_face”: “Consolas”,“font_size”: 12,// 字体选项：no_bold不显示粗体字，no_italic不显示斜体字，no_antialias和
    

    • 

  • MySQL server has gone away 问题的解决方法
dcj3sjt126com
SQL Server

    MySQL server has gone away 问题解决方法，需要的朋友可以参考下。
应用程序（比如PHP）长时间的执行批量的MYSQL语句。执行一个SQL，但SQL语句过大或者语句中含有BLOB或者longblob字段。比如，图片数据的处理。都容易引起MySQL server has gone away。 今天遇到类似的情景，MySQL只是冷冷的说：MySQL server h
    

    • 

  • javascript/dom:固定居中效果
dcj3sjt126com
JavaScript

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml&
    

    • 

  • 使用 Spring 2.5 注释驱动的 IoC 功能
e200702084
springbean配置管理IOCOffice

    使用 Spring 2.5 注释驱动的 IoC 功能
developerWorks
文档选项
将打印机的版面设置成横向打印模式
打印本页
将此页作为电子邮件发送
将此页作为电子邮件发送
级别： 初级
陈 雄华 ([email protected]), 技术总监, 宝宝淘网络科技有限公司
2008 年 2 月 28 日
 &nb
    

    • 

  • MongoDB常用操作命令
geeksun
mongodb

    1.   基本操作
db.AddUser(username,password)               添加用户
db.auth(usrename,password)      设置数据库连接验证
db.cloneDataBase(fromhost)     
    

    • 

  • php写守护进程（Daemon）
hongtoushizi
PHP

    转载自： http://blog.csdn.net/tengzhaorong/article/details/9764655
 
守护进程（Daemon）是运行在后台的一种特殊进程。它独立于控制终端并且周期性地执行某种任务或等待处理某些发生的事件。守护进程是一种很有用的进程。php也可以实现守护进程的功能。
 
1、基本概念
  &nbs
    

    • 

  • spring整合mybatis,关于注入Dao对象出错问题
jonsvien
DAOspringbeanmybatisprototype

    今天在公司测试功能时发现一问题：
先进行代码说明：
1，controller配置了Scope="prototype"（表明每一次请求都是原子型）
   @resource/@autowired service对象都可以（两种注解都可以）。
2，service 配置了Scope="prototype"（表明每一次请求都是原子型）

    

    • 

  • 对象关系行为模式之标识映射
home198979
PHP架构企业应用对象关系标识映射

    HELLO!架构
 
一、概念
identity Map:通过在映射中保存每个已经加载的对象，确保每个对象只加载一次，当要访问对象的时候，通过映射来查找它们。其实在数据源架构模式之数据映射器代码中有提及到标识映射，Mapper类的getFromMap方法就是实现标识映射的实现。
 
 
二、为什么要使用标识映射？
在数据源架构模式之数据映射器中
//c
    

    • 

  • Linux下hosts文件详解
pda158
linux

    　1、主机名： 　　无论在局域网还是INTERNET上，每台主机都有一个IP地址，是为了区分此台主机和彼台主机，也就是说IP地址就是主机的门牌号。 　　公网：IP地址不方便记忆，所以又有了域名。域名只是在公网（INtERNET)中存在，每个域名都对应一个IP地址，但一个IP地址可有对应多个域名。 　　局域网：每台机器都有一个主机名，用于主机与主机之间的便于区分，就可以为每台机器设置主机
    

    • 

  • nginx配置文件粗解
spjich
javanginx

    #运行用户#user  nobody;#启动进程,通常设置成和cpu的数量相等worker_processes  2;#全局错误日志及PID文件#error_log  logs/error.log;#error_log  logs/error.log  notice;#error_log  logs/error.log  inf
    

    • 

  • 数学函数
w54653520
java

    public 
class 
S {  
    
// 传入两个整数，进行比较，返回两个数中的最大值的方法。
    
public 
int 
get(
int 
num1,
int 
nu
    

    •