YM雨蒙
YM雨蒙

React Hooks用法详解(二)

React Hooks

在了解React Hooks之前, 我们先看一下 Class 和函数式 的一般写法

Class组件 一般写法

import React from "react";
import ReactDOM from "react-dom";
import PropTypes from "prop-types";

class App extends React.Component {
  // 默认参数
  static defaultProps = {
    message: "Hello World",
    firstName: 'Yang',
    lastName: 'yu'
  };

  // 传参检查
  static propTypes = {
    message: PropTypes.string
  };

  /**
   * 方便调试
   */
  static displayName = "App";

  // 状态
  state = {
    count: 1
  };

  /**
   * 解决绑定 this 的几种方法
   * 1. onClick={this.increment.bind(this)}
   * 2. 在 constructor中绑定 tihs ==> this.increment = this.increment.bind(this)
   * 3 箭头函数: 浪费内存
   */
  increment = () => {
    this.setState({
      count: 2
    });
  };

  // 计算属性
  get name() {
    return this.props.firstName + this.props.lastName
  }

  // 生命周期
  componentDidMount() {}

  render() {
    return (
      

        
{this.props.message}

        
{this.state.count}

        
        
{this.name}

      

    );
  }
}

const rootElement = document.getElementById("root");
ReactDOM.render(, rootElement);

函数组件一般写法

import React, { useState, useEffect } from "react";
import ReactDOM from "react-dom";

interface Props {
  message?: string;
}

const App: React.FunctionComponent = props => {
  /**
   * 如何使用 state,  React版本 > 16.8
   * useState 返回一个数组, 解构
   */
  const [count, setCount] = useState(0);
  const [count1, setCount1] = useState(0);

  const increment = () => {
    setCount(count + 1);
  };

  const increment1 = () => {
    setCount1(count1 + 1);
  };

  /**
   * 生命周期 代替 componetDidMount componentDidUpdate
   */
  useEffect(() => {
    console.log('componentDidMount() 或者 componentDidUpdate()')
  })

  // 第二个参数是 []
  useEffect(() => {
    console.log('只在第一次执行')
    // axios.get()
  }, [])
  
  // 当某个 参数更新, 才触发
  useEffect(() => {
    console.log('count 更新了之后执行, 点击 count1 不会更新')
  }, [count])

  useEffect(() => {
    return () => {
      console.log('我死了')
    }
  })

  return (
    

      
{props.message}

      
{count}

      
{count1}


      
      
    

  );
};

App.defaultProps = {
  message: 'Hello World'
}
App.displayName = 'yym'

const rootElement = document.getElementById("root");
ReactDOM.render(, rootElement);

下面我们来看看一些 Hooks API

useState

  • 使用

    const [n, setN] = React.useState(0)
const [user, setUser] = React.useState({name: 'yym'})

  • 不可局部更新

    • 因为useState不会帮我们合并属性

      setUser({
    ...user,
    name: 'yym1'
})

  • 地址会变

    • setState(obj) 如果 obj 地址不变, 那么 React 认为数据没有变化

  • 接收函数

    const [user, setUser] = useState(() => ({name: 'yym2', age: 12})) // 减少多余计算过程

setN(i => i + 1)
setN(i => i + 1)  // 对  state 多次操作,

简单实现 useState

下面代码可以放到 codesandbox 里面跑一下

看一个简单的例子

const App = () => {
  const [n, setN] = useState(0);
  return (
    

      
{n}

      
    

  );
};
ReactDOM.render(, document.querySelector("#root"))

1. 进入页面, render App, 调用 App() , n = 0
2. 用户点击 button, 调用 setN(n + 1), 再次 render App, 得到虚拟 DOM, DOM diff 更新真 DOM
3. 每次调用 App, 都会运行 useState(0), n 的值都会改变 


QA:
1. 执行 setN 的时候会发生什么? n 会变吗? App() 会重新执行吗?
  重新渲染; setN要把n改变, n 不变; App 会重新执行;
2. 如果 App() 会重新执行, 那么 useState(0) 的时候, n 每次值会不同
  n 的值会不同

上面的例子我们可以分析:

  • setN
    • setN 一定会修改数据 X, 将n + 1 存入 X, (X 泛指)
    • setN一定会触发, 重新渲染
  • useState
    • useState 会从 X 读取 n 的最新值
  • X
    • 每个组件有自己的数据 X, 我们将其命名为state

根据上面的结论, 我们尝试写一下 useState

import React from "react";
import ReactDOM from "react-dom";

let _state: any;
const myUseState = (initialValue: any) => {
  _state = _state === undefined ? initialValue : _state;
  const setState = (newState: any) => {
    _state = newState;
    // 渲染页面
    render();
  };
  return [_state, setState];
};

// 不管这个实现
const render = () => ReactDOM.render(, document.querySelector("#root"));

const App = () => {
  console.log("App 渲染了");
  
  // 使用自己写的 myUseState
  const [n, setN] = myUseState(0);
  return (
    

      
{n}

      
    

  );
};

export default App;

上面的代码完全可以正常运行, 但当我们的 myUseState 有两个的时候, 就是下面的代码

import React from "react";
import ReactDOM from "react-dom";

let _state: any;
const myUseState = (initialValue: any) => {
  _state = _state === undefined ? initialValue : _state;
  const setState = (newState: any) => {
    _state = newState;
    // 渲染页面
    render();
  };

  return [_state, setState];
};

// 不管这个实现
const render = () => ReactDOM.render(, document.querySelector("#root" ));

const App = () => {
  console.log("App 渲染了");
  const [n, setN] = myUseState(0);
  const [m, setM] = myUseState(1);
  return (
    

      

        {n}-{m}
      

      
      
    

  );
};

export default App;

我们运行上面的代码, 发现更新 n, m 也会改变, 更新m, n 也会改变, 因为所有的数据都放在 _state 会冲突, 该怎么解决?

  1. 把 _state 做成对象

    _state = { m: 0, n: 0}, // 感觉不行,  useState(0) 并不知道变量叫 m 还是 n,

  2. 把 _state 做成数组, 尝试一下

    _state = [0, 0]

    // 把 _state 初始为数组
let _state: any[] = [];
// 下标
let index = 0;

const myUseState = (initialValue: any) => {
  // 设置唯一的值, 根据 myUseState 的顺序
  const currentIndex = index;
  _state[currentIndex] =
    _state[currentIndex] === undefined ? initialValue : _state[currentIndex];
  const setState = (newState: any) => {
    _state[currentIndex] = newState;
    // 渲染页面
    render();
  };
  index += 1;
  return [_state[currentIndex], setState];
};

