至于未来会怎样，要走下去才知道反正路还很长，天总会亮。 1.面向对象 1.1什么是面向对象（OOP） 面向对象ObjectOrientedProgramming。在软件开发中，我们虽然用的是面向对象的语言，但我相信绝大多数入门或者工作经验不长的同学敲出来的代码依然是大段的面向过程的思想，我们只是把面向对象来当做OC语言的一个特性而已，具体是什么估计自己也说不明白到底是什么。那么到底该怎么去理解面向对象编程呢？ 面向对象是一种程序设计的范型，同时也是一种程序开发的方法。面向对象是将现实世界中的事物抽象成对象，现实世界中的关系抽象成类、继承，帮助人们实现对现实世界的抽象与数字建模，用更利于人的...

可以少去理解一些不必要的概念，而多去思考为什么会有这样的东西，它解决了什么问题，或者它的运行机制是什么？ 1.弹性盒子布局概念 Flex是FlexibleBox的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。比如： .box{ display:flex; } 容器、项目的理解？ 采用Flex布局的元素，称为Flex容器（container），称为“容器”。它的所有子元素自动成为容器成员，称为Flex项目（item）。 下面借用别人一张图展示： 容器两根轴线：主轴、交叉轴： 水平的主轴（mainaxis）：主轴的开始位置（与边框的交叉点）叫...

坎坷的人生不可怕，可怕的是缺乏了自信，没有了自我。如果整天怨天尤人，埋怨老天的不公，命运的不顺，生活的不平。只会一蹶不振，碌碌无为，无所事事。只会向命运低头，迷失前进的方向，丧失自身的人生价值。 Node.js 运行时环境->解释器 定义：Node.js是一个基于ChromeV8引擎的跨平台JavaScript运行时环境。Node.js使用高效、轻量级的事件驱动、非阻塞I/O模型。让JavaScript运行在服务端的开发平台，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。Node.js的生态系统是目前最大的开源包管理系统。 什么...

多数人都拥有自己不了解的能力和机会，都有可能做到未曾梦想的事情。 Ruby->Rubygems（gem） Ruby->Ruby环境->Rubygems（gem）->开源项目Cocoapods->rvm/rbenv Ruby是一种面向对象的脚本语言，简单易用，功能强大。能跨平台和可移植性好等等。其实就是种脚本语言。 Mac系统是自带Ruby环境的，因为Mac某些功能需要它，即使安装新版本，我们也不需要卸载它。像Cocoapods是运行在Ruby环境下的，运行在Ruby环境的像Cocoapods这样的开源项目是放在Rubygems（gem）服务器上面的。Cocoa...

路是脚踏出来的，历史是人写出来的。人的每一步行动都在书写自己的历史。 Linux基础命令 open：打开文件操作，如环境配置文件。open/.zshrc vi：vi（visualinterface）,linux中最经典的文本编辑器vim（viimproved）是vi发展出来的一个文本编辑器，支持代码补全、编译、错误跳转等方便编程的功能非常丰富。vim/etc/hosts echo：输出、查看相关常量值，打印一个值。查看当前系统正在使用的shell echo$SHELL 查看当前进程正在使用的shell echo$0 cat/more/less：获取输出文件里的相关内容。cat是一次...

成功路上并不拥挤，因为坚持的人并不多。只有坚持了，我们才知道，这一路上有多少事情需要实干，有多少东西需要学习。 1.环境变量的理解 环境变量一般是指在操作系统中用来指定操作系统运行环境的一些参数，如临时文件夹位置、系统文件夹位置以及某些应用软件文件的路径等等。环境变量相当于给系统或用户应用程序设置的一些参数，具体起什么作用这当然和具体的环境变量相关。 比如Path，是告诉系统，当要求系统运行一个程序而没有告诉它程序所在的完整路径时，系统除了在当前目录下面寻找此程序外，还应到哪些目录下去寻找。 2.环境变量配置文件 2.1系统级别 系统级别配置文件，系统启动就会加载，修改需要Root权限。...

