react持续记录零散笔记

根据 React 的设计,所有的 DOM 变动,都先在虚拟 DOM 上发生,然后再将实际发生变动的部分,反映在真实 DOM上,这种算法叫做 DOM diff 这些生命周期在深入项目开发阶段是非常重要的.而要完全理解更新阶段的组件生命周期是一个需要经验和知识积累的过程,你需要对 Virtual-DOM 策略有比较深入理解才能完全掌握,但这超出了本书的目的.本书的目的是为了让大家快速掌握 React.js 核心的概念,快速上手项目进行实战.所以对于组件更新阶段的组件生命周期,我们简单提及并且提供一些…

es6 Object.assign ECMAScript 6 笔记（六） ECMAScript 6 笔记（一） react入门——慕课网笔记 jquery中动态新增的元素节点无法触发事件解决办法响应式图像弹窗细节微信浏览器——返回操作 Float 的那些事 Flex布局 HTML5 data-* 自定义属性参数传递的四种形式

es6 Object.assign 目录一.基本用法二.用途 1. 为对象添加属性 2. 为对象添加方法 3. 克隆对象 4. 合并多个对象 5. 为属性指定默认值三.浏览器支持 ES6 Object.assign 一.基本用法 Object.assign方法用来将源对象(source)的所有可枚举属性,复制到目标对象(target).它至少需要两个对象作为参数,第一个参数是目标对象,后面的参数都是源对象.只要有一个参数不是对象,就会抛出TypeError错误. var target…

shell学习笔记--持续记录

1.#!/bin/sh 使用sh程序来执行下边的代码 #!/bin/more 输出下边的代码 #!/bin/可执行程序下边的代码将会作为此程序的输入 2. * 可以用来匹配文件名,正则匹配,作为乘法.**还可以作为幂运算 3.(( 代码)) 即可以做数学运算,也可以在里面添加c代码 4.$可以是代表一个已经定义的变量,可以作为正则匹配的行结束符,$$代表当前shell脚本的进程ID 5.( 代码 ) 用来创建一个子shell执行包含的代码,还可以用于数组初始化 6.{ } 有点像分配律的样子,…

React学习记录

托webpack的福,我终于可以开始写React了.==ORZ 我感觉我接近webpack工程师更进一步了哈哈哈. 以下所有内容均来自小红书,仅是我的个人记录,如想系统学习,请移步:React小书 : http://huziketang.com/books/react/lesson1 超级推荐+收藏文档:React小书 : http://huziketang.com/books/react/lesson1 参考文档: 1.React官网 2.react组件生命周期特别注意(不定时更新,越往上越…

React官网学习笔记

欢迎指导与讨论 : ) 前言本文主要是笔者在React英文官网学习时整理的笔记.由于笔者水平有限,如有错误恳请指出 O(∩_∩)O 一 .Tutoial 篇 1 . React的组件类名的首字母必须是大写 var Comment = React.creatClass({..}) class Comment extends Component(){...} 2 . 我们需要往一个对象里传入一些方法,并把这个对象以参数的形式传到React.creatClass( )里.其中最重要的方法是ren…

react 简书开发笔记

详见文章<React简书开发实战课程笔记>…

《react精髓》读书笔记

概述前几天找react的技术书籍看,找到<react精粹>和<深入浅出React和Redux>.由于<react精粹>是外国人写的,再加上译者奇舞团我也比较喜欢,所以就读这本书了.不过老实说,书有些过时了,但是里面的基础思想和方法讲的很有意思,正是我所需要的.所以我把它们记录下来,供以后开发时参考,相信对其它人也有用. PS:第一章就不要看了,太老了!!! 关注点分离我们之所以要用html,css和js这三种不同的技术来编写web应用程序,是因为想分离出三个不同的关…

React学习记录一

半路出家直接上手React,其实有点吃力,所以开始研究create-react-app,从这里下手吧. create-react-app 官方网站:https://github.com/facebookincubator/create-react-app 然后下面有教程,但是js水平还停留在只会用用jquery的我,完全看不懂这是个什么鬼,什么是npm?. 所以呢,我有抽空看了一下node.js的基础,算是扫扫盲. 这里是菜鸟教程:http://www.runoob.com/nodejs/nod…