const render = () => {
  // 每次重新渲染 index 重置
  index = 0;
  ReactDOM.render(, document.querySelector("#root"));
};

  3. 上面数组的方法会有一定的缺点

    • useState的调用顺序
      • 若第一次顺序是 n m K
      • 第二次必须保证顺序一致,
      • useState 不能写在 if 中
      const [n, setN] = React.useState(0);
  let m, setM;
  if (n % 2 === 1) {
    [m, setM] = React.useState(0);
  }

    // 会报错 顺序不能变
React Hook "React.useState" is called conditionally. React Hooks must be called in the exact same order in every component render. (react-hooks/rules-of-hooks)eslint

代码在这里, 我们想一下 mpUseState 还有什么问题呢?

  1. App 组件用了 _state 和 index , 那其它组件用什么?
    • 给每个组件创建一个_state 和 index
  2. 放在全局作用域重名了怎么办?
    • 放在组件对应的虚拟节点对象上

总结 :

  1. 每个函数组件对应一个 React 节点,

  2. 每个节点保存着 _state 和 idnex

  3. useState 会读取 state[index]

  4. index 由 useState 出现顺序决定

  5. setState 会修改 state, 并触发更新

上面的属于简化 useState 的实现, 我们看一个 useState 出现问题的 代码

// 先点击 log , 再点击 incremwntN,  3s 后打印的是 n: 0, 而不是 n: 1
// 先点击 incrementN, 再点击 log, 3s 后 打印 n: 1

// ? 为啥是旧数据
1. setN 不会改变 n, 生成一个 n 的分身, 改变的不是n, 所以 n: 0, 

import React, { useState } from "react";

const App = () => {
  const [n, setN] = useState(0);
  const log = () =>
    setTimeout(() => {
      console.log(`n: ${n}`);
    }, 3000);
  return (
    

      
{n}

      
      
    

  );
};

export default App;

如何让状态始终只是一个?

  • 全局变量

    • 用 window.xxx即可

  • 用 useRef

    const App = () => {
  const nRef = React.useRef(0); // { current: 0}
  const log = () =>
    setTimeout(() => {
      console.log(`n: ${nRef.current}`);
    }, 3000);
  return (
    
    
      
    {nRef.current} 不是实时刷新
    
      
      
    
    
  );
};


    // 手动触发 App 更新, 强制, 更类似于 Vue3
const App = () => {
  const nRef = React.useRef(0); // { current: 0}
  const log = () =>
    setTimeout(() => {
      console.log(`n: ${nRef.current}`);
    }, 3000);
  return (
    
    
      
    {nRef.current}
    
      
      
    
    
  );
};

  • useContext

    • useContext 不仅能贯穿始终, 还能贯穿不同组件

      // 上下文
const themeContext = createContext(null);

const App = () => {
  const [theme, setTheme] = useState("blue");
  return (
    // Provider 类似于作用域, 里面的可以使用 theme, settheme
    
      
      
        
      {theme}
      
        
      
          
        
      
        
      
          
        
      
      
      
          
  );
};

const ChildA = () => {
  const { setTheme } = useContext(themeContext);
  return (
    
      
      
    
      
  );
};

const ChildB = () => {
  const { setTheme } = useContext(themeContext);
  return (
    
      
      
    
      
  );
};

useReducer

使用方法:

  • useReducer 是复杂点的 useState 
import React, { useReducer } from "react";
// 1. 创建初始值
const initial = {
  n: 0
};
// 2. 创建所有操作 reducer(state, action)
const reducer = (state: any, action: any) => {
  if (action.type === "add") {
    return { n: state.n + action.number };
  } else if (action.type === "multiple") {
    return { n: state.n * 2 };
  } else {
    throw new Error("unknown word");
  }
};

const App = () => {
  // 3. 传给 useReducer  得到读和写 API
  const [state, dispatch] = useReducer(reducer, initial);

  const onClick = () => {
    // 4. 写
    dispatch({ type: "add", number: 1 });
  };

  const onClick1 = () => {
    dispatch({ type: "add", number: 2 });
  };

  return (
    

      {/* 4. 读取值 */}
      
n: {state.n}


      
      
    

  );
};

export default App;

但如何代替 Redux

我们先弄一个初始的页面, 在里面一步步实现 Redux 功能, 示例Demo

// 这是我们初始页面, 有三个组件 User Books Movies
import React, { useReducer } from "react";
const App = () => {
  return (
    

      
      

      
      
    

  );
};
const User = () => {
  return (
    

      
个人信息

    

  );
};
export default App;

  1. 先把数据集中到 store 中

    // 代码和初始一样, 只是往里面加代码
import React, { useReducer } from "react";

const store = {
  user: null,
  books: null,
  movies: null,
}

  2. 创建 reducer, 使用 usereducer 一样的

    const reducer = (state, action) => {
  switch (action.type) {
    case "setUser":
      return { ...state, user: action.user };
    case "setBooks":
      return { ...state, books: action.books };
    case "setMovies":
      return { ...state, movies: action.movies };
    default:
      throw new Error();
  }
};

  1. 我们使用 createContext, 创建一个上下文

    // 创建一个 context
const Context = createContext(null);

  2. 使用useReducer 并把 useReducer 的读写 API, 放进 Context Value 中

    const App = () => {
  // 使用 useReducer
  const [state, dispatch] = useReducer(reducer, store);
  return (
    // 把 useReducer 的读写 API 放到 Context value里
    
      
      
    
      
      
        
  );
};

  3. 经过前四步, 我们就可以在在 User, Books, Movie 的组件中使用 Context.Provide 的 value

    const User = () => {
  // 使用 useContext
  const { state, dispatch } = useContext(Context);
 
  // 异步请求值
  useEffect(() => {
    axios.get("/user").then((user: any) => {
      dispatch({ type: "setUser", user });
    });
  }, []);

  return (
    
    
      
    个人信息
    
      
    name: {state.user ? state.user.name : ""}
    
    
    
  );
};

  4. 所以可以带到一个简单的 Redux 使用,

    // 所有代码
import React, { useReducer, createContext, useContext, useEffect } from "react";

// store
const store = {
  user: null,
  books: null,
  movies: null
};

// reducer
const reducer = (state, action) => {
  switch (action.type) {
    case "setUser":
      return { ...state, user: action.user };
    case "setBooks":
      return { ...state, books: action.books };
    case "setMovies":
      return { ...state, movies: action.movies };
    default:
      throw new Error();
  }
};

// 创建一个 context
const Context = createContext(null);

