有小伙伴向我咨询 play framework 的问题,我就想了解一下 play framework ,按照官方的文档,要使用 SBT 安装,就掉进了 SBT 的坑. 第一坑:国外仓库太慢 安装完成后,执行 $ sbt 命令后,提示: Java HotSpot(TM) 64-Bit Server VM warning: ignoring option MaxPermSize=384m; support was removed in 8.0 Getting org.scala-sbt sbt 0.…

React 事件处理 建议:在了解 js 的 this 取值后食用更佳. 一.react 与 Html 中用法的异同和注意点 html 中的绑定事件的写法: <button onclick="activateLasers()"> // onClick = "xxxx()" 激活按钮 </button> react 中的写法: <button onClick={activateLasers}> // onclick = { xxxx…

前言 上次跟运维去行方安装行内环境,发现linux命令还是不是很熟练.特别是用户权限分配以及vi下的快捷操作.于是决定在本地安装一个CentOS虚拟机,后面有时间就每天学习一点Linux常用命令. 作为一个小白正式入坑CentOS了,于是就有了CentOS摸索系列.后续我会根据自己的摸索情况不间断更新. 安装 安装VMWare WorkStation:直接百度搜索下载安装即可,我这里安装的版本是VMware® Workstation 14 Pro.正版需要序列号,否则只能试用30天.这里我给出一…

React Props props - 参数. 组件类 React.Component 有个 defaultProps 属性,以 class xxx extend React.Component 形式创建的组件够可以通过属性来控制传入组件的参数,如下例: // 创建 HelloMessage 组件 class HelloMessage extends React.Component { render() { return ( <h1>Hello, {this.props.name}</h…

数组扩展 循环 arr.foreach(){ //回调函数 function(val,index,arr){ //val:当前读取到的数组的值,index:当前读取道德数组的索引,arr:当前的数组名 } } 映射 arr.map 同foreach,但是map每读取一条信息都会有一个返回值,从而可以整理数据结构 let newArr=arr.map(){ //回调函数 function(val,index,arr){ //val:当前读取到的数组的值,index:当前读取道德数组的索引,arr:…

函数扩展 1.函数可以有默认值 function demo( a = 10,b ){} 2.函数可以使用解构 function demo( { a = 0,b = 0 } = {} ){ } 3.函数参数最后可以多一个逗号 function demo(a,b,c,){ } 坑: 1.与for等父子域不同 function(a){ let a=10; } 会报错,因为a已经被定义 2. function move({x, y} = { x: 0, y: 0 }) { return [x, y]; …

let  全面取代var 大概相似于C++的定义,一个变量必须得先定义后使用,没有预编译 注意let的作用域,一个{}就是一个作用域,上述规则须在一个作用于内 坑:for(let i =0;i < 10; i++){ let i=20; } 这个例子存在父子作用域,即(){}各为一个作用域,所以i可以重复let const 即静态变量值不允许改变,常用于声明为一个常量 坑:let arr=new array(1,2,3); arr.push(4);//arr:1,2,3,4 因为数组为引用,引用…

React 组件生命周期 详细参考: react 组件生命周期 组件的生命周期可分为三个状态: 1.Mounting:已经挂载/插入到真实 DOM 树上: 2.Updating:正在被重新渲染: 3.Unmounting:已经移出 DOM 树: 生命周期的钩子函数:(v16之前) 1. componentWillMount  首次渲染之前调用: 2. componentDidMount  第一次渲染后调用: 3. componentWillReceiveProps 在组件接收到一个新的 prop…

条件渲染和列表渲染 一.条件渲染 条件渲染较简单,使用 JavaScript 操作符 if 或条件运算符来创建表示当前状态的元素,然后让 React 根据它们来更新 UI. 贴一个小栗子: function UserGreeting(props) { return <h1>欢迎回来!</h1>; } function GuestGreeting(props) { return <h1>请先注册.</h1>; } function Greeting(props…

React State 一. state 大致思想:在 react 中,每个组件都是一个状态机,通过与用户的交互,实现不同状态,然后渲染 UI,让用户界面和数据保持一致.React 里,只需更新组件的 state,然后根据新的 state 重新渲染用户界面(不要操作 DOM). class Clock extends React.Component { constructor(props) { super(props); this.state = {date: new Date()}; } re…