- 博客(16)
- 收藏
- 关注
原创 part2 react官方文档笔记10--静态类型检查
像typescript的静态类型检查可以在运行程序前发现类型错误,还能让编译器提供提示功能.ts是js的超集,不能直接访问js中全局作用域的变量,比如windows,需要在声明中指定才可以先安装npm install --save-dev typescript或者yarn add --dev typescript安装后,我们可以使用ts命令, 我们可以把它放到package.json中{ ...
2018-03-02 11:19:48 236
原创 (深入浅出node)笔记01
nodejs缺点:默认 无法利用多核cpu 单线程如果出错整个程崩溃序 不适合密集cpu计算参考浏览器中 web work,node通过child_process来实现子线程,通过信号与主线程通信,构建master-worker架构跨平台 libuv组件模块 1核心模块: 源码编译时二进制,启动node进程时被加载进内存,在require时直接进入执行阶段 ...
2018-02-28 10:43:05 258
原创 part2 react官方文档笔记09--JSX In Depth
jsx语法实际上是一种js语法糖,如下相等<MyButton color="blue" shadowSize={2}> Click Me</MyButton>React.createElement( MyButton, {color: 'blue', shadowSize: 2}, 'Click Me')因为jsx其实是调用React.creat...
2018-02-27 14:36:41 151
原创 react官方文档笔记08--一个可以搜索过滤商品的小例子
根据美工的图层把效果图进行分层来设计组件,原则是一个组件只做一件事,FilterableProductTable (orange): SearchBar (blue): ProductTable (green): ProductCategoryRow (turquoise): ProductRow (red): 第二步骤: 上一部我们已经确定了组件的定义与层级,接下来我们构建一个静态...
2018-02-27 13:46:46 503
原创 nginx官方文档笔记6-server
nginx 中root可以放到http,server,location,对于一个location中匹配的文件路径为root的路径+URL,如果一个url以/结尾,会被nginx看做是一个目录,默认会找对于location下的index.html文件,如果找不到就返回404,也可以开启在返回目录结构.$geo变量依赖于geo指令,依赖客户端iptry_files尝试读取文件 ,按照参数顺序直到找到位...
2018-02-27 11:14:18 241
原创 nginx官方文档笔记4-压缩
压缩可以显著降低传输的response数据大小,但是因为是运行时会对性能有影响,不会二次压缩默认压缩只会压缩MIME type为 text/html的数据,如果想要压缩别的需要自己指定,默认只会压缩大小超过20byte的数据可以自己指定指定gzip_min_length directive, 默认nginx不会压缩对代理服务器的响应server { gzip on; gzip_ty...
2018-02-27 10:23:52 304
原创 nginx官方文档笔记3
为了让配置文件便于管理,可以分割配置到/etc/nginx/conf.d中,然后通过在nginx.conf中includeinclude conf.d/http;include conf.d/stream;include conf.d/exchange-enhanced对于一些顶级指令,http,mail,stream,events,被称为上下文,可以组合其他指令常用功能1 虚拟主机 serv...
2018-02-26 11:49:54 196
原创 nginx官方文档笔记2
nginx有一个主进程,若干工作进程,主进程的主要工作就是读取配置文件根据他执行和维护工作进程,nginx基于事件模型来管理工作进程,工作进程的数量可以在配置文件中配置,也可以根据cpu动态调整.默认条件下,nginx根据配置文件nginx.conf来工作,一般情况下他放在/usr/local/nginx/conf,/etc/nginx, or/usr/local/etc/nginx. ...
2018-02-24 17:55:42 267
原创 nginx官方文档笔记1
源码安装 通过configure 命令生成Makefile文件,常见选项 --prefix=path 默认目录/usr/local/nginx ,他是configure中或者nginx.conf相对目录的根 --sbin-path默认目录 prefix/sbin/nginx 二进制文件 --conf-path=默认目录prefix/conf/nginx.conf ...
2018-02-24 16:47:20 308
原创 react 官网笔记 07 组合与继承
在react中建议使用组合来代替继承的方式构建组件.一些组件可能无法提前知道他的子组件有哪些,比如slider,Dialog之类的,它里面的构成比较动态,可以通过props的特殊属性children在组件的外部包裹动态的子组件内容传递进组件内部渲染function FancyBorder(props) { return ( <div className={'FancyBorde...
2018-02-24 11:18:59 214
原创 react 官网笔记 06 状态提升
如果两个相邻的组件想要使用相同的state去渲染组件,要实现一个组件内部的逻辑更改state也会让相邻组件的ui更改,就需要使用'状态提升'了,原理就是把model提升到离他们最近的公共父组件中,通过props传递给子组件, 但是遇到一个问题,因为props是不应该被改变的,在子组件中无法通过setState控制他们. 一种方法是,父组件不仅在props中传递数据,同时把handler也传递进来...
2018-02-09 13:29:38 108
原创 react 官网笔记 05 表单
在react中 表单元素与其他DOM元素有些许不同,主要是因为他们需要保持内部状态,比如input, 虽然可以在react中使用它们的默认行为,但是如果能够使用一个函数处理输入,获得值应该更好,为了实现这个目标的技术叫做'受控组件' 传统的input的内部状态依赖于用户的输入而改变(当用户输入后,js调用input的引用的el.value就发生了变化),而在react中,组件的状态与state保持...
2018-02-08 14:33:20 132
原创 react 官网笔记 04 list与key
在jsx中我们可以向在js中操作数组的那些迭代方法一样来生成react element列表,切记需要包裹在{} 中.比如mapfunction NumberList(props) { const numbers = props.numbers; const listItems = numbers.map((number) => <li>{number}</l...
2018-02-08 11:45:05 141
原创 react 官网笔记 03 事件处理和条件渲染
react事件与DOM事件大致相同,但是有一下几点语法差异 1 事件命名采用camelCase 而不是lowercase 2 在JSX中通过传递一个方法用{}括起来(JSX在遇到{},理解为括号内是js表达式而去执行他),而不是使用一个字符串的方式表示 Activate Lasers activateLasers}> // 一个组件的函数 Activ
2018-02-06 16:57:27 238
原创 react 官网笔记 02
https://reactjs.org/docs/state-and-lifecycle.html在关于state中,教程中先把之前章节中提到的例子clockfunction tick() { const element = ( Hello, world! It is {new Date().toLocaleTimeString()}.
2018-02-06 15:27:30 188
原创 react 官网笔记 01
之所以从react官网学习react,1是因为英语不好, 希望能有所改进,内容不保证对错,只是自己的理解更好的请参见 http://www.css88.com/react/docs/context.html在react中使用JSX语法,可以把它理解为一种融合html与js的新语言,整个react都是由他构成react的 唯一渲染出口应该就是ReactDOM.render( <h1>...
2018-02-05 15:08:56 204
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人