const App = () => {
  // 使用 useReducer
  const [state, dispatch] = useReducer(reducer, store);
  return (
    // 把 useReducer 的读写 API 放到 Context value里
    
      
    
  );
};

// user 可以使用 store 的值
const User = () => {
  const { state, dispatch } = useContext(Context);

  useEffect(() => {
    axios.get("/user").then((user: any) => {
      dispatch({ type: "setUser", user });
    });
  }, []);

  return (
    
    
      
    个人信息
    
      
    name: {state.user ? state.user.name : ""}
    
    
    
  );
};

export default App;

当一个项目比较大, 用到的组件比较多, 使用到的 reducer 比较多, 我们可以模块化

  • 把 user, books, movies 单独建一个文件

  • 把对应的东西 export (default) 出去

    // 例: 重构 reducer
// reducer
const reducer = (state, action) => {
  switch (action.type) {
    case "setUser":
      return { ...state, user: action.user };
    case "setBooks":
      return { ...state, books: action.books };
    case "setMovies":
      return { ...state, movies: action.movies };
    default:
      throw new Error();
  }
};

// ==>

const obj = {
  'setUser': (state, action) => {
    return { ...state, user: action.user };
  },
  // ...
}

const reducer_copy = (state, action) => {
  const fn = obj[action.type]
  if(fn) {
    return fn(state, action)
  } else {
    throw new Error('type 错误')
  }
}


    // user_reducer.js
export default {
  'setUser': (state, action) => {
    return { ...state, user: action.user };
  },
}

// books_reducer.js
// ...

// idnex.js
import userReducer from './reducers/user_reducer'

const obj = {
  ...userReducer,
  ...otherReducer
}

useContext

useContext 改变一个数的时候, 是通过自顶向下, 逐级更新数据做到的

上下文

  • 全局变量是全局的上下文
  • 上下文是局部的全局变量

在上面的 useReducer 中我们也是用了 useContext,

import React, { createContext, useState, useContext } from "react";

// 1. 创建一个 context 上下文
const Context = createContext(null);

function App() {
  console.log("App 执行了");
  const [n, setN] = useState(0);
  return (
    // 2. 使用 Context.Provide 弄一个 作用域 value 值
    
       

         
       

    
  );
}

function Parent() {
  // 3. 作用域内使用 useContext
  const { n, setN } = useContext(Context);
  return (
    

      我是爸爸 n: {n} 
    

  );
}

function Child() {
  const { n, setN } = useContext(Context);
  const onClick = () => {
    setN(i => i + 1);
  };
  return (
    

      我是儿子 我得到的 n: {n}
      
    

  );
}

useEffect & useLayoutEffect

useEffect

  • 副作用: 对环境的改变就是副作用
  • 其实也可以当做afterRender: 每次render后运行

  1. 用途

    • 作为 componentDidMount 使用, []作为第二个参数
    • 作为componentDidUpdate使用, 可制定依赖
    • 作为componentWillUnMount 使用, 通过 return
    • 以上三种可以同时存在

  2. 特点

    • 如果同时存在多个 useEffect, 会按照出现次序执行

  3. Demo

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

const App = () => {
  const [n, setN] = useState(0);
  const [m, setM] = useState(0);
  const onClick = () => {
    setN(n + 1);
  };
  const onClcik1 = () => {
    setM(m + 1);
  };
  
  // componentDidMount
  useEffect(() => {
    console.log("第一次渲染, n或m变化我也不打印了");
    document.title = "Hello";
  }, []);

  // componentDidUpdate
  useEffect(() => {
    console.log("第一二..N次渲染, 任何state变化我就渲染");
  });
  // componentDidUpdate
  useEffect(() => {
    console.log("第一次渲染, 并且只有m变化我再渲染");
  }, [m]);
 
  // componentDidMount & componentWillUnMount
  useEffect(() => {
    const timerId: any = setInterval(() => {
      console.log("定时器");
    }, 1000);
    return () => {
      window.clearInterval(timerId);
    };
  });
  return (
    
    
      n: {n}
      
      
    
      m: {m}
      
    
    
  );
};

export default App;

useLayoutEffect

  • 其函数签名与 useEffect 相同，但它会在所有的 DOM 变更之后同步调用 effect。可以使用它来读取 DOM 布局并同步触发重渲染。在浏览器执行绘制之前，useLayoutEffect 内部的更新计划将被同步刷新。
  • useEffect在浏览器渲染完成后执行
  • useLayout 在浏览器渲染前执行

需要截图 老是的白板

  1. 特点
    • useLayoutEffect总是比 useEffect 先执行 (上面说useEffect按次序执行, 如果有useLayoutEffect, 先执行)
    • useLayoutEffect 里的任务最好影响了 Layout
    • 尽可能使用标准的 useEffect 以避免阻塞视觉更新
    • 优先使用useEffect

useMemo & useCallback

  1. 在了解 React.useMemo 之前, 我们先来了解一下 React.memo, 直接看代码

    • 我们平常写React, 经常会有多余的render
    • React.memo 帮助我们控制何时重新渲染组件, 可以和函数式组件一起使用
    // 这是一个普通的父子组件, 子组件使用了父组件的 state
