zzdfc

React Hooks+Umi+TypeScript+Dva开发体验

javascript
react.js

345 次阅读 · 读完需要 23 分钟

前端时间，接触了hooks，研究了一段时间后感觉使用起来十分方便，正好公司开了一个新的小项目，正好使用hooks来实践一下。

技术选型

1.为什么选择umi

在之前的文章中我也介绍过umi的优点，在使用过umi后，感觉自己的开发效率有很大的提升。umi的路由使用起来实在是让我爱不释手，详细的我就不过多介绍了，有兴趣的可以去看我之前的文章。

2.为什么选择TypeScript

TypeScript 是 Microsoft 开发和维护的一种面向对象的编程语言。它是 JavaScript 的超集，包含了 JavaScript 的所有元素，可以载入 JavaScript 代码运行，并扩展了 JavaScript 的语法。在使用TypeScript编程时，它能帮助你在写代码的过程中考虑到各种类型上的问题，避免代码运行时出现的意想不到的错误。使用了TypeScript可以增强你代码的健壮性，特别是大型项目的开发中，某些小小的改动都有可能对你的项目造成严重的后果。

3.为什么选择Dva

其实使用React Hooks的目的就是为了去redux，那我为什么还会使用基于redux-soga封装的dva呢？原因就在于hooks虽然很方便，但如果是一些很复杂的状态需要去管理，这时候使用hooks就会有点儿费劲了。所以这时候结合dva来解决这种特别复杂的状态管理是很方便的，原生的redux使用起来稍微有点儿麻烦，dva用起来很简单，很爽，这就是我选择dva的原因。

4.为什么选择React Hooks

这个是这篇文章的重点了，你在react开发过程中有没有遇见这三个问题。

（一）在组件组件复用状态逻辑很难

React 没有提供将可复用性行为“附加”到组件的途径（例如，把组件连接到 store）。如果你使用过 React 一段时间，你也许会熟悉一些解决此类问题的方案，比如 render props 和高阶组件。但是这类方案需要重新组织你的组件结构，这可能会很麻烦，使你的代码难以理解。如果你在 React DevTools 中观察过 React 应用，你会发现由 providers，consumers，高阶组件，render props 等其他抽象层组成的组件会形成“嵌套地狱”。尽管我们可以在 DevTools 过滤掉它们，但这说明了一个更深层次的问题：React 需要为共享状态逻辑提供更好的原生途径。

（二）复杂的组件变得难以理解

我们经常维护一些组件，组件起初很简单，但是逐渐会被状态逻辑和副作用充斥。每个生命周期常常包含一些不相关的逻辑。例如，组件常常在 componentDidMount 和 componentDidUpdate 中获取数据。但是，同一个 componentDidMount 中可能也包含很多其它的逻辑，如设置事件监听，而之后需在 componentWillUnmount 中清除。相互关联且需要对照修改的代码被进行了拆分，而完全不相关的代码却在同一个方法中组合在一起。如此很容易产生 bug，并且导致逻辑不一致。在多数情况下，不可能将组件拆分为更小的粒度，因为状态逻辑无处不在。这也给测试带来了一定挑战。同时，这也是很多人将 React 与状态管理库结合使用的原因之一。但是，这往往会引入了很多抽象概念，需要你在不同的文件之间来回切换，使得复用变得更加困难。

（三）难以理解的class

除了代码复用和代码管理会遇到困难外，class 是学习 React 的一大屏障。你必须去理解 JavaScript 中 this 的工作方式，这与其他语言存在巨大差异。还不能忘记绑定事件处理器。没有稳定的语法提案，这些代码非常冗余。大家可以很好地理解 props，state 和自顶向下的数据流，但对 class 却一筹莫展。即便在有经验的 React 开发者之间，对于函数组件与 class 组件的差异也存在分歧，甚至还要区分两种组件的使用场景。

如果你也被这三种问题所困扰，这时候接触hooks，你会发现打开了新世界的大门。从面向对象编程转为函数式编程，我感觉释放了自己，写代码变得又爽又飞快。

项目搭建

因为使用了umi，所以该项目也是用umi来搭建的，具体方法可查看之前文章。选择ts版本，然后根据自己编程习惯，配置一下tslint规则就ok了。
这里要注意一件重要的事情，升级react和react-dom的版本为16.8.0以上，因为umi脚手架搭建的项目react版本为16.7.0，而16.8.0是react正式支持hook的版本。

Hooks使用

1.useState

首先我们来看一下官方的代码。

import React, { useState } from 'react';

function Example() {
  // 声明一个新的叫做 “count” 的 state 变量
  const [count, setCount] = useState(0);

  return (
    
      You clicked {count} times
      
    
  );
}

使用起来十分简单，函数式编程让你不用再继承Component，直接定义一个变量就行，可以给这个变量看做你之前写react中state的一个值。使用Hooks之后你不用再调用setState来更改state中的值，可以使用你自己定义的更改方法，上面代码中就是使用setCount来更改count的值，是不是很方便？

怎么在hooks中使用TypeScript？

如果你使用Component来编写你的组件，你需要通过interface来定义你state中值的类型，使用Hooks，你只需要这样：

