自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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 235

原创 (深入浅出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 502

原创 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 266

原创 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 307

原创 react 官网笔记 07 组合与继承

在react中建议使用组合来代替继承的方式构建组件.一些组件可能无法提前知道他的子组件有哪些,比如slider,Dialog之类的,它里面的构成比较动态,可以通过props的特殊属性children在组件的外部包裹动态的子组件内容传递进组件内部渲染function FancyBorder(props) { return ( <div className={'FancyBorde...

2018-02-24 11:18:59 211

原创 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 131

原创 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 237

原创 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 186

原创 react 官网笔记 01

之所以从react官网学习react,1是因为英语不好, 希望能有所改进,内容不保证对错,只是自己的理解更好的请参见  http://www.css88.com/react/docs/context.html在react中使用JSX语法,可以把它理解为一种融合html与js的新语言,整个react都是由他构成react的 唯一渲染出口应该就是ReactDOM.render( <h1&gt...

2018-02-05 15:08:56 203

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除