成功之前我们要做应该做的事情，成功之后我们才可以做喜欢做的事情。 1.处理器架构 CPU架构是CPU厂商给属于同一系列的CPU产品定的一个规范，主要目的是为了区分不同类型CPU的重要标示。市面上的CPU分类主要分有两大阵营，一个是intel、AMD为首的复杂指令集CPU，另一个是以IBM、ARM为首的精简指令集CPU。两个不同品牌的CPU，其产品的架构也不相同，例如，Intel、AMD的CPU是X86架构的，而IBM公司的CPU是PowerPC架构，ARM公司是ARM架构。 从CPU发明到现在，有非常多种架构，从我们熟悉的X86、ARM，到不太熟悉的MIPS、IA64，它们之间的差距都非...

人在身处逆境时，适应环境的能力实在惊人。人可以忍受不幸，也可以战胜不幸，因为人有着惊人的潜力，只要立志发挥它，就一定能渡过难关。 Hooks是React16.8的新增特性。它可以让你在不编写class组件的情况下使用state以及其他的React特性。 ReactHooks表现形式是以use开头的函数被称为Hook。useState是React提供的一个内置Hook。你可以在ReactAPI参考中找到其他内置的Hook。你也可以通过组合现有的Hook来编写属于你自己的Hook。 跟普通函数相比，Hook比普通函数更为严格。你只能在你的组件（或其他Hook）的顶层调用Hook。如果你想在一个...

求上进的人，不要总想着靠谁，人都是自私的，自己才是最靠得住的人。 React中生命周期划时代几个节点，React16.2之前处于老的生命周期，之后提出了新的生命周期。而函数式组件在React16.8之前是没有状态和生命周期的，在React16.8版本通过引入Hooks使得函数式组件也能有状态和生命周期了。 1.初始化阶段 1.1componentWillMount： 组件即将挂载，初始化数据作用，即render之前最后一次修改状态的机会。 //组件即将挂载 componentWillMount(){ //初始化数据作用 console.log("componentWillMount") }...

人生的游戏不在于拿了一副好牌，而在于怎样去打好坏牌，世上没有常胜将军，勇于超越自我者才能得到最后的奖杯。 1.父子组件通信方式 1.1父组件传递到子组件 直接通过属性进行传递，数据的传递可以提高组件的复用性。 1.2子组件传递到父组件 通过回调函数（callback）来实现。 ref标记：父组件拿到子组件的引用，从而调用子组件的方法和访问子组件的状态。 2.非父子组件通信方式 2.1状态提升（中间人模式） React中的状态提升概括来说，就是将多个组件需要共享的状态提升到它们最近的父组件上。在父组件上改变这个状态然后通过props分发给子组件。本质上也是通过父子通信来实现。 应用场景：...

只有不断学习和成长，才能适应这个快速变化的世界。 1.懒加载 1.1React懒加载 React中懒加载Lazy与Suspense需要搭配使用。 React.lazy定义： React.1azy函数能让你像渲染常规组件一样处理动态引入的组件。其实就是懒加载。 为什么代码要分割？ 当你的程序越来越大，代码量越来越多。一个页面上堆积了很多功能，也许有些功能很可能都用不到，但是一样下载加载到页面上，所以这里面肯定有优化空间。就如图片懒加载的理论。 实现原理？ 当webpack解析到该语法时，它会自动地开始进行代码分割（CodeSplitting），分割成一个文件，当使用到这个文件的时候这段代码才...