const App = () => {
  const [n, setN] = useState(0);
  const [m, setM] = useState(0);
  const onClick = () => {
    setN(n + 1)
  }
  return (
    
    
      
      
    
    
};

const Child = (props: any) => {
  console.log('child 执行了');
  // TODO: 大量代码
  return 
    child: {props.data}
    
}
    • 上面的代码我每次更新 n , 在控制台看到会更新 Child组件, 但是我们的 Child 组件, 只依赖m, 但 m 没有变化, 我们不希望Child 执行
    • props 不变, 没必要执行函数组件
    • 但我们怎么优化呢? React.memo 
    // 上面的代码改变一下

// 使用 React.memo 包裹一下, 只有当我们改变 m 的时候, Child 才会执行
const Child = React.memo((props: any) => {
  console.log("child 执行了");
  // TODO: 大量代码
  return 
    child: {props.data}
    ;
});
    • React.memo 使得一个组件只有在它的 props变化在执行一遍, 再次执行

  1. 但是React.memo 有一个问题: 添加监听函数, 还是会执行 Child, 看代码

    const App = () => {
  const [n, setN] = useState(0);
  // 每次执行 m = 0, 值是一样的
  const [m, setM] = useState(0);
  const onClick = () => {
    // n 变化不会执行 Child
    setN(n + 1);
  };
  
  // 每次App 执行, 都会重新执行
  // 之前是一个空函数, 现在是另一个空函数, 不是同一个空函数, 引用类型, 地址不同
  const onClickChild = () => {};
  return (
    
    
      
      {/* 传一个函数 */}
      
    
    
  );
};

const Child = React.memo((props: any) => {
  console.log("child 执行了");
  // TODO: 大量代码
  // 在这里添加了 onClick事件
  return 
    child: {props.data}
    ;
});
    • 怎么解决呢? react.useMemo

  1. React.useMemo

    • 如何使用?

      // render 时: 先根据[name]里面的 name判断, 因为 useMemo 作为一个有着暂存能力, 暂存了上一次的结果
// 对比上一次 name, name值不变, data就不重新赋值成新的对象, 没有新的对象, 没有新的内存地址, 就不会
// 重新渲染

const data = useMemo(()=>{
  return {}
},[m, n])

// 1. 第一个参数 () => value
// 2. 第二个参数依赖 [m, n]
// 3. 当依赖变化, 重新计算新的 value
// 4. 以来不变, 使用之前的 value

//函数
const data = useMemo(() => {
  return () => {}
})

    • 上面使用 React.memo 改造成React.useMemo

      const App = () => {
  const [n, setN] = useState(0);
  const [m, setM] = useState(0);
  const onClick = () => {
    setN(n + 1);
  };
  
  // useMemo
  const onClickChild = useMemo(() => {
    return () => {};
  }, [m]);
  return (
    
      
      
      {/* dlkfs */}
      
    
      
  );
};

const Child = React.memo((props: any) => {
  console.log("child 执行了");
  // TODO: 大量代码
  return 
      child: {props.data}
      ;
});

  1. 有点难用, 于是有了 useCallback, 作用和 useMemo 一样, 是useMemo的语法糖

    • 用法

      useCallback( () => { callback }, [input],)

// 等价于

useMemo(() => () => { callback }, [input])

const onClickChild = useMemo(() => {
  return () => {};
}, [m]);

const onClickChild = useCallback(() => {}, [m]);

useRef

  1. 使用

    目的: 
1. 如果需要一个值, 在组建不断 render 时保持不变
使用:
1. 初始化 => const count = useRef(0)
2. 读取: count.current

    const App = () => {
  const [n, setN] = useState(0);
  // 初始化一个值
  const count = useRef(0);
  const onClick = () => {
    setN(n + 1);
  };

  useEffect(() => {
    // 通过 .current 来读取, 更新一次 +1
    count.current += 1;
    console.log(count.current);
  });
  return (
    
    
      
    
    
  );
};

  2. 为什么需要current ?

    • 为了保证两次 useRef 是同一个值 (只有引用能做到)

  3. 做几个 Hook 对比

    • useState/useReducer 每次都变
    • useMemo/useCallback 依赖变化才变
    • useRef 永远不变

  4. 对比 Vue3 的 ref

    // vue



    // react 的 ref 不会自动更新ui 
const App = () => {
  const [n, setN] = useState(0);
  const count = useRef(0);
  const onClick = () => {
    setN(n + 1);
  };

  const onClick2 = () => {
    count.current += 1;
    // 会改变值 +1
    console.log(count.current, "count...");
  };

  return (
    
    
      
      {/* 页面没有更新 */}
      
    
    
  );
};

// 在 实现 useState 中我们有如何手动刷新页面的方法, 使用 useState

forwardRef & useImperativeHandle

  1. 简单看个例子

    const App = () => {
  const buttonRef = useRef(null);
  return (
    
    
      {/* 我们想要获取子组件的 DOM 引用 */}
      按钮
    
    
  );
};

const ButtonComponent = (props: any) => {
  console.log(props, 'props....')  // {children: "按钮"} 没有得到 ref
  return

  1. 使用forwardRef

    // 函数组件希望接收别的传来的 ref, 需要 forwardRef 包起来
// forwardRef 只是多加了一个 ref 参数
// 改造上面的
const App = () => {
  const buttonRef = useRef(null);
  return (
    
    
      按钮
    
    
  );
};

// forwardRed 包裹
const Button2 = forwardRef((props, ref) => {
  return

  1. 总结:

    useRef: 
1. 可以用来引用 DOM 对象
2. 也可以用来引用普通对象

forwardRef
1. 函数式组件 由于 props 不包含 ref, 所以需要 forwardRef

  1. 和forwardRef 相关的 useImperativeHandle, 减少暴露给父组件的属性

    // 官方例子:
function FancyInput(props, ref) {
  const inputRef = useRef();
  
  // 可以自定义暴露出去的实例值
  // 其实可以叫做 setRef
  useImperativeHandle(ref, () => ({
    focus: () => {
      inputRef.current.focus();
    }
  }));
  return ;
}
FancyInput = forwardRef(FancyInput);

自定义 Hook

  • 自定义 Hook 是一个函数，其名称以 “use” 开头，函数内部可以调用其他的 Hook

你可能感兴趣的:(React Hooks用法详解(二))

  • 情绪觉察日记第37天 露露_e800
    今天是家庭关系规划师的第二阶最后一天，慧萍老师帮我做了个案，帮我处理了埋在心底好多年的一份恐惧，并给了我深深的力量！这几天出来学习，爸妈过来婆家帮我带小孩，妈妈出于爱帮我收拾东西，并跟我先生和婆婆产生矛盾，妈妈觉得他们没有照顾好我…。今晚回家见到妈妈，我很欣赏她并赞扬她，妈妈说今晚要跟我睡我说好，当我们俩躺在床上准备睡觉的时候，我握着妈妈的手对她说:妈妈这几天辛苦你了，你看你多利害把我们的家收拾得
  • 一百九十四章. 自相矛盾 巨木擎天
    唉！就这么一夜，林子感觉就像过了很多天似的，先是回了阳间家里，遇到了那么多不可思议的事情儿。特别是小伙伴们，第二次与自己见面时，僵硬的表情和恐怖的气氛，让自己如坐针毡，打从心眼里难受！还有东子，他现在还好吗？有没有被人欺负？护城河里的小鱼小虾们，还都在吗？水不会真的干枯了吧？那对相亲相爱漂亮的太平鸟儿，还好吧！春天了，到了做窝、下蛋、喂养小鸟宝宝的时候了，希望它们都能够平安啊！虽然没有看见家人，也
  • 10月|愿你的青春不负梦想-读书笔记-01 Tracy的小书斋
    本书的作者是俞敏洪，大家都很熟悉他了吧。俞敏洪老师是我行业的领头羊吧，也是我事业上的偶像。本日摘录他书中第一章中的金句：『一个人如果什么目标都没有，就会浑浑噩噩，感觉生命中缺少能量。能给我们能量的，是对未来的期待。第一件事，我始终为了进步而努力。与其追寻全世界的骏马，不如种植丰美的草原，到时骏马自然会来。第二件事，我始终有阶段性的目标。什么东西能给我能量？答案是对未来的期待。』读到这里的时候，我便
  • C语言宏函数 南林yan C语言c语言
    一、什么是宏函数？通过宏定义的函数是宏函数。如下，编译器在预处理阶段会将Add(x,y)替换为((x)*(y))#defineAdd(x,y)((x)*(y))#defineAdd(x,y)((x)*(y))intmain(){inta=10;intb=20;intd=10;intc=Add(a+d,b)*2;cout<
  • 谢谢你们，爱你们！ 鹿游儿
    昨天家人去泡温泉，二个孩子也带着去，出发前一晚，匆匆下班，赶回家和孩子一起收拾。饭后，我拿出笔和本子（上次去澳门时做手帐的本子）写下了1\2\3\4\5\6\7\8\9,让后让小壹去思考，带什么出发去旅游呢？她在对应的数字旁边画上了，泳衣、泳圈、肖恩、内衣内裤、tapuy、拖鞋……画完后，就让她自己对着这个本子，将要带的，一一带上，没想到这次带的书还是这本《便便工厂》(晚上姑婆发照片过来，妹妹累得
  • 爬山后遗症 璃绛
    爬山，攀登，一步一步走向制高点，是一种挑战。成功抵达是一种无法言语的快乐，在山顶吹吹风，看看风景，这是从未有过的体验。然而，爬山一时爽，下山腿打颤，颠簸的路，一路向下走，腿部力量不够，走起来抖到不行，停不下来了！第二天必定腿疼，浑身酸痛，坐立难安！
  • 《策划经理回忆录之二》 路基雅虎
    话说三年变六年，飘了，飘了……眨眼，2013年5月，老吴回到了他的家乡——油城从新开启他的工作幻想症生涯。很庆幸，这是一家很有追求，同时敢于尝试的，且实力不容低调的新星房企——金源置业(前身泰源置业)更值得庆幸的是第一个盘就是油城十路的标杆之一:金源盛世。2013年5月，到2015年11月，两年的陪伴，迎来了一场大爆发。2000个筹，5万/筹，直接回笼1个亿！！！这……让我开始认真审视这座看似五线
  • 《大清方方案》| 第二话 谁佐清欢
    和珅究竟说了些什么？竟能令堂堂九五之尊龙颜失色！此处暂且按下不表；单说这位乾隆皇帝，果真不愧是康熙从小带过的，一旦决定了要做的事，便杀伐决断毫不含糊。他当即亲自拟旨，着令和珅为钦差大臣，全权负责处理方方事件，并钦赐尚方宝剑，遇急则三品以下官员可先斩后奏。和珅身负皇上重托，岂敢有半点怠慢，当夜即率领相关人等，马不停蹄杀奔江汉。这一路上，和珅的几位幕僚一直在商讨方方事件的处置方案。有位年轻幕僚建议快刀
  • 【一起学Rust | 设计模式】习惯语法——使用借用类型作为参数、格式化拼接字符串、构造函数 广龙宇 一起学Rust#Rust设计模式rust设计模式开发语言
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、使用借用类型作为参数二、格式化拼接字符串三、使用构造函数总结前言Rust不是传统的面向对象编程语言，它的所有特性，使其独一无二。因此，学习特定于Rust的设计模式是必要的。本系列文章为作者学习《Rust设计模式》的学习笔记以及自己的见解。因此，本系列文章的结构也与此书的结构相同（后续可能会调成结构），基本上分为三个部分
  • 本周第二次约练 2cfbdfe28a51
    中原焦点团队中24初26刘霞2021.12.3约练161次，分享第368天当事人虽然是带着问题来的，但是咨询过程中发现，她是经过自己不断地调整和努力才走到现在的，看到当事人的不容易，找到例外，发现资源，力量感也就随之而来。增强画面感，或者说重温，会给当事人带来更深刻的感受。
  • 2022-07-08 保利学府里李楚怡1307022
    ——保利碧桂园学府里——童梦奇趣【科学实验室】「7.9-7.10」✏玩出大智慧约99-144㎡二期全新升级力作
  • 直抒《紫罗兰永恒花园外传》 雷姆的黑色童话
    没看过《紫罗兰永恒花园》的我莫名的看完了《紫罗兰永恒花园外传》，又莫名的被故事中的姐妹之情狠狠地感动了的一把。感动何在：困苦中相依为命的姐妹二人被迫分离，用一个人的自由换取另一个人的幸福。之后，虽相隔不知几许依旧心心念念彼此牵挂。这种深深的姐妹情谊就是令我为之动容的所在。贝拉和泰勒分别影片开始，海天之间一个孩童凭栏眺望，手中拿着折旧的信纸。镜头一转，挑灯伏案的薇尔莉特正在打字机前奋笔疾书。这些片段
  • 基于社交网络算法优化的二维最大熵图像分割 智能算法研学社（Jack旭） 智能优化算法应用图像分割算法php开发语言
    智能优化算法应用：基于社交网络优化的二维最大熵图像阈值分割-附代码文章目录智能优化算法应用：基于社交网络优化的二维最大熵图像阈值分割-附代码1.前言2.二维最大熵阈值分割原理3.基于社交网络优化的多阈值分割4.算法结果：5.参考文献：6.Matlab代码摘要：本文介绍基于最大熵的图像分割，并且应用社交网络算法进行阈值寻优。1.前言阅读此文章前，请阅读《图像分割：直方图区域划分及信息统计介绍》htt
  • 如果做到轻松在股市赚钱？只要坚持这三个原则。 履霜之人
    大A股里向来就有七亏二平一赚的说法，能赚钱的都是少数人。否则股市就成了慈善机构，人人都有钱赚，谁还要上班？所以说亏钱是正常的，或者说是应该的。那么那些赚钱的人又是如何做到的呢？普通人能不能找到捷径去分一杯羹呢？方法是有的，但要做到需要你有极高的自律。第一，控制仓位，散户最大的问题是追涨杀跌，只要涨起来，就把钱往股票上砸，然后被套，隔天跌的受不了，又一刀切，全部割肉。来来回回间，遍体鳞伤。所以散户首
  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
  • 特殊的拜年 飘雪的天堂
    文/雪儿大年初一，家家户户没有了轰响的鞭炮声，大街上没有了人流涌动的喧闹，几乎看不到人影，变得冷冷清清。天刚亮不大会儿，村里的大喇叭响了起来：由于当前正值疾病高发期，流感流行的高峰期。同时，新型冠状病毒感染的肺炎进入第二波流行的上升期。为了自己和他人的健康安全着想，请大家尽量不要串门拜年，不要在街里走动。可以通过手机微信，视频，电话，信息拜年……今年的春节真是特别。禁止燃放鞭炮，烟花爆竹，禁止出村
  • 398顺境，逆境 戴骁勇
    2018.11.27周二雾霾最近儿子进入了一段顺境期，今天表现尤其不错。今天的数学测试成绩喜人，没有出现以往的计算错误，整个卷面书写工整，附加题也在规定时间内完成且做对。为迎接体育测试的锻炼有了质的飞跃。坐位体前屈成绩突飞猛进，估测成绩能达到12cm，这和上次测试的零分来比，简直是逆袭。儿子还在不断锻炼和提升，唯恐到时候掉链子。跑步姿势在我的调教下，逐渐正规起来，速度随之也有了提升。今晚测试的50
  • 想明白这个问题，你才能写下去 文自拾
    春节放假的时候，又有一天梦见她，第二天她冒着漫天大雪，傻傻地跑来见我。她说，见见傻傻的我，天很冷，心很暖。她回去后，我写了一篇文章，题目叫——从此梦中只有你。我们没在一起的很长一段时间里，她都在我的心底，一次次出现在我的梦里。我对她说，在一起之前，是胆小且闷骚，在一起之后，我变得不要脸了。不要脸的——去爱你。那文章没写完，火车上，给她看了。我有点小失望，花了好几个小时写，她分分钟就看完，很希望她逐
  • 【JS】执行时长(100分) |思路参考+代码解析（C++） l939035548 JS算法数据结构c++
    题目为了充分发挥GPU算力，需要尽可能多的将任务交给GPU执行，现在有一个任务数组，数组元素表示在这1秒内新增的任务个数且每秒都有新增任务。假设GPU最多一次执行n个任务，一次执行耗时1秒，在保证GPU不空闲情况下，最少需要多长时间执行完成。题目输入第一个参数为GPU一次最多执行的任务个数，取值范围[1,10000]第二个参数为任务数组长度，取值范围[1,10000]第三个参数为任务数组，数字范围
  • 人工智能时代，程序员如何保持核心竞争力？ jmoych 人工智能
    随着AIGC（如chatgpt、midjourney、claude等）大语言模型接二连三的涌现，AI辅助编程工具日益普及，程序员的工作方式正在发生深刻变革。有人担心AI可能取代部分编程工作，也有人认为AI是提高效率的得力助手。面对这一趋势,程序员应该如何应对?是专注于某个领域深耕细作，还是广泛学习以适应快速变化的技术环境?又或者，我们是否应该将重点转向AI无法轻易替代的软技能？让我们一起探讨程序员
  • 其二 十八尾喵
    你知道吗？图片发自App我今天知道了你有喜欢的人，不是我。心空空的，整个人都不是我的了。可，怎么办？还是要好好的活着，毕竟你喜欢的人，我不能杀，可是我可以杀其他喜欢你的人呀！也罢，此生无缘，来世再见。鱼干
  • libyuv之linux编译 jaronho Linuxlinux运维服务器
    文章目录一、下载源码二、编译源码三、注意事项1、银河麒麟系统（aarch64）（1）解决armv8-a+dotprod+i8mm指令集支持问题（2）解决armv9-a+sve2指令集支持问题一、下载源码到GitHub网站下载https://github.com/lemenkov/libyuv源码，或者用直接用git克隆到本地，如：gitclonehttps://github.com/lemenko
  • webpack图片等资源的处理 dmengmeng
    需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p
  • ARM中断处理过程 落汤老狗 嵌入式linux
    一、前言本文主要以ARM体系结构下的中断处理为例，讲述整个中断处理过程中的硬件行为和软件动作。具体整个处理过程分成三个步骤来描述：1、第二章描述了中断处理的准备过程2、第三章描述了当发生中的时候，ARM硬件的行为3、第四章描述了ARM的中断进入过程4、第五章描述了ARM的中断退出过程本文涉及的代码来自3.14内核。另外，本文注意描述ARM指令集的内容，有些sourcecode为了简短一些，删除了T
  • node.js学习 小猿L node.jsnode.js学习vim
    node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
  • 如何成为段子手 欣雅阅读
    我是一个尬聊大师，与朋友聊天经常把话题聊死，留我一个人在群里，望着自己打下的最后一句话无语凝噎。看到风趣幽默的朋友与人聊天，很是艳羡，觉得自己何时才能成为这样的段子手呢？一、段子是什么？“段子”一词在百度百科上的解释：本是相声中的一个艺术术语，指的是相声作品中一节或一段艺术内容。我的理解：段子就是一些搞笑的故事或者笑话。二、为什么要会说段子？不知道大家有没有这样的朋友，本来很无趣的聚会，只要有他参
  • Python爬虫解析工具之xpath使用详解 eqa11 python爬虫开发语言
    文章目录Python爬虫解析工具之xpath使用详解一、引言二、环境准备1、插件安装2、依赖库安装三、xpath语法详解1、路径表达式2、通配符3、谓语4、常用函数四、xpath在Python代码中的使用1、文档树的创建2、使用xpath表达式3、获取元素内容和属性五、总结Python爬虫解析工具之xpath使用详解一、引言在Python爬虫开发中，数据提取是一个至关重要的环节。xpath作为一门
  • 主题升华随机抽总结 木棉咕噜
    昨天晚上在火山灿教练那里抽了主题升华最后一关。一共抽了两个故事，现总结如下。第一个故事是《并不是你想象的那样》。主题一：有时候，面对别人一些貌似不合常情的行为，不要轻易的指责他，也许背后有我们所不知道的原因。在这一个主题里面，刚开始的时候，我没有加上貌似二字。所以就没有改动之后这么精准。主题二：有时候我们对他人善意的行为，可能会给我们带来一些意外的回报。主题三：面对同样一件事，因为不同的人看待问题
  • C++菜鸟教程 - 从入门到精通 第二节 DreamByte c++
    一.上节课的补充(数据类型)1.前言继上节课,我们主要讲解了输入,输出和运算符,我们现在来补充一下数据类型的知识上节课遗漏了这个知识点,非常的抱歉顺便说一下,博主要上高中了,更新会慢,2-4周更新一次对了,正好赶上中秋节,小编跟大家说一句:中秋节快乐!2.int类型上节课,我们其实只用了int类型int类型,是整数类型,它们存贮的是整数,不能存小数(浮点数)定义变量的方式很简单inta;//定义一
  • 这个世界为何对女性这么苛刻 遇见知见
    图片发自App当今社会的女性，简直用金刚侠来形容都不为过。虽然早已过了男尊女卑的时代，但是这个世界并没有平等的对待女性。新时代的女性标准：上得了厅堂，下得了厨房，杀得了木马，翻得了围墙，开得起好车，买得起新房，斗得过二奶，打得过流氓，生得了孩子，养得了家庭。这个社会对女性有太多的不公平，既要求女性经济独立，又要求女性贤良淑德。所有的女性的在成长过程中没有任何一项是因为你是女性而给你开绿灯的。图片发
  • Java开发中，spring mvc 的线程怎么调用？ 小麦麦子 springmvc
    今天逛知乎，看到最近很多人都在问spring mvc 的线程http://www.maiziedu.com/course/java/ 的启动问题，觉得挺有意思的，那哥们儿问的也听仔细，下面的回答也很详尽，分享出来，希望遇对遇到类似问题的Java开发程序猿有所帮助。 问题：     在用spring mvc架构的网站上，设一线程在虚拟机启动时运行，线程里有一全局
  • maven依赖范围 bitcarter maven
    1.test 测试的时候才会依赖，编译和打包不依赖，如junit不被打包 2.compile 只有编译和打包时才会依赖 3.provided 编译和测试的时候依赖，打包不依赖，如：tomcat的一些公用jar包 4.runtime 运行时依赖，编译不依赖 5.默认compile 依赖范围compile是支持传递的，test不支持传递 1.传递的意思是项目A，引用
  • Jaxb org.xml.sax.saxparseexception : premature end of file darrenzhu xmlprematureJAXB
    如果在使用JAXB把xml文件unmarshal成vo(XSD自动生成的vo)时碰到如下错误： org.xml.sax.saxparseexception : premature end of file 很有可能时你直接读取文件为inputstream，然后将inputstream作为构建unmarshal需要的source参数。InputSource inputSource = new In
  • CSS Specificity 周凡杨 html权重Specificitycss
      有时候对于页面元素设置了样式，可为什么页面的显示没有匹配上呢？ because specificity CSS 的选择符是有权重的，当不同的选择符的样式设置有冲突时，浏览器会采用权重高的选择符设置的样式。     规则：   HTML标签的权重是1 Class 的权重是10 Id 的权重是100
  • java与servlet g21121 servlet
    servlet 搞java web开发的人一定不会陌生，而且大家还会时常用到它。 下面是java官方网站上对servlet的介绍： java官网对于servlet的解释 写道 Java Servlet Technology Overview Servlets are the Java platform technology of choice for extending and enha
  • eclipse中安装maven插件 510888780 eclipsemaven
    1.首先去官网下载 Maven： http://www.apache.org/dyn/closer.cgi/maven/binaries/apache-maven-3.2.3-bin.tar.gz 下载完成之后将其解压， 我将解压后的文件夹：apache-maven-3.2.3， 并将它放在 D:\tools目录下， 即 maven 最终的路径是：D:\tools\apache-mave
  • jpa@OneToOne关联关系 布衣凌宇 jpa
    Nruser里的pruserid关联到Pruser的主键id，实现对一个表的增删改，另一个表的数据随之增删改。 Nruser实体类 //***************************************************************** @Entity @Table(name="nruser") @DynamicInsert @Dynam
  • 我的spring学习笔记11-Spring中关于声明式事务的配置 aijuans spring事务配置
    这两天学到事务管理这一块，结合到之前的terasoluna框架，觉得书本上讲的还是简单阿。我就把我从书本上学到的再结合实际的项目以及网上看到的一些内容，对声明式事务管理做个整理吧。我看得Spring in Action第二版中只提到了用TransactionProxyFactoryBean和<tx:advice/>,定义注释驱动这三种，我承认后两种的内容很好，很强大。但是实际的项目当中
  • java 动态代理简单实现 antlove javahandlerproxydynamicservice
    dynamicproxy.service.HelloService package dynamicproxy.service; public interface HelloService { public void sayHello(); }   dynamicproxy.service.impl.HelloServiceImpl package dynamicp
  • JDBC连接数据库 百合不是茶 JDBC编程JAVA操作oracle数据库
             如果我们要想连接oracle公司的数据库，就要首先下载oralce公司的驱动程序，将这个驱动程序的jar包导入到我们工程中;   JDBC链接数据库的代码和固定写法;     1,加载oracle数据库的驱动;     &nb
  • 单例模式中的多线程分析 bijian1013 javathread多线程java多线程
    谈到单例模式，我们立马会想到饿汉式和懒汉式加载，所谓饿汉式就是在创建类时就创建好了实例，懒汉式在获取实例时才去创建实例，即延迟加载。 饿汉式： package com.bijian.study; public class Singleton { private Singleton() { } // 注意这是private 只供内部调用 private static
  • javascript读取和修改原型特别需要注意原型的读写不具有对等性 bijian1013 JavaScriptprototype
            对于从原型对象继承而来的成员，其读和写具有内在的不对等性。比如有一个对象A，假设它的原型对象是B，B的原型对象是null。如果我们需要读取A对象的name属性值，那么JS会优先在A中查找，如果找到了name属性那么就返回；如果A中没有name属性，那么就到原型B中查找name，如果找到了就返回；如果原型B中也没有
  • 【持久化框架MyBatis3六】MyBatis3集成第三方DataSource bit1129 dataSource
    MyBatis内置了数据源的支持，如：   <environments default="development"> <environment id="development"> <transactionManager type="JDBC" /> <data
  • 我程序中用到的urldecode和base64decode,MD5 bitcarter cMD5base64decodeurldecode
    这里是base64decode和urldecode，Md5在附件中。因为我是在后台所以需要解码： string Base64Decode(const char* Data,int DataByte,int& OutByte) { //解码表 const char DecodeTable[] = { 0, 0, 0, 0, 0, 0
  • 腾讯资深运维专家周小军：QQ与微信架构的惊天秘密 ronin47
    社交领域一直是互联网创业的大热门，从PC到移动端，从OICQ、MSN到QQ。到了移动互联网时代，社交领域应用开始彻底爆发，直奔黄金期。腾讯在过去几年里，社交平台更是火到爆，QQ和微信坐拥几亿的粉丝，QQ空间和朋友圈各种刷屏，写心得，晒照片，秀视频，那么谁来为企鹅保驾护航呢？支撑QQ和微信海量数据背后的架构又有哪些惊天内幕呢？本期大讲堂的内容来自今年2月份ChinaUnix对腾讯社交网络运营服务中心
  • java-69-旋转数组的最小元素。把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个排好序的数组的一个旋转，输出旋转数组的最小元素 bylijinnan java
    public class MinOfShiftedArray { /** * Q69 旋转数组的最小元素 * 把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个排好序的数组的一个旋转，输出旋转数组的最小元素。 * 例如数组{3, 4, 5, 1, 2}为{1, 2, 3, 4, 5}的一个旋转，该数组的最小值为1。 */ publ
  • 看博客，应该是有方向的 Cb123456 反省看博客
    看博客，应该是有方向的:  我现在就复习以前的，在补补以前不会的，现在还不会的，同时完善完善项目，也看看别人的博客.  我刚突然想到的:  1.应该看计算机组成原理，数据结构，一些算法，还有关于android,java的。  2.对于我，也快大四了，看一些职业规划的，以及一些学习的经验，看看别人的工作总结的.    为什么要写
  • [开源与商业]做开源项目的人生活上一定要朴素,尽量减少对官方和商业体系的依赖 comsci 开源项目
         为什么这样说呢？  因为科学和技术的发展有时候需要一个平缓和长期的积累过程，但是行政和商业体系本身充满各种不稳定性和不确定性，如果你希望长期从事某个科研项目，但是却又必须依赖于某种行政和商业体系，那其中的过程必定充满各种风险。。。       所以，为避免这种不确定性风险，我
  • 一个 sql优化 （[精华] 一个查询优化的分析调整全过程！很值得一看 ） cwqcwqmax9 sql
    见   http://www.itpub.net/forum.php?mod=viewthread&tid=239011 Web翻页优化实例 提交时间: 2004-6-18 15:37:49      回复    发消息  环境： Linux ve
  • Hibernat and Ibatis dashuaifu Hibernateibatis
    Hibernate  VS  iBATIS 简介 Hibernate 是当前最流行的O/R mapping框架，当前版本是3.05。它出身于sf.net，现在已经成为Jboss的一部分了 iBATIS 是另外一种优秀的O/R mapping框架，当前版本是2.0。目前属于apache的一个子项目了。 相对Hibernate“O/R”而言，iBATIS 是一种“Sql Mappi
  • 备份MYSQL脚本 dcj3sjt126com mysql
    #!/bin/sh # this shell to backup mysql #[email protected] (QQ:1413161683 DuChengJiu) _dbDir=/var/lib/mysql/ _today=`date +%w` _bakDir=/usr/backup/$_today [ ! -d $_bakDir ] && mkdir -p
  • iOS第三方开源库的吐槽和备忘 dcj3sjt126com ios
    转自 ibireme的博客   做iOS开发总会接触到一些第三方库，这里整理一下，做一些吐槽。   目前比较活跃的社区仍旧是Github，除此以外也有一些不错的库散落在Google Code、SourceForge等地方。由于Github社区太过主流，这里主要介绍一下Github里面流行的iOS库。   首先整理了一份 Github上排名靠
  • html wlwmanifest.xml eoems htmlxml
    所谓优化wp_head()就是把从wp_head中移除不需要元素，同时也可以加快速度。 步骤： 加入到function.php remove_action('wp_head', 'wp_generator'); //wp-generator移除wordpress的版本号，本身blog的版本号没什么意义，但是如果让恶意玩家看到，可能会用官网公布的漏洞攻击blog remov
  • 浅谈Java定时器发展 hacksin java并发timer定时器
    java在jdk1.3中推出了定时器类Timer,而后在jdk1.5后由Dou Lea从新开发出了支持多线程的ScheduleThreadPoolExecutor，从后者的表现来看，可以考虑完全替代Timer了。 Timer与ScheduleThreadPoolExecutor对比： 1.    Timer始于jdk1.3,其原理是利用一个TimerTask数组当作队列
  • 移动端页面侧边导航滑入效果 ini jqueryWebhtml5cssjavascirpt
    效果体验：http://hovertree.com/texiao/mobile/2.htm可以使用移动设备浏览器查看效果。效果使用到jquery-2.1.4.min.js，该版本的jQuery库是用于支持HTML5的浏览器上，不再兼容IE8以前的浏览器，现在移动端浏览器一般都支持HTML5，所以使用该jQuery没问题。HTML文件代码： <!DOCTYPE html> <h
  • AspectJ+Javasist记录日志 kane_xie aspectjjavasist
    在项目中碰到这样一个需求，对一个服务类的每一个方法，在方法开始和结束的时候分别记录一条日志，内容包括方法名，参数名+参数值以及方法执行的时间。   @Override public String get(String key) { // long start = System.currentTimeMillis(); // System.out.println("Be
  • redis学习笔记 MJC410621 redisNoSQL
    1)nosql数据库主要由以下特点：非关系型的、分布式的、开源的、水平可扩展的。 1，处理超大量的数据 2，运行在便宜的PC服务器集群上， 3，击碎了性能瓶颈。 1)对数据高并发读写。 2)对海量数据的高效率存储和访问。 3)对数据的高扩展性和高可用性。 redis支持的类型： Sring 类型 set name lijie get name lijie set na
  • 使用redis实现分布式锁 qifeifei
    在多节点的系统中，如何实现分布式锁机制，其中用redis来实现是很好的方法之一，我们先来看一下jedis包中，有个类名BinaryJedis,它有个方法如下：   public Long setnx(final byte[] key, final byte[] value) { checkIsInMulti(); client.setnx(key, value); ret
  • BI并非万能，中层业务管理报表要另辟蹊径 张老师的菜 大数据BI商业智能信息化
           BI是商业智能的缩写，是可以帮助企业做出明智的业务经营决策的工具，其数据来源于各个业务系统，如ERP、CRM、SCM、进销存、HER、OA等。        BI系统不同于传统的管理信息系统，他号称是一个整体应用的解决方案，是融入管理思想的强大系统：有着系统整体的设计思想，支持对所有
  • 安装rvm后出现rvm not a function 或者ruby -v后提示没安装ruby的问题 wudixiaotie function
    1.在~/.bashrc最后加入 [[ -s "$HOME/.rvm/scripts/rvm" ]] && source "$HOME/.rvm/scripts/rvm"  2.重新启动terminal输入：   rvm use ruby-2.2.1 --default  把当前安装的ruby版本设为默
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他