React 实践记录 01 组件开发入门

Introduction 本文组成: Ryan Clark文章Getting started with React的翻译. 博主的实践心得. React由Facebook的程序员创建,是一个非常强大的javascript类库. 一个很大的卖点是virtual DOM机制,在DOM操作的性能上有较大的优势. React社区常常介绍它为MVC架构中的"V",虽说如此,如果将React与Flux(以后将会介绍)结合,我们就可以轻松实现M与V的同步. 在本文中,将会用到博主前两天介绍的webp…

spring web mvc中遇到的错误以及学习小记（持续记录）

错误:cvc-complex-type.2.4.a: 发现了以元素 'init-param' 开头的无效内容.应以 '{"http://java.sun.com/xml/ns/javaee":run as}开头解决方法:<init-param></init-param>要放在<load-on-startup>1</load-on-startup>上边错误:找不到classpath 解决方案:classpath路径在每个J2ee项目中都…

参加2015年TOP100会议的零散笔记

2015年出差很少,感到整个技术都已经荒废了,收到12月份TOP100的会议通知后,还是去充点电吧,不然心慌啊.对于软件大会这种大杂烩式的会议已经没有多少兴趣了,看看这个TOP100组织得有何不同? 会议分为了产品创新/用户体验.团队管理/组织发展.架构设计/技术战略.开发管理/流程再造.测试管理/质量平台共5个分会场,拿到会议手册时还是挺眼花缭乱的,除了对测试不太感兴趣外,其它4个主题还是都想听听. 第一天(12月5日) 1.大数据实时处理系统实现及其设计对比了同时9点开讲的5个报告,我选中…

linux学习笔记之零散笔记。