const [count, setCount] = useState(0)

2.useEffect

Effect Hook 可以让你在函数组件中执行副作用操作，下面是官方代码。

import React, { useState, useEffect } from 'react';

function Example() {
  const [count, setCount] = useState(0);

  // Similar to componentDidMount and componentDidUpdate:
  useEffect(() => {
    // Update the document title using the browser API
    document.title = `You clicked ${count} times`;
  });

  return (
    
      You clicked {count} times
      
    
  );
}

这段代码中使用了useEffect，可以让你在屏幕中显示你点击的次数。useEffect最大的好处我认为就是去生命周期钩子函数了，使用之后你不用再使用任何生命周期钩子函数，这一点来看是不是就特别爽？useEffect为什么会实现去生命周期钩子的作用呢？你可以在函数中写一个console.log，查看控制台后你便会发现控制台会一直打印你的console.log,所以useEffect会在组件的生命周期中一直被调用，我们在使用的时候可以告诉useEffect什么时候才会被调用来进行性能优化。比如上面代码我们可以这样修改：

useEffect(() => {
    // Update the document title using the browser API
    document.title = `You clicked ${count} times`;
},[count])

这样修改后useEffect会在count的值发生改变后才被调用。

怎么清除在useEffect中调用的函数？

在开发过程中我们可能会使用到定时器，而异步队列中的定时器在组件被销毁后也会继续执行，这样便会造成内存泄漏，在Component中我们会调用componentWillUnmount函数来清除定时器，在useEffect中我们该怎么办呢？

import React, { useState, useEffect }  from 'react'
import moment from 'moment'
export default function () {
  const [nowTime, setNowTime] = useState(moment().format('YYYY年MM月DD日 ddd HH:mm'))

  useEffect(() => {
    const timer = setInterval(() => {
      setNowTime(moment().format('YYYY年MM月DD日 ddd HH:mm:ss'))
    }, 1000);
    return () => {
      clearInterval(timer);
    }
  },[nowTime])

  return (
    <>{nowTime}
  )
}

上面代码就是一段很简单的显示当前时间的代码，我们可以通过return函数在组件销毁的时候清除useEffect中的定时器

使用Hooks来编写一个表格组件

从后端获取数据，然后在表格中渲染应该是很常见的一个功能了，下面我们来看一下使用Hooks之后怎么写这种组件

