每日小结

发表于 分类于 ， 阅读次数： 本文字数： 413 阅读时长 ≈ 2 分钟

  • React

    • children属性: 子元素构成的数组

  • React-redux

    • 引入: import {...} from 'react-redux'

    • Store

      • Redux maintains a store, which hold state and reducer

      • createStore(reducer, initState)

        • reducer and initState should have the same keys

    • Reducer: (state, action) => (newstate)

    • <Provider>: Inject global state to its children component

    • connect(mapStateToProps)(Component)

      • map current states to Component’s props

      • mapStateToProps: is a function: (state) => { …someProp }

      • 一般和结合起来用

  • React-Router

    • 引入: import {} from 'react-router-dom'

    • <Route path>: 当url与path匹配时, 渲染内容

      • <BrowserRouter>, <HashRouter>:的容器

      • <Switch>: 保证其下的所有Route只会选中一个

      • 参数化匹配

        • 参数定义: path="/hsl/:h/:s/:l"

        • 参数获取: 在children组件中 let { h, s, l } = useParams();

    • <Link to>: 跳转到to的a标签

      • <Redirect>: 渲染时自动跳转

    • 嵌套使用:

      1
      2
      3
      4
      let { path, url } = useRouteMatch(); // 获取上一级的path和url
      return (
          <Route path={`${path}/next`}>
      )

  • Vue-Router

    • <router-link :to>: 跳转的a标签

    • <router-view>: 匹配的路由内容会渲染到这里

    • Router: 在这里定义全局路由表

  • Ubuntu 安装 rpm 包

    • sudo apt install alien

    • sudo alien packagename.rpm

    • sudo apt install ./packagename.deb

    • 一步到位: sudo alien -i packagename.rpm

  • Oracle 的连接方式

    • SID/System IDentifier: 数据库实例的全局唯一ID, 每个实例都不一样

    • SERVICE_NAME: 用于对外提供服务的名字, 被客户端使用

      • 也可以被数据库端用来区分对不同客户端提供的服务

    • TNS/Transparent Network Substrate: 由Oracle创造的, 专门用于Oracle数据库连接的, 基于TCP/IP, SDP和命名管道的, 同构p2p连接技术

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      21
      // STATE.WORLD是一个TNS Name
      STAGE.WORLD =
          (DESCRIPTION =
              (ADDRESS =
                  (PROTOCOL = TCP) 
                  (PORT = 1521)
                  (HOST = LITTLECOMPUTER.ACME.ORG) // 服务器地址
              )
              (CONNECT_DATA = (SID = MYSID)) // 数据库标识, 可以使用SID或者SERVICE_NAME
          )

      // PROD.WORLD也是一个TNS Name
      PROD.WORLD =
          (DESCRIPTION =
              (ADDRESS =
                  (PROTOCOL = TCP) 
                  (PORT = 1521)
                  (HOST = BIGCOMPUTER.ACME.ORG)
              )
              (CONNECT_DATA = (SERVICE_NAME = MYNAME))
          )