u010227042的博客

今天介绍一个小巧好用的唯一ID生成器，Github地址：https://github.com/ai/nanoid一、安装npm i nanoid二、使用import { nanoid } from 'nanoid'let idA = nanoid() //=> "V1StGXR8_Z5jdHi6B-myT"//也可以指定生成字符串的长度let idB = nanoid(5)...

一、问题的出现：在进行 react 项目开发的时候，出现了这个错误，TypeError: this.getOptions is not a function，如下所示：二. 问题的分析及解决：问题的分析：这个实际上就是 less-loader 的版本过高，不兼容 getOptions 函数方法，所以需要对 less-loader 进行降级处理问题的解决：通过 npm uninstall less-loader 命令卸载原版本的 less-loader，然后 通过 npm install less

概要：3000端口是webpack配置里面写的，可以通过传递一个PORT全局变量，来修改这个端口。当然，您还可以在node_modules/react-scripts/目录下面，批量搜索替换3000字样，这个操作比较暴力。最优方案：先安装cross-env插件，然后通过修改package.json中的命令行，传递进来新的PORT环境变量。本方案最完美，其余方案都是补充的逗逼方案。全局安装cross-env：npm install cross-env -g修改package.json:

　create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。　　create-react-app 自动创建的项目是基于 Webpack + ES6　　执行命令如下：npm install create-react-app -g // 全局安装create-react-app，如果不想全局安装，则不要-g。可能会很慢，可以使用cnpm来安装create-react-app my-app // my-app是项目名cd.

一、介绍1、create-react-app是FaceBook官方发布了一个无需配置的、用于快速构建开发环境的脚手架工具。2、优点 a、无需配置：官方的配置堪称完美，几乎不用你再配置任何东西，就可以上手开发项目。 b、高集成性：集成了对React，JSX，ES6和Flow的支持。 c、自带服务：集成了开发服务器，你可以实现开发预览一体化。 d、热更新：保存自动更新。 e、全兼容性：自动处理CSS的兼容问题，无需添加-webkit...

不是。首先搞明白mvvm是啥意思。vm是view mode的意思。所以mvvm框架是要有一个vm对象，来映射view。也就是vm对象的属性发生改变的时候，对应的视图部分会相对应更新。比较经典的有knockoutjs，里面比较关键的概念就是view model，compute，view模板等。对的，vue中其实是有不少它的影子。然后来看看react，它没有纯粹意义上的vm对象，它有的是属性和状态。用属性和状态去映射视图。那么属性和状态和vm有什么区别呢？个人认为，vm对象不管你值是从外部传进来的还是自己内

首先搞明白mvvm是啥意思。vm是view mode的意思。所以mvvm框架是要有一个vm对象，来映射view。也就是vm对象的属性发生改变的时候，对应的视图部分会相对应更新。比较经典的有knockoutjs，里面比较关键的概念就是view model，compute，view模板等。对的，vue中其实是有不少它的影子。然后来看看react，它没有纯粹意义上的vm对象，它有的是属性和状态。用属性和状态去映射视图。那么属性和状态和vm有什么区别呢？个人认为，vm对象不管你值是从外部传进来的还是自己内部定义

原文链接：http://caibaojian.com/step-in-vue-js.html编辑注：上一篇文章我们推荐了一篇关于Vue.js与angular的一个认识，今天这篇文章都是讲Vue.js的知识，从Vue.js的开发流程、构建方式、部署和优化工作出发，相信对你学习Vue.js会有所帮助。·Vue.js作为目前最热门最具前景的前端框架之一，其提供了一种帮助我们快速构建并开发前端项目的新的思维模式。本文旨在帮助大家认识Vue.js，了解Vue.js的开发流程，并进一步理解如何通过Vue.js来

原文链接：http://caibaojian.com/vue-vs-react.htmlVue和React两个JavaScript框架都是当下比较受欢迎的，他们两者之间的区别有哪些，各自的优缺点是什么，本文将为你呈现。我已经写出了两个几乎一样的web应用，一个是基于Vue，另一个则基于React，可以方便你在看这篇文章的时候查找相关代码。React sample app Vue sample app简单介绍除非你最近一直不关注前端的发展，不然你肯定听说过由Facebook创建的JavaS

vue or react？That's a question.前言近两年前端技术层出不穷，目前市面上已经有了很多供前端人员使用的开发框架，转眼19年已过大半，前端框架领域日趋成熟，实现了三足鼎立的局面，截止到10月22日，Angular，react和vue数据统计如下图所示:最近在学习使用框架的时候，分别使用vue和react开发了两个移动端产品，对这两个框架的学习曲线有了一些感悟，这两个都是现在比较热门的js框架，它俩在使用方式上和学习复杂度上还是有很大区别的，这里简...

之前用到了Vue进行开发，后来用了React，然后总是被问到为什么用React？总是说得有点模棱两可,下面总结了一下，希望得到补充与指正相同点React 和 Vue 有许多相似之处，它们都有：使用 Virtual DOM，有自己的diff渲染算法 提供了响应式 (Reactive) 和组件化 (Composable) 的视图组件。 将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库。1. 运行时性能比较React 和 Vue 都是非常快的，所以速度并不是在它们之中做

vue - 本质是 MVVM 框架，由 MVC 发展而来 React - 本质是前端组件化框架，不是一个完整的MVC框架，可以认为是MVC中的V（View）MVVMMVVM 的出现促进了 GUI 前端开发与后端业务逻辑的分离，极大地提高了前端开发效率。MVVM 的核心是 ViewModel 层，它就像是一个中转站（value converter），负责转换 Model 中的数据对象来让数据变得更容易管理和使用，该层向上与视图层进行双向数据绑定，向下与 Model 层通过接口请求进行数据交互，起呈上启