import React, { useState, useEffect }  from 'react'
import { Table } from 'antd'
export default function () {
  const [tableData, setTableData] = useState([])
  const [page, setPage] = useState(1)
  const [pageSize, setPageSize] = useState(15)
  const [count, setCount] = useState(0)
  const [loading,setLoading] = useState(true)

  useEffect(() => {
    fetch('www.baidu.com').then( function(data) {
        if(data) {
          setTableData(data.result)
          setCount(data.count)
          setLoading(false)
        }
    })
  },[page,pageSize])

  const onChangePage = (pageNumber: any) => setPage(pageNumber)

  const onChangePageSize = (value: number) => setPageSize(value)

  const columns = [
    {
      title: 'ID',
      dataIndex: 'id'
    },
    {
      title: '姓名',
      dataIndex: 'name'
    },
    {
      title: '电话',
      dataIndex: 'tel',
    },
    {
      title: '性别',
      dataIndex: 'gender',
    },
    {
      title: '年龄',
      dataIndex: 'age',
    },
  ]

  return (
    <>
       (i + '')}
        columns={columns}
        loading={loading}
        dataSource={tableData.length ? tableData : []}
        pagination={false}
        style={{ marginTop: 10 }}
        size="small"
      />
      
        搜索到{props.count}条数据共{Math.ceil(count / pageSize)}页
        
      
    
  )
} 
  这样就写完一个功能完善的表格组件了，回想一下你之前是用Component面向对象编程时怎么写的，再看一下用Hooks函数式编程的代码是不是简单很多？赶紧来试试hooks吧，会让你有写代码停不下来的感觉。 
  

                            
                        
                    
                    
                    
                    
                    
                    
                
                
                    
                        
                        
                             
                        
                        
                        
                            
                        
                        
                        
                            
                        
                    
                
            
        
    
    
        你可能感兴趣的:(创业)
        
            
                
                    冬天短期的暴利小生意有哪些？那些小生意适合新手做？
                        一起高省

                        短期生意不失为创业的一个商机，不过短期生意的商机是转瞬即逝的，而且这类生意也很难作为长期的生意去做，那冬天短期暴利小生意查看更多关于短期暴利小生意的文章有哪些呢?给大家先推荐一个2023年风口项目吧，真很不错的项目，全程零投资，当做副业来做真的很稳定，不管你什么阶层的人，或多或少都网购吧？你们知道网购是可以拿提成，拿返利，拿分佣的吗？你们知道很多优惠券群里面，天天群主和管理发一些商品吗？他们其实在
                    
                    教育
                        用心灵温暖心灵

                        @陈春丽长期学习班冯倩。今天一早就听到说高职合并，取消中专教育的教育信息。感觉是虽然知道，再听还是吓一跳。国家重视职业教育为何还要取消中专技术学校的教育？再听高中就要进行技术教育了，一部分人学习好继续努力学习考大学，一部分人在高中就可以进行职业教育接受职业教育了还要中专技术教育学校干什么呢！a有些职业教育学校转型升级快，不是孩子上完给找工作，而是学校帮孩子创业，我觉得是不错的方向！新闻新你得实时更
                    
                    钟表可以回到起点却已不是昨天
                        凉小夏

                        人生的路很长，但是我们只能前进不能后退就像钟表，可以回到起点，却已时过境迁，永远也找不到那个过去的昨天。因我们总是会对过去有着很多留恋不舍和怀念，会时常回头看看走过的脚印，时常想起过去的美好时光，时常想到那些悲伤和不如意。今天的到来时钟不可阻止，历史的记录，原人生最宝贵的不是金钱，不是地位，而是时间。拥有时间就等于拥有一切，因为拥有时间，我们不怕囊中羞涩，因为拥有时间我们不惮创业无门，因为拥有时间
                    
                    为什么你总是对下属不满意?
                        ZhaoWu1050

                        【ZhaoWu的听课笔记】大多数公司，都存在两种问题。我创业四年，更是体会深切。这两种问题就是：老板经常不满意下属的表现；下属总是不知道老板想要什么；虽然这两种问题普遍存在，其实解决方法并不复杂。这节课，我们再聊聊第一个问题：为什么老板经常不满意下属表现?其实，这背后也是一条管理常识。管理学家德鲁克先生早就说过：管理者的任务，不是去改变人。*来自《卓有成效的管理者》只是大多数老板和我一样，都是一边
                    
                    《相面天师》第二百七十章 血书
                        先峰老师

                        跟着儿子进到房间后，李云峰不满的说道：“宋老年龄都那么大了，我说你小子就不会好好和别人说话？”就是不冲着老爷子的财富地位，那年龄也值得年轻人尊重的啊，知道李尚鸿秉性的人不会说什么，但不知道的还以为老李家没家教呢。“爸，想让人尊敬，可不是件容易的事，那老头创业之初，手上没少沾血，我凭什么尊重他啊？”李尚鸿撇了撇嘴，他虽然不知道宋世豪的发家史，但是从宋世豪早年的面相中能看得出来，这老头也不是个善茬。只
                    
                    2019 上海原创女装工作室创业一年 感悟 焦虑中带有恐慌感
                        女装设计师茜公子__

                        时间过的太快，跟不上脚步，真不想虚度光阴，2019开春立下的FLAG，至今一条没实现！想去✈️，每每看到世界那么大，也想去看看。就像是在诉说着我的心声，再看看日益缩水的钱袋，恨自己能力有限……想去的地方太多，被现实绊住脚步，要先生存立足，才能有所谓的诗和远方……我是80的尾巴，2018年6月果断辞了工作近8年的公司，当时也是思想斗争长达几个月，断了自己的后路，当时就想再工作几年又能怎么样？锁住了自
                    
                    7月结束了
                        摸不着的小鱼

                        这日子快得让人看不见、摸不着，也是真的太快了点吧！一眨眼我已经辞去第二份工作两个多月了！在这两个月里真的是做了好多好多事，有自己小试牛刀的“创业”，也有辛酸在家带娃的三个周……时间带不走的永远看不见，时间能带走的都是我们所见所闻的东西……前一个月感觉都是在荒废时间吧，也没有找到自己的定位，一次又一次的更替和改变，我越发觉得自己不清楚自己所要的东西是什么了？后面一个多月的时间里就是磨练耐心了，全程带
                    
                    129/365 给宝贝的第23封信：《道德经》第四章：道冲
                        珍珠能量站

                        亲爱的宝贝：今天周六，我在外学习，听几位创业讲师讲授创业的相关知识，一天共4个老师讲解了7个小时。之前线上培训了40个小时，听了这么多，我还是觉得只是窥见皮毛。可见任何一个领域，都可以深入下去，有无穷无尽的细节值得研究。但是任何一件事，也可以用一句话总结。比如“道可道，非常道”创业，我理解的核心是：创立一个业务，通过调配资源，满足用户的需要。至于创立什么样的业务？调配哪些资源？满足用户什么需要？如
                    
                    靠写文章能赚钱么 如何通过写作赚钱 写文章怎么赚钱
                        优惠券高省

                        如何通过写作赚钱？最近这段时间，在网上搜兼职的时候，我发现很多人不在谈做自媒体赚钱，为什么呢？我想是普通人想做，根本不能赚钱！了解过写作的人，应该很多人都能看到网上各种各样的推文，什么“月入三千的我是怎么靠写作月入三万的？”，还有“一个公众号，月入几万，靠的是啥？”等等一系列写作相关的文章。给大家推荐一个适合任何人可做的线上副业项目，属于0投资创业项目，使用智能手机就可以做，兼职专职都可以，这个软
                    
                    无人值守模式，自习室创业，真的那么赚钱吗？
                        森屿旅人

                        “创业是一条不归路，不要拿自己亏不起的钱当赌注！”在和大家分享无人自习室创业经历前，先和大家强调上面这一句话，创过业的朋友，应该深有体会。因为，我们要深刻的认知市场规律，一个行业，如果利润很高，那必然趋之若鹜得涌入，所以在市场充分博弈以后，市场会回归价值本身，这个是市场的客观规律。因此，不要抓风口，抓风口，说实在的，和赌博无异，那些和你鼓吹风口的人，永远是把你当成一根韭菜，诚然，真正赚钱的项目，不
                    
                    职业生涯路上，停下来调整步伐是必要的～～【19/100】
                        墨妈翔爹

                        决定离辞的时候，我都没能想明白我当时是理智的作出决定，还是仅仅因为被焦虑所干扰而作出的逃避性的选择。不记得是哪天，跟朋友聊了一下当下的工作现状，和今后各自的职业规划和发展前景。然后发现自己经毕业出来7年了，却依然还处于职业生涯的底层，在我们这个小县城里领着两三千的工资，而朋友已经后来居上仅仅用了三年时间就完成了弯道超车(前四年一直在醉心于创业)，不论是工作业务能力还是薪水都已经远远的超过了我。在备
                    
                    氧惠风暴来袭！低成本摆摊卖这些，让你日入过万！
                        氧惠好物

                        在互联网时代，低成本创业已经成为可能。今天，我要给大家介绍一款名为氧惠的APP，它将与你的生活产生重大影响。氧惠，一个全新的抖客+淘客平台，以其独特的带货高补贴模式，正在改变着人们的购物习惯和赚钱方式。氧惠，一个全新的购物体验首先，让我们来看看氧惠的特点。氧惠是一款集购物、省钱、赚钱于一体的APP。它与淘宝、京东、拼多多等主流电商平台合作，为用户提供内部优惠券，涵盖了吃喝玩乐衣食住行的各个方面。这
                    
                    美甲界 “海底捞”：70平米小店日进万金，19年开店2000家！
                        二爷_16e1

                        来源：创投内参作者：商业狂想家来源：O2O商学院（ID：o2obus）提起美甲店，可谓是近几年最热门的创业项目之一。在不少“外行人”看来，美甲是一个暴利行业：一间房，一个美甲师，一套产品，几张桌椅，就能开起一家美甲店。于是，大众创业浪潮下，许多创业者将目光纷纷投向美甲。但当真正踏进来才能发现，虽然美甲产品毛利高，但是高房租、高人工、高营销等系列问题接踵而来，看似低门槛的美甲店，实际经营起来并没有那
                    
                    20180718 今日思考 水到渠成
                        逄格亮

                        创业这件事愈发感觉有意思，前年计划去年是一个样子，去年计划今年又是一个样子。如果反过来看就会发现前年的计划跟去年关系不大，去年的计划跟今年也关系不大。没错，有的时候会发现很多机会根本不是计划出来的，而是长出来的。跟一个老朋友交流，谈起来我们业务未来的商业模式，他给了很多建议，这样的平台，那样的入口，总之就是很为我着急，为我没有更好的获得客户收益而感到惋惜。我则不以为然，我说如果说去年没有想到今年，
                    
                    【0220读书笔记】面对压力怎么办
                        正本

                        人生每一天都是现场直播，所谓的人前显赫，不过是以往的极致积累付出所换来的。今天看到江南春谈到他过往的创业史，也并不是一帆风顺，顺风顺雨的。恰恰相反，在他创业的道路上，每一步都是如履薄冰，都是受宠若惊，竞争对手也会层出不穷，虎视眈眈向其发起挑战。001.量力而行与全力以赴在创业初期，我们的态度就应当是敢想敢做，全力以赴，因为不拼就不会有机会。当我们进入经营时期时，就要综合评判，尽自己所能去行事，万不
                    
                    梁小妹:比芭布婴装创业连载69
                        服装厂梁姐

                        图片发自App今天要开始下一个季节的新款产品出货了，明明有好多想法的，明明有好多思路的，到了真的需要的时候，灵感不知道跑到哪里去了。今晚集中精力研究了一下硫酸纸包装袋，问了一个厂家，单价算下来价格太高了。虽然我一再强调不考虑成本，要注重颜值。可是一个袋子下来要贵了4毛钱，每条小毛巾的利润也就那么2--3毛钱，所以这个结果还是吓到了我。价格太高，就会没有销量。优质的产品，肯定是全方位的高成本的，我不
                    
                    2024年还可以创业吗？做什么生意好？
                        古楼

                        2024年还可以创业吗？随着时代的不断发展和社会的变革，创业一直都是许多人梦寐以求的事情。然而，在经济环境和市场竞争日益激烈的情况下，很多人会思考：2024年还可以创业吗？多一个项目多一份收入，先给大家分享一个小编在做的网络项目，不用投资一分钱，只要淘宝、京东、拼多多、抖音、快手、唯品会等电商不倒，这个项目永久可做，而且收入稳定！网购你是直接下单吗？还是说用别人的口令和链接下单？千万不要这么做了，
                    
                    罗永浩的《真还传》为什么值得敬佩？
                        已经是老汪了

                        其实老罗是我一直以来比较喜欢的一个人。最近罗永浩在脱口秀大会讲的真还传引起了大家的热议，有褒有贬。大概的意思是罗永浩之前各种创业欠下了6个亿，但是他勇敢的扛下了责任，曾经的理想主义者变身为下海的接地气的直播带货主播，经过这段时间的努力，已经偿还了4个亿的债务，剩下的2个亿，预计一年内也可以还清了，到时他就拍一部戏，就叫《真还传》。为什么说他值得敬佩呢？因为欠的这6个亿，其实大部分都是挂在公司名下的
                    
                    外卖会员卡项目源头？外卖会员卡项目现在还能做吗？
                        鲸天千流
