家里有只猪
家里有只猪

react学习笔记--生命周期+实例

react学习笔记–生命周期+实例

下面是一张生命周期图
具体使用会在实例中介绍到
react学习笔记--生命周期+实例_第1张图片

  1. 组件的三个生命周期状态:
    • Mount：插入真实 DOM
    • Update：被重新渲染
    • Unmount：被移出真实 DOM
  2. React 为每个状态都提供了勾子(hook)函数
    • componentWillMount()
    • componentDidMount()
    • componentWillUpdate()
    • componentDidUpdate()
    • componentWillUnmount()
  3. 生命周期流程:
    a. 第一次初始化渲染显示: ReactDOM.render()
    • constructor(): 创建对象初始化state
    • componentWillMount() : 将要插入回调
    • render() : 用于插入虚拟DOM回调
    • componentDidMount() : 已经插入回调
      b. 每次更新state: this.setSate()
    • componentWillUpdate() : 将要更新回调
    • render() : 更新(重新渲染)
    • componentDidUpdate() : 已经更新回调
      c. 移除组件: ReactDOM.unmountComponentAtNode(containerDom)
    • componentWillUnmount() : 组件将要被移除回调

下面为一个应用实例


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Documenttitle>
head>
<body>
    <div id="example">div>

    <script src="../js/react.development.js">script>
    <script src="../js/react-dom.development.js">script>
    <script src="../js/prop-types.js">script>
    <script src="../js/babel.min.js">script>
    
    <script type="text/babel">
        class Life extends React.Component{
            constructor(props){
                super(props)
                this.state = {
                    opacity:1
                }
                this.distroyComponent = this.distroyComponent.bind(this);
            }
            //渲染组件后更新  ，生命周期回调函数 constructor componentWillMount render, componentDidMount
            //而且它们在特定时间调用 
            componentDidMount() {
             this.intervalId = setInterval(function(){
                 console.log("asdasd");
                    let {opacity} = this.state;
                    opacity -= 0.01;
                    if(opacity <= 0){
                       opacity = 1; 
                    }
                    this.setState({opacity});
                }.bind(this),20);
            }
            //卸载组件的方法
            distroyComponent(){
               ReactDOM.unmountComponentAtNode(document.getElementById('example'));
            }
            //卸载组件的方法前前，需要做的操作（必定调用），清除定时器
            componentWillUnmount(){
                clearInterval(this.intervalId);
            }
			//必须嵌套一个div
            render() {
                const opacity = this.state.opacity;
                return (
                    <div>
                        <h2 style ={{opacity:opacity}}>{this.props.msg}</h2>
                        <button onClick={this.distroyComponent}>不活了</button>
                    </div>
                )
            }
        }
        ReactDOM.render(<Life msg = "react太难了"/>,document.getElementById('example'));
    script>
body>
html>

