u012125579的专栏

React与Vue原理一致，以Vue为列进行介绍key不写与key使用数组下标的区别key不写与使用数组下标作用一致。都是采默认使用“就地更新”的侧脸。当 Vue 正在更新使用 v-for 渲染的元素列表时，它默认使用“就地更新”的策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序，而是就地更新每个元素，并且确保它们在每个索引位置正确渲染。这个默认的模式是高效...

前端中的 IoC 理念什么是 IoCJava Spring框架中IoC(Inversion of Control，可翻译为为「控制反转」),DI(Dependency Injection，依赖注入,简称DI）是他的核心思想，angular中DI（依赖注入）也是其核心概念之一。IoC 是面向对象编程中的一种设计原则，可以用来减低计算机代码之间的耦合度。其中最常见的实现方式叫做依赖注入，通过控制...

常用SQL语句SQL（Structure Query Language）结构化查询语言用于关系型数据库，Mysql,Oracle,sqlServer前端学会这些基本的DB操作基本够用了DDL（Data Definition Language） 数据定义语言包括：create(创建数据库对象),alter(修改数据库对象的结构)和drop(删除数据库对象)create(创建数据库对...

Render Props一种在 React 组件之间使用一个值为函数的prop, 在React 组件间共享代码的简单技术class MouseTracker extends React.Component { constructor(props) { super(props); this.handleMouseMove = this.handleMouseMove.bi...

先来几个名词解释器一行行地边解释边执行编译器是把源代码整个编译成目标代码，执行时不再需要编译器，直接在支持目标代码的平台上运行。解释器的利弊解释器启动和执行的更快。你不需要等待整个编译过程完成就可以运行你的代码。从第一行开始翻译，就可以依次继续执行了。 正是因为这个原因，解释器看起来更加适合 JavaScript。对于一个 Web 开发人员来讲，...

看一段常见代码：//例1function foo(x) { return x + 10}foo('Hello!')//例2function main(params){ //fn1函数获取了一个数据 var object = fn1(params) //fn2根据获数据，产生一个结果 var result = fn2(object) retur...

Parcel探讨卖点：1.极速打包时间Parcel 使用 worker 进程去启用多核编译。同时有文件系统缓存，即使在重启构建后也能快速再编译。2.打包所有的资源Parcel 具备开箱即用的对 JS, CSS, HTML, 文件 及更多的支持，而且不需要插件。3.自动转换在需要时，代码使用 Babel，

安装mongoose使用express准备一个TestMongoDB项目，命令序列如下：express TestMongoDBcd TestMongoDBnpm install执行完上面的命令后，使用下面的命令安装mongoose：npm install mongoose --save这个命令会安装mongoose并将其作为项目的依赖，而mongoose依赖的MongoDB driver以及re

React && VueReact 和 Vue 有许多相似之处，它们都有：使用 Virtual DOM提供了响应式（Reactive）和组件化（Composable）的视图组件。将注意力集中保持在核心库，伴随于此，有配套的路由和负责处理全局状态管理的库。 由于有着众多的相似处，我们会用更多的时间在这一块进行比较。这里我们不只保证技术内容的准确性，同时也兼顾了平衡的考量。我们需要指出 Reac

泛型下面来创建第一个使用泛型的例子：identity函数。 这个函数会返回任何传入它的值。 不用泛型的话，这个函数可能是下面这样：function identity(arg: number): number { return arg;}或者，我们使用any类型来定义函数：function identity(arg: any): any { return arg;}虽然使用any类

TypeScript(JavaScript的超集)始于JavaScript，归于JavaScriptTypeScript从今天数以百万计的JavaScript开发者所熟悉的语法和语义开始。使用现有的JavaScript代码，包括流行的JavaScript库，并从JavaScript代码中调用TypeScript代码。TypeScript可以编译出纯净、 简洁的JavaScript代码，并且可以运行在

mobx 能干什么使用 react 写小型应用，数据、业务逻辑和视图的模块划分不是很细是没有问题的。在这个阶段，引入任何状态管理库，都算是奢侈的。但是随着页面逻辑的复杂度提升，在中大型应用中，数据、业务逻辑和视图，如果不能很好的划分，就很有可能出现维护难、性能低下的问题。业内比较成熟的解决方案有 redux，但是 redux 使用过程中，感觉较复杂和繁琐。那么为什么不简单一点呢？mobx 的核心理念

HTTP,HTTPS,SPDY,HTTP2.01：HTTP的发展历程2: HTTP的基本优化带宽：如果说我们还停留在拨号上网的阶段，带宽可能会成为一个比较严重影响请求的问题，但是现在网络基础建设已经使得带宽得到极大的提升，我们不再会担心由带宽而影响网速，那么就只剩下延迟了。延迟： 浏览器阻塞（HOL blocking）：浏览器会因为一些原因阻塞请求。浏览器对于同一个域名，同时只能有 6 个连接

跨域资源共享 CORS（Cross-origin resource sharing）一、简介 CORS需要浏览器和服务器同时支持。目前，IE浏览器不能低于IE10。其他所有浏览器都支持该功能 整个CORS通信过程，都是浏览器自动完成，不需要用户参与。对于开发者来说，CORS通信与同源的AJAX通信没有差别，代码完全一样。浏览器一旦发现AJAX请求跨源，就会自动添加一些附加的头信息，有时还会

React 实现pure render的时候，bind(this)导致re-render?先上代码：export default class extends Component {...render() {const {name,age} =this.state;return ( //bug 所在 )}...}发现一个问题，对于Person这个

提到ReactJS性能优化，不得不提immutablejs性能优化神器~ Facebook 工程师打造，与 React 同期出现，但没有被默认放到 React 工具集里（React 提供了简化的 Helper）。它内部实现了一套完整的 Persistent Data Structure，还有很多易用的数据类型。像 Collection、List、Map、Set、Record、Seq。有非常全面

shouldComponentUpdate？详情先参考InfoQ上什么时候要在React组件中写shouldComponentUpdate？ React已经替我们实现了一个shouldComponentUpdate，原理其实非常简单，组件在决定重新渲染（虚拟dom比对完毕生成最终的dom后）之前会调用该函数，该函数将是否重新渲染的权限交给了开发者，该函数默认直接返回true，表示默认直

react webpack 按需加载初试1：为什么要按需加载【直接打包】React实现单页面运用时，当项目较小或者页面较少的情况下可以无需打包成多个文件，因为即使前端代码有10M,在通过webpack压缩打包，再通过GZIP压缩后一般也就400k,在一面正常的pc系统中400k的大小是可接受的。【按需加载】但当你的应用稍微复杂一点点，包括依赖后，打包后的文件都是挺大的。而我们加载的时候，不管那些

React吸引我们的几点React速度很快与其它框架相比，React采取了一种特立独行的操作DOM的方式。它并不直接对DOM进行操作。它引入了一个叫做虚拟DOM的概念，安插在JavaScript逻辑和实际的DOM之间。这一概念提高了Web性能。在UI渲染过程中，React通过在虚拟DOM中的微操作来实对现实际DOM的局部更新。跨浏览器兼容虚拟DOM帮助

Angular的优缺点：优点AngularJS是一套完整的框架，angular有自带的数据绑定、render渲染、angularUI库,过滤器,directive(模板),服务q(defer),http，inject(依赖注入),factory,provider……，等等一系列工具，基本上只要你在做web开发用过的东西，它都有一个。但是这些东西react自身都没有。