微信小程序
                        大家好，我是鲸天科技的千千，大家都知道我是做开发的，做互联网很多年了，平时喜欢给大家分享一些互联网相关的创业项目，大家喜欢的可以点个关注。持续为你分享。现在外卖会员卡的这个项目就是风口项目，很多人想知道这个项目的源头，其实这个项目是2021年的时候就有，之前佣金比较少，所以做的人不是很多，现在佣金变多了，所以做的人也多了，现在市场行情也比较好。项目源头一定是做的最早人的才是源头，后面的要么是一级代
                    
                    生活（21）
                        黄梅枝

                        关于快乐有朋友快乐没朋友未必不快乐有钱快乐没有钱也不绝对不快乐有工作快乐自主创业也能创造快乐相交喻于利少有纯粹的友谊等价的互利走的更远一些很多人抱怨别人不够朋友却不在自己身上找原因如果接近一个人是出于牟利的心态接下来的交往就不存在快乐人之相识相知贵在知心交心最美好的东西是头脑和人品君子淡以亲小人甘以绝假如一个人独自离开Ta看到宇宙大观看到群星璀璨但是ta未必感到快乐因为没人见证和分享ta的快乐
                    
                    男人三十岁后必须明白的十件事
                        灵感来了写点什么

                        一、趁早买房买车，车买便宜的，能代步就行二、长期用的东西，要买贵的好的三、不要和亲戚朋友共事四、一定要锻炼身体五、有机会一定要创业，不要打工六、打工不要选固定工资，要选有提成的七、要习惯孤独八、要学会演讲九、一定要培养看书的习惯十、有生之年，一边拥有，一边清零，每天演好一个情绪稳定的人。
                    
                    《屌丝创业记》第16集开拓市场
                        红叶先生

                        时间过的很快，转眼一个多月过去了。这一个月来，进货卖货，虽然很枯燥吧，但是非常充实也很满足。那会儿普通工薪一个月的工资也就1000多块钱，而我这一个月赚了将近5000块。但是我觉着依然客户量不够，不是每天都有客户上门买电脑，有的时候也是两三天来一个客户，当然也有好的时候，一天来两个人。不过不管怎么样，一个城市就这么多人，客户需求量自然也是固定的。5000块的收入基本算是封顶了，如果想扩大收入，就只
                    
                    创业累吗？
                        Sir港

                        V:wl1858178有人问我做微商创业累吗。我肯定得告诉你，前期确实比打工还累不仅仅是身体上的累，精神更累，我每天都在问自己为什么没客源，卖不出去产品。但打工就不一样了每天就那么几个小时过完就有钱了，可是打工那点死工资能让你过上想要就买的生活吗？所以说我们拼不了别人，只能拼自己✊图片发自App图片发自App图片发自App图片发自App图片发自App图片发自App图片发自App图片发自App图片发
                    
                    抖音本地生活服务商申请流程详解
                        古楼

                        抖音本地生活平台为广大创业者提供了一个宝贵的机会，让他们能够在这个充满活力和潜力的市场中获得成功。如果你也热衷于成为抖音本地生活服务商人员，以下是一些建议和步骤，帮助你实现这个目标。第一步：了解抖音本地生活平台在开始之前，你需要对抖音本地生活平台进行深入了解。去了解抖音本地生活服务的范围、特点、运营模式等信息。只有通过了解这些基本知识，你才能更好地利用平台上的机会，并根据市场需求制定合适的策略来推
                    
                    海淘免税店app都是假货吗?海淘免税店app靠谱吗
                        高省爱氧惠

                        海淘免税店app并不都是假货，整体来说，海淘免税店app还是比较靠谱的。海淘免税店app作为目前比较流行的海淘市场，在圈中人气还是不错的，价格较为低廉。但也不排除一些商家为了盈利选择销售假货的行为，所以大家还是要仔细辨别。首先来推荐做淘客赚钱，经过十多年的发展淘客市场非常大，网购用户都是你的目标群体，在氧惠APP创业，大家只要坚持分享就有钱赚。最重要的是零投资！！！分享出去只要这个人网购，你就有钱
                    
                    管理的三板斧
                        厦园芙蓉

                        华为任正非说管理团队就要“砍掉高层的手脚、砍掉中层的屁股、砍掉基层的脑袋”，文字表述得有些直白，但细细品味却还是很有道理。为了好记这三砍，我借用了《隋唐演义》中程咬金的故事，起了一个比较形象且好记的名字——“管理的三板斧”。第一斧就是要“砍掉高层的手脚”。高层干部是公司战略决策的制定者，在公司的经营管理中起着关键的作用。创业企业可能由于资源不足，高层也要从小事做起，这里除外，不进行讨论。但如果是中
                    
                    参加私董会感悟
                        星琪_ec35

                        我昨天有幸参加了一场我的一个学习社群组织的私董会，私董会的成员大都是创业者。私董会的成员分为三种类型，主持人、案主和幕僚，首先由幕僚向案主提问，案主回答，时间由主持人控制，不超过60秒。幕僚对案主的三轮提问结束后，然后由案主向幕僚提问。最后使用头脑风暴，让幕僚不评判，给案主给出具体可操作的建议和行动方案，也可以用自己曾经经历的经验或心得，帮助案主打开思路，心态，方法，资源。我是一个打工者。通过参加
                    
                    创业与打工人不容易
                        63abc4c0289b

                        有时候，我想想自己那个时候真的不知道怎么回事，那个时候，看到那个曾经打过我的姓施那个时候，那个时候，车间里面我们都在好好打工赚钱，他呢，那个时候，常常跑去我以前，那些同事姐姐，其实，那个时候，主任给他不是没有工作，给我安排也是有工作，他就像我曾经说过的，他曾经跑去办公室，那个时候，我记得自己只是，按照领导给我的工作给我拿着工具，去做保洁，那个时候，我如果，自己没有干好当领导也会，像头条文章说的，那
                    
                    《引爆视频号》张萌
                        成长的饭团

                        书籍名称：《引爆视频号》作者：张萌推荐理由：在网络时代短视频每个人都不陌生，也占据了多数人的注意力。现在每个人都可以拥有自己的自媒体，也是互联网全民创业的时代。如果你错过了抖音、快手，那么视频号你一定不能错过。视频号的优势在于它自带流量，可以和公众号、朋友圈结合。轻松完成1、2级传播（好友和好友的好友）。视频号内容有三种视频号点击率高的内容，技术类的内容，分享各种小技巧、美食制作、衣服穿搭、化妆品
                    
                    选择比努力更重要？那是你还不知道后半句
                        25e7c09ff79c

                        今天面见一位事业成功的潮汕客户，聊到小强怕怕，他非常认同我们当下做社群运营模式，并约定下周一到他办公室详聊合作事宜。聊到他的奋斗史，就像很多成功的潮汕人一样，努力是他们创业的基础。选择很重要，但努力是做出选择的基础。只有先努力获得足够的人生积累，才有选择的机会和能力。很多人只知道选择很重要，却不知道后半句：不努力的人，连选择的资格都没有。当下不缺项目不缺产品，各种线上线下的推广营销方式也五花八门，
                    
                                [黑洞与暗粒子]没有光的世界
                                    comsci

                                         无论是相对论还是其它现代物理学,都显然有个缺陷,那就是必须有光才能够计算 
 
     但是,我相信,在我们的世界和宇宙平面中,肯定存在没有光的世界.... 
 
     那么,在没有光的世界,光子和其它粒子的规律无法被应用和考察,那么以光速为核心的 
 