你可能感兴趣的:(#,React学习笔记)

  • 17.React学习笔记.受控非受控组件 _生生不息_
    一.refs的使用##React开发模式中，通常情况不需要，也不建议直接操作DOM元素，但是某些特殊的情况，确实需要获取到DOM进行某些操作。管理焦点，文本选择/媒体播放；触发强制动画；集成第三方DOM库。如何创建refs来获取对应的DOM？三种方式。1.1创建方式importReact,{PureComponent,createRef}from'react'exportdefaultclassA
  • 53.React学习笔记.自定义hook练习-scroll _生生不息_
    如果我们想在多个组件中获取当前滚轮的位置，并对其进行操作，这时候就需要将逻辑给抽离出来。importReactfrom'react'importuseScrollPositionfrom'../hooks/scroll-position-hook';exportdefaultfunctionCustomScrollPositionHook(){constposition=useScrollPosi
  • React学习笔记 张豆豆94 【HBuilder学习篇】前端react
    文章目录1.react脚手架初始化项目2.HooksuseStateuseEffectuseContextuseReduceruseMemouseCallbackuseRef3.APIforwardRef1.react脚手架初始化项目npxcreate-react-appmy-app2.Hooks以use开头的函数，只能在组件或自定义Hook的最顶层调用，不能在条件语句、循环语句或其他嵌套函数内调
  • 19 React学习笔记.AntDesign _生生不息_
    AntDesign组件库一.原生React添加className方法{/*原生React中添加class方法*/}我是标题1我是标题2我是标题2)二.第三方库classnames原生React太繁琐，借助第三方库classnames。写法类似Vue中添加类名。{/*classnames库添加class*/}我是标题4我是标题5我是标题6我是标题7我是标题8我是标题9我是标题9三.AntDesign
  • React从零基础入门到实战，完成企业级项目简书网站开发 Xxxxxl17 Reactreact.jsjavascript前端
    终于追完整部React剧~全部代码可见GitLab项目地址：https://gitee.com/xxxxxl17/jian-shu-react学习笔记：React从零基础入门到实战，完成企业级项目简书网站开发(慕课网学习笔记)
  • react学习笔记3 此间诗意杀人地 react笔记react
    一、key与diffing算法react中的key:可以在DOM中的某些元素被增加或删除的时候帮助React识别哪些元素发生了变化。因此你应当给数组中的每一个元素赋予一个确定的标识便于react区分。一个元素的key最好是这个元素在列表中拥有的一个独一无二的字符串。通常，我们使用来自数据的id作为元素的key，当元素没有确定的id时，你可以使用他的序列号索引index作为key。虚拟DOM中key
  • 22.React学习笔记.JavaScript纯函数 _生生不息_
    纯函数：函数式编程中的一个概念。wiki定义：符合以下条件：输入相同，输出相同；输出和输入值以外的信息&状态无关，也和由I/O设备产生的外部输出无关。该函数不能有语义上可观察的函数副作用：确定的输入，一定有确定的输出；函数执行过程中，不能产生副作用。重要性：放心编写，放心使用。-所有React组件必须像纯函数一样保护它们的props不被更改。-redux中，reducer也必须是纯函数。
  • 15.React学习笔记.setState内容补充 _生生不息_
    setState数据的合并setState改变state中的部分属性，并不会覆盖原有的属性，回溯源码ReactUpdateQueue中的processUpdateQueue，getStateFromUpdate方法中。调用的实际是如下方法：Object.assign({},this.state,{message:"你好啊,wec"})image.png实际上内部将更改过的属性和原属性做了个合并+拷
  • React学习笔记(一） 滨滨_57b5
    知识点及简介知识点知识点简介ReactJS:使用React的语法来编写一些网页的交互效果ReactNative:使用React的语法来编写原生APPReactVRReact.js-version16.3.2版本ReactFiberReact.js相比Vue.js灵活性更大，对于处理非常复杂业务时，技术方案选择性会更多；Vue.js则提供了更丰富的API，实现功能更简单，但由于API多，因此灵活性就
  • React高阶组件--render props、高阶组件(React学习笔记_06) 小王子__
    React-renderprops和高阶组件1，renderprops模式使用步骤1，创建一个组件，在组件中提供复用的状态逻辑代码2，将要复用的状态作为props.render(state)方法的参数，暴露到组件外部3，使用props.render()的返回值作为要渲染的内容class组件名extendsReact.Component{state={}render(){returnthis.pro
  • 16.React学习笔记.React更新机制 _生生不息_
    一.发生更新的时机以及顺序##image.pngprops/state改变render函数重新执行产生新的VDOM树新旧DOM树进行diff计算出差异进行更新更新到真实的DOM二.React更新流程##React将最好的O(n^3)的tree比较算法优化为O(n)。同层节点之间相互比较，不跨节点。不同类型的节点，产生不同的树结构：如果该节点不同，会将旧tree中该节点的子树全部删掉。直接生成新的子
  • React学习笔记 风吟Pro react.js学习笔记
    React学习笔记，从类组件到函数式组件Hooks，再到Router6，零基础全套笔记01-React入门02-React组件与模块03-React事件处理&生命周期&Diffing算法04-React脚手架&集成Axios05-React路由（Router5版本）06-React组件&Redux&React-Redux07-项目打包&ReactHooks08-React路由（Router6版本）
  • React学习笔记（二） 千锋HTML5学院
    组件的数据挂载方式属性(props)props是正常是外部传入的，组件内部也可以通过一些方式来初始化的设置，属性不能被组件自己更改，但是你可以通过父组件主动重新渲染的方式来传入新的props属性是描述性质、特点的，组件自己不能随意更改。之前的组件代码里面有props的简单使用，总的来说，在使用一个组件的时候，可以把参数放在标签的属性当中，所有的属性都会作为组件props对象的键值。通过箭头函数创建
  • 41.React学习笔记.react-router-config路由统一管理 _生生不息_
    使用react-router-config库来进行路由配置。//App.js下替换那些Route{renderRoutes(routes)}//src/router/index.jsimportHomefrom"../pages/home"importAboutfrom"../pages/about"importProfilefrom"../pages/about"importUserfrom".
  • 20 React学习笔记.axios网络请求 _生生不息_
    使用axios发送网络请求一.发送网络请求方式传统的Ajax基于XMLHttpRequest（XHR）jQuery-Ajax，jQuery项目太大，个性化打包又不能享受CDN。FetchAPI基于原生XHR，是AJAX的替代方案，基于Promise设计，很好的进行了关注分离。Fetch是底层API，需要手动配置功能和实现。发送网络请求：手动配置Header的Content-Type，不会默认携带c
  • react学习笔记——4. 虚拟dom中处理动态数据 玄昌盛不会编程 reactreact.js
    如下需求方式1：直接在ul中使用{data}，是可以遍历数据的，然后如果将data改成下面形式，也是可以实现的。但是如果data是一个对象，则不能便利。constdata=[Angular,React,Vue]方式2：使用data.map处理，并返回数据，这里需要注意返回的标签中需要有key，否则会有警告，这里暂且将key设置为遍历的idx，但是其实是有问题的，以后会修改。jsx小练习//模拟数据
  • react学习笔记——3. jsx语法规则 玄昌盛不会编程 reactreact.js
    jsx是什么？jsx全称：javaScriptXML是react定义的一种类似于XML的js扩展语法，是js+xml。xml早期用于存储和传输数据，是标签加数据的形式。只不过后来慢慢的变成了json其本质就是React.createElement(标签,属性,内容)方法的语法糖其作用是为了简化虚拟domjsx语法规则定义虚拟dom时，不写引号。虚拟dom标签中混入js表达式时，需要使用大括号。这里
  • react学习笔记——2. 虚拟dom 玄昌盛不会编程 reactreact.js
    为什么使用jsx虚拟dom的创建方式有两种，这里新加一个需求，要求虚拟dom包含id属性。通过jsx，也就是之前的方式，只不过初始化虚拟dom的时候需要加一个id属性。通过js，这种方式不需要babel，初始化时的代码如下，使用React的createElement方法2_使用js创建虚拟dom/***步骤：*1、创建虚拟dom*2、渲染虚拟dom到页面*///1、创建虚拟dom，使用React的
  • 09.React学习笔记.生命周期函数 _生生不息_
    一.React组件分类##定义方式：函数组件(function)，类组件(class)。是否需要维护状态：无状态/有状态组件。职责：展示型/容器型(逻辑结构)组件。这些概念重叠很多，最主要是关注数据逻辑和UI展示的分离：函数，无状态，展示型组件主要关注UI的展示。类，有状态，容器型组件主要关注数据逻辑。其他还有异步，高阶组件等。二.类组件##组件名称必须大写字符开头（类&函数），JSX中将大写解析
  • 55.React学习笔记.hook 原理浅析 _生生不息_
    在讲hook原理之前，我们需要先简单了解一下Fiber。一.FiberReact16推出的，用于提高当前浏览器显示界面性能的东西，减少卡顿等待。我们电脑屏幕都有一个刷新率（Hz），电脑屏幕上的东西，CPU提供数据，GPU将其绘制出来；电脑屏幕按固定的频率，从缓存中取出（帧）并显示；缓存防止屏幕出现撕裂；浏览器刷新频率一般与电脑一致，浏览器根据电脑传来的vsync（同步信号）来刷新。GUI渲染和JS
  • 14.React学习笔记.setState异步/同步分析 _生生不息_
    一.为什么使用setState##直接更改this.state.counter不会引起界面刷新，这是因为React不知道state发生了改变。React必须通过setState告诉React数据发生了改变。App继承了Component中的setState方法。回溯源码Component类中，原型上设置了setState方法。二.setState异步更新##changeText(){//2.set
  • react 学习笔记 李立超老师 | (学习中~) nuise_ Vue/Reactreact.js学习笔记
    文章目录react学习笔记01入门概述React基础案例HelloWorld三个API介绍JSXJSX解构数组创建react项目(手动)创建React项目(自动)|create-react-app事件处理React中的CSS样式内联样式|内联样式中使用state(不建议使用)外部样式表|CSSModuleReact组件函数式组件和类组件生成一组标签/组件props父组件给子组件传属性/方法给组件设
  • react学习笔记（一）- 安装及初始化 池塘里快乐的小跳蛙
    react安装首先，react可以直接使用cnd方式引入，也可以基于webpack或browserify的方式使用，以下示例为webpack下载node、npm这个就不多讲了，百度安装node全局安装react如果之前安装过则跳过，如果安装时间距离现在较长，建议卸载create-react-app之后重新安装,否则可能出现生成的文件夹内只有node_modules文件夹和package.json文
  • 54.React学习笔记.自定义hook练习-localStorage存储 _生生不息_
    需求：希望在组件中对一个变量name操作，一旦给name设置一个新的值，就把name存储到localStorage(不同于sessionStorage)中；如果下次再打开网页，重新加载的时候，希望可以从localStorage中把name的值加载进去。也就是对name的所有操作，都通过localStorage做一个存储。importReact,{useState,useEffect}from're
  • 【超全】React学习笔记 下：路由与Redux状态管理 Xy丶Promise react.js学习javascript前端前端框架web3web
    React学习笔记React系列笔记学习上篇笔记地址：【超全】React学习笔记上：基础使用与脚手架中篇笔记地址：【超全】React学习笔记中：进阶语法与原理机制React路由概念与理解使用1.引入React路由是构建单页面应用(SPA,SinglePageApplication)中的核心技术之一，它允许用户在不重新加载整个页面的情况下，实现页面的切换。通过React路由，开发者可以为用户提供丰富
  • 【超全】React学习笔记 上：基础使用与脚手架 Xy丶Promise react.js学习web3javascriptweb前端前端框架
    React学习笔记React系列笔记学习中篇笔记地址：【超全】React学习笔记中：进阶语法与原理机制下篇笔记地址：【超全】React学习笔记下：路由与Redux状态管理React简介React是一个由Facebook开发并维护的用于构建用户界面的JavaScript库。它被广泛用于构建单页应用（SPA），尤其是复杂的交互式用户界面。React允许开发人员构建Web应用程序，这些程序可以在数据更改
  • 【超全】React学习笔记 中：进阶语法与原理机制 Xy丶Promise react.js学习web3webjavascript前端前端框架
    React学习笔记React系列笔记学习上篇笔记地址：【超全】React学习笔记上：基础使用与脚手架下篇笔记地址：【超全】React学习笔记下：路由与Redux状态管理React进阶组件概念与使用1.React组件进阶导读在掌握了React的基础知识后，我们将进一步深入探讨React组件的进阶特性和技巧。这些进阶知识将帮助我们更好地理解和使用React，为构建复杂的前端应用奠定坚实的基础。下面是本
  • React学习笔记 骆骆呀
    一、几个概念库和框架库（library）：小而巧，可以很方便的从一个库切换到另一个库，但是代码几乎不会改变。框架（framework）：大而全，框架提供了一整套完整的解决方案，在项目中间想要切换框架是困难的模块化和组件化模块化：是从代码的角度进行分析，把可复用的代码抽离为单个模块，便于项目的维护和开发组件化：从UI界面的角度进行分析，把可复用的UI元素，抽离为单独的组件二、React的基础概念1、
  • 05-2.React学习笔记.JSX本质 _生生不息_
    Babel转化可以从babel官网中react转码器来查看jsx代码对应转换为的React.createElement(,,)的相应内容。image.pngimage.png可以直观看出，转换后的内容实际上是React.createElement(,,)方法间的不断嵌套（针对子元素）。/#PURE#/代表其为纯函数
  • React学习笔记——路由的基本使用 Kevin11Yao React路由器reacthtmlweb
    路由理解当使用hash或history的方式去改变网址路径(path)时，并不会刷新网页或发出请求通过监听hash或history的变化来动态的切换组件的显示据此，可以维护path(路径)跟component(组件)的一对一的路由而管理这些route(路由)的就是router(路由器)路由步骤路由的实现，是基于BOM的history，从而实现网页不刷新，局部更新页面。点击导航链接，引起路径变化路径
  • [黑洞与暗粒子]没有光的世界 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其他