不要问自己需要什么样的人生，而要问自己想要成为什么样的人。 我们从前面的学习知道一个React组件不仅仅只包含DOM结构的，还应该样式和Javascript逻辑的。这里我们认识逻辑构造之事件处理。 1.React事件处理 这里列举了在React中事件的几种绑定处理方式： importReact,{Component}from"react"; classAppextendsComponent{ render(){ return( <div> <input/> <buttononClick={()=>{console.log("第一种事件绑定处理方式")}...

不要因为别人的评价而改变自己的想法，因为你的生活是你自己的。 1.React中Ref的应用 1.1给标签设置ref 给标签设置ref，ref="username"，通过this.refs.username可以获取引用的标签，ref可以获取到应用的真实Dom节点。但是this.refs已被废弃。 importReact,{Component}from"react"; classAppextendsComponent{ render(){ return( <div> <inputref="oref"/> <buttononClick={()=>{conso...

无论你做什么，都要相信自己可以做到，因为你的潜力是无限的。 把父组件的状态变成属性传递给子组件，子组件接受这个属性，听命于父组件。这个子组件就是叫做受控组件。在受控与非受控组件有两种理解方案，第一：狭义上的受控与非受控，就是我们在表单中的受控与非受控组件。第二：广义上的受控与非受控组件，就是React组件的数据渲染是通过父组件传递过来的属性控制的，能完全控制得住的就是受控组件，不能完全控制住的就是非受控组件。 1.表单中非受控组件 React要编写一个表单非受控组件，可以使用ref来从DOM节点中获取表单数据（访问节点，通过节点访问值），与状态没有任何关系，这种就是非受控组件。下面代码使用...

如果你想要实现自己的梦想，就必须先拥有勇气去追求它。 1.ReactProps 属性props主要解决两个问题：复用性问题以及可以让组件之间通信。 属性props正常是外部传入的，组件内部也可以通过一些方式来初始化的设置，属性不能被组件自己更改（属性是描述性质、特点的，组件自己不能随意更改），但是你可以通过父组件主动重新渲染的方式来传入新的props。 工程组件代码里面有props的简单使用，总的来说，在使用一个组件的时候，可以把参数放在标签的属性当中，所有的属性都会作为组件props对象的键值。通过箭头函数创建的组件，需要通过函数的参数（形参）来接收props： （1）在组件上通过key...

没有什么是不可能的，只是需要找到正确的方法。 1.什么是状态？ 状态就是组件内部特有数据的载体（组件数据挂载方式），改变数据页面就会刷新，由组件自己设置和更改，也就是说由组件自己产生、维护，使用状态的目的就是为了在不同的状态下使组件的显示不同（自己管理），这在React中称为：条件渲染。 为什么用状态？ React不能直接修改DOM来更新页面。React采用声明式设计，需要通过状态的改变来更新页面。 2.使用状态：state关键字 importReact,{Component}from'react' exportdefaultclassAppextendsComponent{ //组件状...

无论你的梦想有多么高远，记住，一切皆有可能。 我们从前面的学习知道一个React组件不仅仅只包含DOM结构的，还应该样式和Javascript逻辑的。这里我们学习下如何构建CSS样式。 1.逻辑表示 JSX中使用大括号语法来包裹JS表达式（简单逻辑代码）。例如： {1+1} {表达式/对象/变量/常量} 2.样式表示 React推荐使用行内样式，因为React认为每一个组件都是一个独立的整体。具体样式参考文档： https://www.runoob.com/css/css-tutorial.html 2.1行内样式 想给虚拟DOM添加行内样式，需要使用表达式传入样式对象的方式实现，注...

可以少去理解一些不必要的概念，而多去思考为什么会有这样的东西，它解决了什么问题，或者它的运行机制是什么？ 一.环境搭建 工作编辑器：VisualStudioCode。 Javascript解析器、运行环境Node.js的安装。 npm安装：npm是Node.js的软件包管理器。 二.项目构建 1.脚手架构建项目（JavaScript） 脚手架是快速帮助开发者搭建开发环境，用最简单方式创建一个简单HelloWorld项目。主要步骤分析如下所示。 全局、非全局安装脚手架环境，创建项目： 全局安装脚手架环境create-react-app： $npminstall-gcreate-react...

可以少去理解一些不必要的概念，而多去思考为什么会有这样的东西，它解决了什么问题，或者它的运行机制是什么？ 1.React中导出和导入 1.1ES6解析 ES6的模块化的基本规则或特点： 每一个模块只加载一次，每一个JS只执行一次，如果下次再去加载同目录下同文件，直接从内存中读取。一个模块就是一个单例，或者说就是一个对象； 每一个模块内声明的变量都是局部变量，不会污染全局作用域； 模块内部的变量或者函数可以通过export导出； 一个模块可以导入别的模块； ES6中export和exportdefault的区别： export与exportdefault均可用于导出常量、函数、文件、模...

可以少去理解一些不必要的概念，而多去思考为什么会有这样的东西，它解决了什么问题，或者它的运行机制是什么？ JS JavaScript是互联网上最流行的脚本语言，这门语言可用于HTML和web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 https://www.runoob.com/js/js-intro.html JSX 1.什么是JSX 下面我们看一段代码： classHelloMessageextendsReact.Component{ render(){ return<div>Hello{this.props.name}</div>;...