&nbs
                                
                                jQuery Lazy Load 图片延迟加载
                                    aijuans
jquery
                                    基于 jQuery 的图片延迟加载插件，在用户滚动页面到图片之后才进行加载。 
对于有较多的图片的网页，使用图片延迟加载，能有效的提高页面加载速度。 
 
 版本： 
 

  jQuery v1.4.4+ 
 

  jQuery Lazy Load v1.7.2 
 
 
 注意事项： 
 
 
 需要真正实现图片延迟加载，必须将真实图片地址写在 data-original 属性中。若 src
                                
                                使用Jodd的优点
                                    Kai_Ge
jodd
                                    1.  简化和统一 controller ，抛弃 extends SimpleFormController ，统一使用 implements Controller 的方式。 
2.  简化 JSP 页面的 bind, 不需要一个字段一个字段的绑定。 
3.  对 bean 没有任何要求，可以使用任意的 bean 做为 formBean。 
  
使用方法简介
                                
                                jpa Query转hibernate Query
                                    120153216
Hibernate
                                    public List<Map> getMapList(String hql,
			Map map) {
		org.hibernate.Query jpaQuery = entityManager.createQuery(hql);
		if (null != map) {
			for (String parameter : map.keySet()) {
				jp
                                
                                Django_Python3添加MySQL/MariaDB支持
                                    2002wmj
mariaDB
                                    现状 
首先，[email protected] 中默认的引擎为 django.db.backends.mysql 。但是在Python3中如果这样写的话，会发现 django.db.backends.mysql 依赖 MySQLdb[5] ，而 MySQLdb 又不兼容 Python3 于是要找一种新的方式来继续使用MySQL。 MySQL官方的方案 
首先据MySQL文档[3]说，自从MySQL
                                
                                在SQLSERVER中查找消耗IO最多的SQL
                                    357029540
SQL Server
                                    返回做IO数目最多的50条语句以及它们的执行计划。 
select top 50   
 
(total_logical_reads/execution_count) as avg_logical_reads,  
 
(total_logical_writes/execution_count) as avg_logical_writes,  
 
(tot
                                
                                spring UnChecked 异常 官方定义！
                                    7454103
spring
                                      如果你接触过spring的 事物管理！那么你必须明白 spring的 非捕获异常！ 即 unchecked 异常！ 因为 spring 默认这类异常事物自动回滚！！ 
 
 
 
 
public static boolean isCheckedException(Throwable ex)
    {
   return !(ex instanceof RuntimeExcep
                                
                                mongoDB 入门指南、示例
                                    adminjun
javamongodb操作
                                    一、准备工作 
1、 下载mongoDB 
下载地址：http://www.mongodb.org/downloads 
选择合适你的版本 
相关文档：http://www.mongodb.org/display/DOCS/Tutorial 
2、 安装mongoDB 
A、 不解压模式： 
将下载下来的mongoDB-xxx.zip打开，找到bin目录，运行mongod.exe就可以启动服务，默
                                
                                CUDA 5 Release Candidate Now Available
                                    aijuans
CUDA
                                    The CUDA 5 Release Candidate is now available at http://developer.nvidia.com/<wbr></wbr>cuda/cuda-pre-production. Now applicable to a broader set of algorithms, CUDA 5 has advanced fe
                                
                                Essential Studio for WinRT网格控件测评
                                    Axiba
JavaScripthtml5
                                    Essential Studio for WinRT界面控件包含了商业平板应用程序开发中所需的所有控件，如市场上运行速度最快的grid 和chart、地图、RDL报表查看器、丰富的文本查看器及图表等等。同时，该控件还包含了一组独特的库，用于从WinRT应用程序中生成Excel、Word以及PDF格式的文件。此文将对其另外一个强大的控件——网格控件进行专门的测评详述。 
 
 
网格控件功能 
1、
                                
                                java 获取windows系统安装的证书或证书链
                                    bewithme
windows
                                      
    有时需要获取windows系统安装的证书或证书链，比如说你要通过证书来创建java的密钥库  。 
有关证书链的解释可以查看此处 。 
  
public static void main(String[] args) {
		SunMSCAPI providerMSCAPI = new SunMSCAPI();
		S
                                
                                NoSQL数据库之Redis数据库管理(set类型和zset类型)
                                    bijian1013
redis数据库NoSQL
                                    4.sets类型 
        Set是集合，它是string类型的无序集合。set是通过hash table实现的，添加、删除和查找的复杂度都是O(1)。对集合我们可以取并集、交集、差集。通过这些操作我们可以实现sns中的好友推荐和blog的tag功能。 
        sadd：向名称为key的set中添加元
                                
                                异常捕获何时用Exception，何时用Throwable
                                    bingyingao

                                    用Exception的情况 
 try { 
       //可能发生空指针、数组溢出等异常 
        } catch (Exception e) { 
         
                                
                                【Kafka四】Kakfa伪分布式安装
                                    bit1129
kafka
                                    在http://bit1129.iteye.com/blog/2174791一文中，实现了单Kafka服务器的安装，在Kafka中，每个Kafka服务器称为一个broker。本文简单介绍下，在单机环境下Kafka的伪分布式安装和测试验证   1. 安装步骤 
  
Kafka伪分布式安装的思路跟Zookeeper的伪分布式安装思路完全一样，不过比Zookeeper稍微简单些(不
                                
                                Project Euler
                                    bookjovi
haskell
                                    Project Euler是个数学问题求解网站，网站设计的很有意思，有很多problem，在未提交正确答案前不能查看problem的overview，也不能查看关于problem的discussion thread，只能看到现在problem已经被多少人解决了，人数越多往往代表问题越容易。 
    看看problem 1吧： 
 Add all the natural num
                                
                                Java-Collections Framework学习与总结-ArrayDeque
                                    BrokenDreams
Collections
                                            表、栈和队列是三种基本的数据结构，前面总结的ArrayList和LinkedList可以作为任意一种数据结构来使用，当然由于实现方式的不同，操作的效率也会不同。 
        这篇要看一下java.util.ArrayDeque。从命名上看
                                
                                读《研磨设计模式》-代码笔记-装饰模式-Decorator
                                    bylijinnan
java设计模式
                                    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ 
 
 



import java.io.BufferedOutputStream;
import java.io.DataOutputStream;
import java.io.FileOutputStream;
import java.io.Fi
                                
                                Maven学习(一)
                                    chenyu19891124
Maven私服
                                        学习一门技术和工具总得花费一段时间，5月底6月初自己学习了一些工具，maven+Hudson+nexus的搭建，对于maven以前只是听说，顺便再自己的电脑上搭建了一个maven环境，但是完全不了解maven这一强大的构建工具，还有ant也是一个构建工具，但ant就没有maven那么的简单方便，其实简单点说maven是一个运用命令行就能完成构建，测试，打包，发布一系列功
                                
                                [原创]JWFD工作流引擎设计----节点匹配搜索算法(用于初步解决条件异步汇聚问题) 补充
                                    comsci
算法工作PHP搜索引擎嵌入式
                                    本文主要介绍在JWFD工作流引擎设计中遇到的一个实际问题的解决方案，请参考我的博文"带条件选择的并行汇聚路由问题"中图例A2描述的情况(http://comsci.iteye.com/blog/339756),我现在把我对图例A2的一个解决方案公布出来，请大家多指点 
 
 节点匹配搜索算法(用于解决标准对称流程图条件汇聚点运行控制参数的算法) 
 
 需要解决的问题：已知分支
                                
                                Linux中用shell获取昨天、明天或多天前的日期
                                    daizj
linuxshell上几年昨天获取上几个月
                                    在Linux中可以通过date命令获取昨天、明天、上个月、下个月、上一年和下一年 
 
 
# 获取昨天 
date -d 'yesterday'  # 或 date -d 'last day' 
# 获取明天 
date -d 'tomorrow'   # 或 date -d 'next day' 
# 获取上个月 
date -d 'last month' 
# 
                                
                                我所理解的云计算
                                    dongwei_6688
云计算
                                          在刚开始接触到一个概念时，人们往往都会去探寻这个概念的含义，以达到对其有一个感性的认知，在Wikipedia上关于“云计算”是这么定义的，它说： 
 
        Cloud computing is a phrase used to describe a variety of computing co
                                
                                YII CMenu配置
                                    dcj3sjt126com
yii
                                    Adding id and class names to CMenu 
We use the id and htmlOptions to accomplish this. Watch.   
//in your view
$this->widget('zii.widgets.CMenu', array(
	'id'=>'myMenu',
	'items'=>$this-&g
                                
                                设计模式之静态代理与动态代理
                                    come_for_dream
设计模式
                                    静态代理与动态代理 
        代理模式是java开发中用到的相对比较多的设计模式，其中的思想就是主业务和相关业务分离。所谓的代理设计就是指由一个代理主题来操作真实主题，真实主题执行具体的业务操作，而代理主题负责其他相关业务的处理。比如我们在进行删除操作的时候需要检验一下用户是否登陆，我们可以删除看成主业务，而把检验用户是否登陆看成其相关业务
                                
                                【转】理解Javascript 系列
                                    gcc2ge
JavaScript
                                    理解Javascript_13_执行模型详解 
 
  摘要: 在《理解Javascript_12_执行模型浅析》一文中,我们初步的了解了执行上下文与作用域的概念，那么这一篇将深入分析执行上下文的构建过程，了解执行上下文、函数对象、作用域三者之间的关系。函数执行环境简单的代码:当调用say方法时，第一步是创建其执行环境，在创建执行环境的过程中，会按照定义的先后顺序完成一系列操作:1.首先会创建一个
                                
                                Subsets II
                                    hcx2013
set
                                    Given a collection of integers that might contain duplicates, nums, return all possible subsets. 
Note: 
 
 Elements in a subset must be in non-descending order. 
 The solution set must not conta
                                
                                Spring4.1新特性——Spring缓存框架增强
                                    jinnianshilongnian
spring4
                                    目录 
Spring4.1新特性——综述 
Spring4.1新特性——Spring核心部分及其他 
Spring4.1新特性——Spring缓存框架增强 
Spring4.1新特性——异步调用和事件机制的异常处理 
Spring4.1新特性——数据库集成测试脚本初始化 
Spring4.1新特性——Spring MVC增强 
Spring4.1新特性——页面自动化测试框架Spring MVC T
                                
                                shell嵌套expect执行命令
                                    liyonghui160com

                                      
  
一直都想把expect的操作写到bash脚本里,这样就不用我再写两个脚本来执行了,搞了一下午终于有点小成就,给大家看看吧. 
  系统:centos 5.x 
  
1.先安装expect 
yum -y install expect 
  
2.脚本内容: 
cat auto_svn.sh 
  
#!/bin/bash

                                
                                Linux实用命令整理
                                    pda158
linux
                                    0. 基本命令   　　linux 基本命令整理   　 
　1. 压缩 解压   　　tar -zcvf a.tar.gz a   #把a压缩成a.tar.gz   　　tar -zxvf a.tar.gz     #把a.tar.gz解压成a   　 
　2. vim小结   　　2.1 vim替换   　　:m,ns/word_1/word_2/gc  
                                
                                独立开发人员通向成功的29个小贴士
                                    shoothao
独立开发
                                      
 概述：本文收集了关于独立开发人员通向成功需要注意的一些东西,对于具体的每个贴士的注解有兴趣的朋友可以查看下面标注的原文地址。  
   
 
 明白你从事独立开发的原因和目的。 
 保持坚持制定计划的好习惯。 
 万事开头难，第一份订单是关键。 
 培养多元化业务技能。 
 提供卓越的服务和品质。 
 谨小慎微。 
 营销是必备技能。 
 学会组织，有条理的工作才是最有效率的。 
 “独立
                                
                                JAVA中堆栈和内存分配原理
                                    uule
java
                                    1、栈、堆  
1.寄存器：最快的存储区, 由编译器根据需求进行分配,我们在程序中无法控制.2. 栈：存放基本类型的变量数据和对象的引用，但对象本身不存放在栈中，而是存放在堆（new 出来的对象）或者常量池中（字符串常量对象存放在常量池中。）3. 堆：存放所有new出来的对象。4. 静态域：存放静态成员（static定义的）5. 常量池：存放字符串常量和基本类型常量（public static f
                                
                
            
        
    


    
        
            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他
        
    


    
        
            首页 -
            关于我们 -
            站内搜索 -
            Sitemap -
            侵权投诉
        
        版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.