前言：
最近在做一个权限管理的后台项目，经常涉及到树形数据展示，就用到了antd，table表格树形数据组件。记录一下使用过程的坑。
环境及配置：
antd -3.23.6(大版本为antd 3) 官方antd 3版本API文档
antd 3和antd 4版本对于表格来说变动很小只是把展开配置放到了一个expandable的对象里，所以只需要稍微变动就可以运用到antd v4版本
antd Table树形数据展示及使用
使用很简单只需要数据是树形结构的就可以（一般都是children为标志，如果不是可以使用childrenColumnName树形指定key名，api文档里写的很清楚）。
1.自定义展开收起图标：
业务要求需要自定义展开收起（默认的不太好看）
实现思路：
利用 expandIcon，判断是否可以展开来实现
import React, { Component } from 'react';
import { Table, Divider, Tag,Icon } from 'antd';
const data=[
{
name:"破阵",
age:"32",
tel:"5555",
leve:1,
children:[
{
name:"山鬼谣",
age:"18",
tel:"55554",
leve:2,
children:[
{
name:"弋痕夕",
age:"34",
tel:"55554",
leve:3,
}
]
},
{
name:"天净沙",
age:"45",
tel:"555549",
leve:2,
}
]
},
{
name:"辗迟",
age:"18",
tel:"5555",
leve:1,
children:[]
}
];
const coumns=[
{
title: 'name',
dataIndex: 'name',
key: 'name',
render: text => {text} ,
},
{
title: 'age',
dataIndex: 'age',
key: 'age',
render: text => {text} ,
},
{
title: 'tel',
dataIndex: 'tel',
key: 'tel',
render: text => {text} ,
},
];
class index extends Component {
render() {
return (
{ //expanded-是否可展开, onExpand-展开事件默认, record-每一项的值 设置自定义图标
if(expanded){//根据是否可以展开判断
return onExpand(record, e)}/>
}else{
return onExpand(record, e)}/>
}
}}
/>
);
}
}
export default index;
2.业务要求默认展开
要知道antd里只要和default沾边的都只是初次渲染管用（比如给input设置默认值等等），所以官方给的是expandedRowKeys和onExpand结合实现。
实现思路：
expandedRowKeys和onExpand结合实现。判断是否展开，动态改变expandedRowKeys。
注意数据里的key必须是唯一的，否则会出现展开一个另一个也跟着展开 （当然如果需求就是联动可以相同）。
先加上expandedRowKeys默认是展开了，但是会出现点击展开和折叠就不生效了，所以要结合onExpand实现（使用这个默认的就不生效了，默认没有子项是不展示图标的，所以还要加一个判断）
class index extends Component {
state = {
expandedRowKeys: []
}
componentDidMount() {
let keyArr = [];
data.map((item, index) => { //这里就可以把要展开的key加进来记住必须是唯一的
keyArr.push(item.key)
})
this.setState({
expandedRowKeys: keyArr
})
}
onExpand = (expanded, record) => { //expanded是否展开 record每一项的值
let { expandedRowKeys } = this.state;
if (expanded) {
let arr = expandedRowKeys;
arr.push(record.key);
this.setState({
expandedRowKeys: arr
})
} else {
let arr2 = [];
if (expandedRowKeys.length > 0 && record.key) {
arr2 = expandedRowKeys.filter((key) => {
return key !== record.key;
})
}
this.setState({
expandedRowKeys: arr2
})
}
}
render() {
return (
{ //expanded-是否可展开, onExpand-展开事件默认, record-每一项的值 设置自定义图标
if (record.children&&record.children.length != 0) {//有子项加才有图标（根据自己的额业务需求变动）
if (expanded) {//根据是否可以展开判断
return onExpand(record, e)} />
} else {
return onExpand(record, e)} />
}
} else {
return ''
}
}}
expandedRowKeys={this.state.expandedRowKeys}
onExpand={this.onExpand}
/>
);
}
}
3.给不同层级加颜色（类似于隔行变色）
实现思路：根据level来判断层级利用rowClassName来动态该改变类名
class index extends Component {
state = {
expandedRowKeys: []
}
componentDidMount() {
let keyArr = [];
data.map((item, index) => { //这里就可以把要展开的key加进来记住必须是唯一的
keyArr.push(item.key)
})
this.setState({
expandedRowKeys: keyArr
})
}
onExpand = (expanded, record) => { //expanded是否展开 record每一项的值
let { expandedRowKeys } = this.state;
if (expanded) {
let arr = expandedRowKeys;
arr.push(record.key);
this.setState({
expandedRowKeys: arr
})
} else {
let arr2 = [];
if (expandedRowKeys.length > 0 && record.key) {
arr2 = expandedRowKeys.filter((key) => {
return key !== record.key;
})
}
this.setState({
expandedRowKeys: arr2
})
}
}
classNameFn=(record, index)=>{
let className="";
if(record){
if(record.leve==1){
className="leve1"
}else if(record.leve==2){
className="leve2"
}else if(record.leve==3){
className="leve3"
}else{
className=""
}
}
console.log(className)
return className;
}
render() {
return (
{ //expanded-是否可展开, onExpand-展开事件默认, record-每一项的值 设置自定义图标
if (record.children&&record.children.length != 0) {
if (expanded) {//根据是否可以展开判断
return onExpand(record, e)} />
} else {
return onExpand(record, e)} />
}
} else {
return ''
}
}}
expandedRowKeys={this.state.expandedRowKeys} //展开行
onExpand={this.onExpand} //展开事件
rowClassName={this.classNameFn} //表格行类名
/>
);
}
}
@import '~antd/es/style/themes/default.less';
.leve1{
background: burlywood;
}
.leve2{
background: blue;
}
.leve3{
background: gray;
}4.给表格设置样式
给表格设置样式需要元素审查一级一级的找
利用：'：global'来覆盖就行
总结：
antd是很好的开源UI库，但也存在很多问题。需要根据自己的业务来，选择适合的组件。另外antd-pro是一个不错的框架（dva+umi），可以快速开发应用。
本文参考资料来自：antd API官方文档 antd-pro API 文档
你可能感兴趣的:(React,react-antd)
React学习笔记（组件通信）_千峰教育 react
m0_54846402
程序员 react.js 学习 笔记
reduxprinciple-+//定义一个dispatch的方法，接收到动作之后，自动调用constdispatch=(action)=>{changeState(action)renderCount(countState)}```创建createStore方法Reduxprinciple02reduxprinciple-+//定义一个方法，用于集中管理state和dispatchconstcr
React 渲染 Flash 接口数据
ox0080
# 北漂+滴滴出行 VIP 激励 Web react.js 前端 前端框架
1.后端Python代码使用Flask创建多个接口，每个接口返回不同的数据，并使用自定义装饰器来绑定路由。代码：#app.pyfromflaskimportFlask,jsonifyapp=Flask(__name__)defapi_route(route,methods=['GET']):"""自定义装饰器，用于将函数与HTTP路由绑定"""defdecorator(func):app.rout
部署前端项目2
augenstern416
前端
前端项目的部署是将开发完成的前端代码发布到服务器或云平台，使其能够通过互联网访问。以下是前端项目部署的常见步骤和工具：1.准备工作在部署之前，确保项目已经完成以下步骤：代码优化：压缩JavaScript、CSS和图片文件，减少文件体积。环境配置：区分开发环境和生产环境（如API地址、环境变量等）。测试：确保项目在本地测试通过，没有明显Bug。2.部署流程1.构建项目大多数前端项目（如React、V
vue中nextTick函数和react类似实现
向画
vue.js react.js 前端
Vue3基本用法：import{nextTick}from'vue';//全局调用nextTick(()=>{//在下一个DOM更新循环后执行的代码});//在组件内部调用setup(){asyncfunctionhandleUpdate(){//修改数据...awaitnextTick();//在数据引发的DOM更新完成后执行的代码}}nextTick函数现在作为vue包的一个导出成员，需要显式
electron学习笔记
weixin_46452138
electron 学习 javascript
electron个人学习笔记一、electron简单了解Electron是一个跨平台的、基于Web前端技术的桌面GUI应用程序开发框架。可以使用HTML、CSS来绘制界面和控制布局，使用JavaScript来控制用户行为和业务逻辑，使用Node.js来通信、处理音频视频等，几乎所有的Web前端技术和框架（jQuery、Vue、React、Angular等）都可以应用到桌面GUI开发中。二、开发前基
React——setState 是同步还是异步问题
水煮庄周鱼鱼
React react.js javascript ecmascript
这篇是为了了解清楚setState的更新机制，有人理解setState方法是异步的，但这个是错误的！！setState方法是异步的嘛？//从这里我们可以看到，打印出来是1，会以为setState是异步的this.state={count:1}this.setState({count:this.state.count+1})console.log(this.state.count)//1我们试下看，
本地运行 DeepSeek-R1 的成本究竟多高？
前端javascript
ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读本地运行DeepSeek-R1的成本究竟多高？DeepSeek让人们对大规模生成式模型的追求更进一步，甚至有人想在本地跑下规模高达671B参数的版本。但要在家里开这种“巨无霸”，可不是闹着玩的：光是推理就对硬件提出了非常高的要求。这篇文章将大致拆解一下，如果真想在个人电脑上运行DeepSeek-R1，可能需
构建 Next.js 应用时的安全保障与风险防范措施
前端javascript
ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读在Web应用开发过程中，确保应用的安全性至关重要，这不仅能保护用户数据，还能防止应用本身遭受各种安全攻击。Next.js作为一款备受欢迎的React框架，内置了许多安全功能和推荐做法，但开发者仍需清楚地了解潜在的安全隐患，并采取合适的防范策略。一、Next.js安全问题概述尽管Next.js为构建安全应用提
redux、react-redux、redux-thunk、redux-saga对比
姜无忧
react redux react.js javascript 前端
reduxredux工作流程示意图actions函数形式，返回action对象，通常具有type属性。负责指令的生成，页面通过store.dispatch(action)向store发送数据修改的请求。reducers一个纯函数，接收两个参数(previousState,action)第一个表示修改之前的state的值，action是上一步页面通过store.dispatch(action)向st
React学习笔记04
充气大锤
React学习笔记 react.js 学习 笔记 vue.js 前端
一、理解组件通信组件通信就是组件间的数据传递，根据组件嵌套关系的不同，有不同的通信方法。在Vue中组件通信是我们组件间传递数据的一种最常用的方法，我们在Vue中使用props来实现父传子，用$emit实现子传父，在React中如何实现呢？1.1、父传子：1、父组件传递数据：在子组件标签身上绑定属性2、子组件接收数据：props的参数functionSon(props){return{props.n
观望=没有！
郭顺发_
博客 经验分享
“兄弟，Java现在学还有前途吗？”“前端是不是饱和了？”——每天打开私信，这类问题能占大半。我的回复永远只有一句：“如果你非要等我说‘行’才敢行动，那答案已经不重要了。”#技术人总在纠结“能不能”一直在等权威认证有人私信问“学Java还能找到工作吗”，自己却从来没打开过招聘网站——实际上，2024年Java岗位仍占后端需求的百分之四五十。考虑技术风向新手在Vue/React/Svelte之间反复
RxJava 和Kotlin协程（Coroutines）
Marblog
Java Android rxjava kotlin android
RxJava和协程（Coroutines）都是处理异步编程和并发任务的强大工具，但它们的设计理念、使用方式和应用场景有所不同。以下是它们之间的主要区别：1.设计理念与核心概念RxJava：基于响应式流：RxJava是基于反应式编程（ReactiveProgramming）理念的库，它主要用于处理异步数据流和事件流。RxJava提供了丰富的操作符来对数据流进行组合、变换、过滤、错误处理等操作。数据流
2025年前端工程师职业发展的系统性应聘规划
IT木昜
前端
2025年前端工程师职业发展的系统性应聘规划，结合技术趋势、企业需求和竞争力提升策略，分为技术栈学习、项目实战、求职策略三部分：一、2025年前端技术趋势与核心技能1.必学技术栈（基础+进阶）层级技术方向具体技能基础核心语言-HTML6新特性（预测）、CSS容器查询、TypeScript5.0+主流框架React22+（ServerComponents）、Vue4.0（VaporMode）、Sve
自定义Agent组件
三月七꧁ ꧂
langchain+llm python 开发语言 microsoft gpt langchain javascript 前端
文章目录ReActAgent的实践工具组件和工具包组件工具组件的类型 一个Agent组件由两部分组成：tools（代理可以使用的工具)和AgentExecutor(决定采取哪种行动)。下面逐一介绍如何创建自定义Agent组件。Tool、AgentExecutor和BaseSingleActionAgent是从LangChain.agents模块中导人的类，用于创建自定义Agent组件和too
处理react中使用TS或者eslint页面报错问题
尼古拉斯网页匠
react.js 前端 vue.js
在报错代码的上一行加入对应如下代码//@ts-ignore//@ts-nocheck//eslint-disable-next-line
Spring Cloud Gateway可以做什么?
zzyh123456
java 开发语言
SpringCloudGateway是一个基于SpringFramework5、SpringBoot2和ProjectReactor等技术构建的API网关服务器，它在微服务架构中扮演着至关重要的角色。以下是SpringCloudGateway可以做的几个主要方面：1.路由转发基于多种条件的路由：SpringCloudGateway可以根据请求的路径、Host、Header、请求参数等多种条件将请求
DeepSeek 实用集成,接入各类软件
安替-AnTi
deepseek 集成 软件 实用
将DeepSeek大模型能力轻松接入各类软件。访问DeepSeek开放平台来获取您的APIkey。详细内容参考：点我应用程序QuantalogicQuantaLogic是一个ReAct（推理和行动）框架，用于构建高级AI代理
antd+React.js实现登陆页面，登陆注册页面
变向加后撤
react.js 前端 前端框架
今天制作登陆界面，本来想找开原的代码复制粘贴，但奈何网友们是在太过吝啬。找了半天，不如我来做这个开源。代码如下（登陆界面层级都比较分明，故不再做过多解释）importstylesfrom'./login.module.scss';import{Button,Checkbox,Form,Input,Tabs}from'antd';import{UserOutlined,MedicineBoxOutl
【react8】如何在网页中直接引入react进行demo开发
风清云淡_A
react.js
babel在线cdn链接地址https://unpkg.com/browse/@babel/
[email protected] /unpkg在线cdn链接地址https://unpkg.com/项目工程代码实现DocumentfunctionMyButton(){return{console.log("click")}}>Clickme}constroot=ReactDOM.createRoot(d
React 自定义 hooks实现自动上报 页面浏览量｜点击事件
一个00后前端开发
前端框架 react.js
通过自定义hooks，来控制监听DOM元素，分清楚依赖关系exportconstLogContext=createContext({});exportconstuseLog=()=>{/*定义一些公共参数*/constmessage=useContext(LogContext);constlistenDOM=useRef(null);/*分清依赖关系*/constreportMessage=use
Vue 3 Composition API进阶指南
前端学步
Vue3技术分享专栏 vue.js javascript 前端
在上一篇文章中，我们介绍了Vue3的CompositionAPI基础，包括如何使用setup函数、ref和reactive来创建响应式数据，以及使用watchEffect来监控数据变化。本文将继续深入探讨CompositionAPI的高级用法，帮助你更好地理解和利用Vue3的新特性。组合多个Hooks在实际开发中，我们经常需要组合使用多个自定义的Hooks来实现复杂的功能。Vue3的Composi
nextjs中集成富文本编辑器wangEditor
不cong明的亚子
前端 nodejs react 前端 next.js 富文本编辑器
菜鸟的成长之路
东风吹破了青花瓷
计算机 数据结构与算法 基础篇 入门
菜鸟的成长之路基础能力数据结构与算法数据结构链表数组栈队列字典bitset树堆完全二叉树平衡二叉树二叉查找树B树红黑树lsm树图通用算法排序十种排序算法查找二分查找深度广度优先搜索分治贪心回朔动态规划网络协议OSITCP/IP状态转移拥塞控制可靠工作原理socket编程HTTP/HTTPSIO模型同步IOreactor阻塞IO非阻塞IOIO多路复用信号驱动异步IOC10K问题长链接短链接编译原理l
useMemo 和 memo 的理解和区别
程序员小续
javascript react.js 前端
在React中，useMemo和memo都用于优化性能，减少不必要的渲染，但它们的使用场景不同。1.useMemo（记忆化计算）作用缓存计算结果，避免每次渲染都重新计算只有当依赖项发生变化时，才会重新计算✅适用场景计算量较大的值（避免重复计算）避免子组件不必要的渲染（与useCallback结合使用）代码示例importReact,{useState,useMemo}from"react";con
React源码解读
程序员小续
react.js 前端 前端框架 node.js webpack react javascript
配置React源码本地调试环境本次环境构建采用了node版本为16、react-scripts版本号为3.4.4，源码下载地址react源码调试:react源码调试环境使用create-react-app脚手架创建项目npxcreate-react-appreact-test进入刚刚下载的目录，弹射create-react-app脚手架内部配置//在npmruneject之前，手动将项目packa
低代码平台调研结果
大唐荣华
大前端 javascript 前端 react.js 低代码 lowcode
调研要求：项目活跃度技术栈：react低代码功能点和业务切合度低代码平台调研项目一、百度aims百度aims体验地址：https://aisuda.github.io/amis-editor-demo/#/edit/0优点：2019年开源最早，关注量最多的国内低代码开源，最近更新一周之内；使用时间较长，在百度内部经过实践考验；内置组件丰富；项目活跃度较高，github10.9kstar，gitee
一些流行的拖拽化和低代码平台(汇总)
视频砖家
文章存档 低代码 低代码平台
一些流行的拖拽化和低代码平台，这些工具可以帮助用户快速构建应用程序，无需深入的编程知识：1.开源拖拽库dragula：一款强大且兼容性极好的拖拽排序库，支持多种框架，如vanillaJavaScript、Angular、React等。Interact.js：提供拖拽、调整尺寸和多点触摸手势功能，适用于现代浏览器。react-dnd：React组件库，用于实现拖拽功能。Sortable：适用于多种框
【Linux】【网络】Reactor模式
钟离墨笺
Linux linux 网络 java
【Linux】【网络】Reactor模式1.Reactor模式：Reactor模式是一种事件驱动的设计模式，同步I/O通常用于设置Reactor模式主线程(I/0处理单元，下同)只负责监听文件描述上是否有事件发生，有的话就立即将该事件通知工作线程(逻辑单元，下同)。除此之外，主线程不做任何其他实质性的工作。读写数据，接受新的连接，以及处理客户请求均在工作线程中完成。使用同步I/O模型(以epoll
详解 React 18 更新后的特性，一文即懂
FinBird
技术飞起来 react.js javascript 前端
React18通过其改进的渲染系统带来了并发能力，并在此基础上构建了转换或自动批处理等性能增强特性。下面就看看到底有哪些值得关注的新特性。迭代更新内容总的来说，由于新的并发特性是渐进适配并按需启用的，React18中的重大更改仅限于几个简单的API更改，以及对React中多个行为的稳定性和一致性的一些改进，比较重要的一点是，不再支持IE浏览器。1、客户端渲染API带有createRoot()的ro
react技术全家桶（26）高阶函数 函数柯里化
没有女朋友的程序员
react.js javascript 前端
saveUserName=(event)=>{console.log(event.target.value)this.setState({userName:event.target.value})}savePassword=(event)=>{console.log(event.target.value)this.setState({password:event.target.value})}有没
mondb入手
木zi_鸣
mongodb
windows 启动mongodb 编写bat文件，
mongod --dbpath D:\software\MongoDBDATA
mongod --help 查询各种配置
配置在mongob
打开批处理，即可启动，27017原生端口，shell操作监控端口 扩展28017，web端操作端口
启动配置文件配置，
数据更灵活
大型高并发高负载网站的系统架构
bijian1013
高并发 负载均衡
扩展Web应用程序
一.概念
简单的来说，如果一个系统可扩展，那么你可以通过扩展来提供系统的性能。这代表着系统能够容纳更高的负载、更大的数据集，并且系统是可维护的。扩展和语言、某项具体的技术都是无关的。扩展可以分为两种：
1.
DISPLAY变量和xhost(原创)
czmmiao
display
DISPLAY
在Linux/Unix类操作系统上, DISPLAY用来设置将图形显示到何处. 直接登陆图形界面或者登陆命令行界面后使用startx启动图形, DISPLAY环境变量将自动设置为:0:0, 此时可以打开终端, 输出图形程序的名称(比如xclock)来启动程序, 图形将显示在本地窗口上, 在终端上输入printenv查看当前环境变量, 输出结果中有如下内容:DISPLAY=:0.0
获取B/S客户端IP
周凡杨
java 编程 jsp Web 浏览器
最近想写个B/S架构的聊天系统，因为以前做过C/S架构的QQ聊天系统，所以对于Socket通信编程只是一个巩固。对于C/S架构的聊天系统，由于存在客户端Java应用，所以直接在代码中获取客户端的IP，应用的方法为：
String ip = InetAddress.getLocalHost().getHostAddress();
然而对于WEB
浅谈类和对象
朱辉辉33
编程
类是对一类事物的总称，对象是描述一个物体的特征，类是对象的抽象。简单来说，类是抽象的，不占用内存，对象是具体的，
占用存储空间。
类是由属性和方法构成的，基本格式是public class 类名{
//定义属性
private/public 数据类型 属性名；
//定义方法
publ
android activity与viewpager+fragment的生命周期问题
肆无忌惮_
viewpager
有一个Activity里面是ViewPager，ViewPager里面放了两个Fragment。
第一次进入这个Activity。开启了服务，并在onResume方法中绑定服务后，对Service进行了一定的初始化，其中调用了Fragment中的一个属性。
super.onResume();
bindService(intent, conn, BIND_AUTO_CREATE);
base64Encode对图片进行编码
843977358
base64 图片 encoder
/**
* 对图片进行base64encoder编码
*
* @author mrZhang
* @param path
* @return
*/
public static String encodeImage(String path) {
BASE64Encoder encoder = null;
byte[] b = null;
I
Request Header简介
aigo
servlet
当一个客户端(通常是浏览器)向Web服务器发送一个请求是，它要发送一个请求的命令行，一般是GET或POST命令，当发送POST命令时，它还必须向服务器发送一个叫“Content-Length”的请求头(Request Header) 用以指明请求数据的长度，除了Content-Length之外，它还可以向服务器发送其它一些Headers，如：
HttpClient4.3 创建SSL协议的HttpClient对象
alleni123
httpclient 爬虫 ssl
public class HttpClientUtils
{
public static CloseableHttpClient createSSLClientDefault(CookieStore cookies){
SSLContext sslContext=null;
try
{
sslContext=new SSLContextBuilder().l
java取反 -右移-左移-无符号右移的探讨
百合不是茶
位运算符 位移
取反：
在二进制中第一位，1表示符数，0表示正数
byte a = -1;
原码：10000001
反码：11111110
补码：11111111
//异或: 00000000
byte b = -2;
原码：10000010
反码：11111101
补码：11111110
//异或: 00000001
java多线程join的作用与用法
bijian1013
java 多线程
对于JAVA的join，JDK 是这样说的：join public final void join （long millis ）throws InterruptedException Waits at most millis milliseconds for this thread to die. A timeout of 0 means t
Java发送http请求(get 与post方法请求)
bijian1013
java spring
PostRequest.java
package com.bijian.study;
import java.io.BufferedReader;
import java.io.DataOutputStream;
import java.io.IOException;
import java.io.InputStreamReader;
import java.net.HttpURL
【Struts2二】struts.xml中package下的action配置项默认值
bit1129
struts.xml
在第一部份，定义了struts.xml文件，如下所示：
<!DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"
"http://struts.apache.org/dtds/struts
【Kafka十三】Kafka Simple Consumer
bit1129
simple
代码中关于Host和Port是割裂开的，这会导致单机环境下的伪分布式Kafka集群环境下，这个例子没法运行。
实际情况是需要将host和port绑定到一起，
package kafka.examples.lowlevel;
import kafka.api.FetchRequest;
import kafka.api.FetchRequestBuilder;
impo
nodejs学习api
ronin47
nodejs api
NodeJS基础 什么是NodeJS
JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，NodeJS就是一个解析器。
每一种解析器都是一个运行环境，不但允许JS定义各种数据结构，进行各种计算，还允许JS使用运行环境提供的内置对象和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM，浏览器就提供了docum
java-64.寻找第N个丑数
bylijinnan
java
public class UglyNumber {
/**
* 64.查找第N个丑数
具体思路可参考 [url] http://zhedahht.blog.163.com/blog/static/2541117420094245366965/[/url]
*
题目：我们把只包含因子
2、3和5的数称作丑数（Ugly Number）。例如6、8都是丑数，但14
二维数组（矩阵）对角线输出
bylijinnan
二维数组
/**
二维数组 对角线输出 两个方向
例如对于数组：
{ 1, 2, 3, 4 },
{ 5, 6, 7, 8 },
{ 9, 10, 11, 12 },
{ 13, 14, 15, 16 },
slash方向输出：
1
5 2
9 6 3
13 10 7 4
14 11 8
15 12
16
backslash输出：
4
3
[JWFD开源工作流设计]工作流跳跃模式开发关键点(今日更新)
comsci
工作流
既然是做开源软件的,我们的宗旨就是给大家分享设计和代码,那么现在我就用很简单扼要的语言来透露这个跳跃模式的设计原理
大家如果用过JWFD的ARC-自动运行控制器,或者看过代码,应该知道在ARC算法模块中有一个函数叫做SAN(),这个函数就是ARC的核心控制器,要实现跳跃模式,在SAN函数中一定要对LN链表数据结构进行操作,首先写一段代码,把
redis常见使用
cuityang
redis 常见使用
redis 通常被认为是一个数据结构服务器，主要是因为其有着丰富的数据结构 strings、map、 list、sets、 sorted sets
引入jar包 jedis-2.1.0.jar (本文下方提供下载)
package redistest;
import redis.clients.jedis.Jedis;
public class Listtest
配置多个redis
dalan_123
redis
配置多个redis客户端
<?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi=&quo
attrib命令
dcj3sjt126com
attr
attrib指令用于修改文件的属性.文件的常见属性有:只读.存档.隐藏和系统.
只读属性是指文件只可以做读的操作.不能对文件进行写的操作.就是文件的写保护.
存档属性是用来标记文件改动的.即在上一次备份后文件有所改动.一些备份软件在备份的时候会只去备份带有存档属性的文件.
Yii使用公共函数
dcj3sjt126com
yii
在网站项目中，没必要把公用的函数写成一个工具类，有时候面向过程其实更方便。 在入口文件index.php里添加 require_once('protected/function.php'); 即可对其引用，成为公用的函数集合。 function.php如下：
<?php /** * This is the shortcut to D
linux 系统资源的查看（free、uname、uptime、netstat）
eksliang
netstat linux uname linux uptime linux free
linux 系统资源的查看
转载请出自出处：http://eksliang.iteye.com/blog/2167081
http://eksliang.iteye.com 一、free查看内存的使用情况
语法如下：
free [-b][-k][-m][-g] [-t]
参数含义
-b:直接输入free时，显示的单位是kb我们可以使用b(bytes),m
JAVA的位操作符
greemranqq
位运算 JAVA位移 << >>>
最近几种进制，加上各种位操作符，发现都比较模糊，不能完全掌握，这里就再熟悉熟悉。
1.按位操作符 ：
按位操作符是用来操作基本数据类型中的单个bit,即二进制位，会对两个参数执行布尔代数运算，获得结果。
与（&）运算：
1&1 = 1, 1&0 = 0, 0&0 &
Web前段学习网站
ihuning
Web
Web前段学习网站
菜鸟学习：http://www.w3cschool.cc/
JQuery中文网：http://www.jquerycn.cn/
内存溢出：http://outofmemory.cn/#csdn.blog
http://www.icoolxue.com/
http://www.jikexue
强强联合：FluxBB 作者加盟 Flarum
justjavac
r
原文：FluxBB Joins Forces With Flarum作者：Toby Zerner译文：强强联合：FluxBB 作者加盟 Flarum译者：justjavac
FluxBB 是一个快速、轻量级论坛软件，它的开发者是一名德国的 PHP 天才 Franz Liedke。FluxBB 的下一个版本(2.0)将被完全重写，并已经开发了一段时间。FluxBB 看起来非常有前途的，
java统计在线人数（session存储信息的）
macroli
java Web
这篇日志是我写的第三次了 前两次都发布失败！郁闷极了！
由于在web开发中常常用到这一部分所以在此记录一下，呵呵，就到备忘录了！
我对于登录信息时使用session存储的，所以我这里是通过实现HttpSessionAttributeListener这个接口完成的。
1、实现接口类，在web.xml文件中配置监听类，从而可以使该类完成其工作。
public class Ses
bootstrp carousel初体验 快速构建图片播放
qiaolevip
每天进步一点点 学习永无止境 bootstrap 纵观千象
img{
border: 1px solid white;
box-shadow: 2px 2px 12px #333;
_width: expression(this.width > 600 ? "600px" : this.width + "px");
_height: expression(this.width &
SparkSQL读取HBase数据，通过自定义外部数据源
superlxw1234
spark sparksql sparksql读取hbase sparksql外部数据源
关键字：SparkSQL读取HBase、SparkSQL自定义外部数据源
前面文章介绍了SparSQL通过Hive操作HBase表。
SparkSQL从1.2开始支持自定义外部数据源(External DataSource)，这样就可以通过API接口来实现自己的外部数据源。这里基于Spark1.4.0，简单介绍SparkSQL自定义外部数据源，访
Spring Boot 1.3.0.M1发布
wiselyman
spring boot
Spring Boot 1.3.0.M1于6.12日发布，现在可以从Spring milestone repository下载。这个版本是基于Spring Framework 4.2.0.RC1,并在Spring Boot 1.2之上提供了大量的新特性improvements and new features。主要包含以下：
1.提供一个新的sprin