部分知识,不足以成为完整博文.但又不能随意抛弃. 1,文件名建议字符集:字母+数字+ ./-/_ 尽量不要使用其他符号.因为特殊符号在很多功能中已经被占用. 2,系统调用通常提供最小接口(最简易),库函数提供相对复杂的功能. 3,用户CPU时间,系统CPU时间,时钟时间. 1,用户CPU时间:在用户状态下CPU的时间. 2,系统CPU时间:内核状态下的执行时间.(系统调用以及读写操作等) 3,时钟时间:从进程开始到结束的时间.包括阻塞,等待.... 4,main(int argc, char…

react入门——慕课网笔记

一. jsx 1. 被称为语法糖:糖衣语法,计算机语言中添加的某种语法,对语言的功能没有影响,更方便程序员使用,增加程序的可读性,降低出错的可能性类似的还有(coffeescript,typescript),最终都被解析为js 2. 解析jsx的是jsxtransformer.js 指定jsx语法用<text/jsx> 3. 通过以下代码渲染dom React.render(<hello name="world"/>, Document.getEle…

React官方文档笔记之快速入门

快速开始 JSFiddle 我们建议在 React 中使用 CommonJS 模块系统,比如 browserify 或 webpack. 要用 webpack 安装 React DOM 和构建你的包: $ npm install --save react react-dom babel-preset-react $ webpack 注意: 如果你正在使用 ES2015, 你将要使用 babel-preset-es2015 包. 在 JavaScript 代码里写着 XML 格式的代码称为 JSX…

前端-关于 Vue 和 React 区别的一些笔记

监听数据变化的实现原理不同 1.Vue 通过 getter/setter 以及一些函数的劫持,能精确知道数据变化,不需要特别的优化就能达到很好的性能 2.React 默认是通过比较引用的方式进行的,如果不优化(PureComponent/shouldComponentUpdate)可能导致大量不必要的VDOM的重新渲染为什么 React 不精确监听数据变化呢?这是因为 Vue 和 React 设计理念上的区别,Vue 使用的是可变数据,而React更强调数据的不可变.所以应该说没有好坏之分,V…

react+spring 记录跨域问题的解决方法

react 跨域访问后台,默认是有跨域问题,并且火弧和谷歌浏览器,对跨域问题展示还不一样. 谷歌浏览器如下图: 此处状态是200,然而在Response却没有任何信息,如下图然而火弧浏览器,对该问题的描述,就清淅得多, 火弧浏览器告诉我们,跨域了,关于react跨域的帖子,网上也有相关帖子,搜索到的方法,大约都是如下解决方式: 如果你是通过creat-react-app构建的项目,请在package.json文件中的根目录下,添加"proxy": "http://api.x…

英语零散笔记Note整理

无意之间整理电脑发现还存放着以前自己看视频做的一些笔记,关于新概念英语的笔记,觉得不错,放于博客,以供学习. English Note1 定语从句将不重要的动作放在定语从句中,重要的放在主干中. 倒装句倒装句分类山脚有个小村庄我家门前有条小河更多的用在描述一种场景.状况. 英语note2 强调句式 English Note3 俗语:萝卜青菜各有所爱 Other Notes 新闻发布会press conference 小心地滑:Wet floor Humans真实的人类 You are…

jenkins+Docker持续化部署(笔记）

参考资料:https://www.cnblogs.com/leolztang/p/6934694.html (Jenkins(Docker容器内)使用宿主机的docker命令) https://container-solutions.com/running-docker-in-jenkins-in-docker/ (Running Docker in Jenkins (in Docker)) https://www.cnblogs.com/bigben0123/p/7886092.html (基…

React 实践记录 04 Flux demo

Introduction flux应用架构如下图所示,本文并不是讲述怎么立即做一个酷炫的应用,而是讲述如何依照这种框架,来进行代码的组织. 我们先把这个流程转述为文字:抛开与webAPI的交互不谈,以后的文章再介绍. flux应用的数据流是单向的,从我们之前最熟悉的React组件看起,它们构成了上图中的React Views.用户交互可以使得Action Creators创建Action,交由Dispatcher分发.根据已注册的Store信息,Dispathcer管理依赖,完成分发,而Stor…

React 实践记录 03 React router

Introduction 本文主要参考了react router 的官方文档. React Router是一套完整的配合React的路由解决方案,可能你已经知道前端路由,或者知道后端有路由的概念,如下图: React Router可以帮助我们将URL与组件状态同步,实现路由. Router Overview 我们先来看看,不使用React Router的话,动态图中的功能要如何实现: var React = require('react'); var About = React.createCl…

React 实践记录 02 Flux introduction

Introduction 本文组成: React 官方文档翻译相关实践心得. 内容上是Flux的介绍,例子将会在以后写出. 一旦稍微多了解一点React,很难避免听到Flux这个名词. Flux是一个Facebook团队的前端开发架构.借助单向数据流等其它机制,使得React可以发挥了更加强大的功能.比起其它的框架,Flux更像是一种模式,我们可以投入较少的学习成本,快速上手Flux. Flux应用有三个主要的组成部分:调度者(dispatcher), 仓库(stores),视图(view).…

php持续集成环境笔记

记录下php集成环境中若干个工具的安装步骤和过程: 安装pear wget http://pear.php.net/go-pear.phar $ php go-pear.phar 使用:pear install <要安装的pear程序包> 安装phpunit pear channel-discover pear.phpunit.de pear channel-discover components.ez.no pear channel-discover pear.symfony-project…

业余学习react 学习记录

http://www.ruanyifeng.com/blog/2015/03/react (阮一峰 react 学习) 1.搭建环境:npm 使用 React npm install -g cnpm --registry=https://registry.npm.taobao.org $ cnpm install -g create-react-app --全局安装create-react-app模块 $ create-react-app my-app $ cd my-app/ --"my-ap…

react 问题记录二(侧重于state或者说server层操作)

项目体系说明:react+mobx+antd 11. state设置对象属性 this.setState({ tableParams:{tableName:value} }) 10.loading组件设置 this.setState({ title: Utils.trim(query.title), loading:true, }); this.props.articleService.findPage(query, true) .then(data => this.setState({load…