hsany330的专栏

React的核心机制之一就是可以在内存中创建虚拟的DOM元素。React利用虚拟DOM来减少对实际DOM的操作从而提升性能。  JSX简介 JSX就是Javascript和XML结合的一种格式。React发明了JSX，利用HTML语法来创建虚拟DOM。当遇到 如下(JS写法) var child1 = React.createElement('li', null, 'Fir

Mobx是一个功能强大，上手非常容易的状态管理工具。就连redux的作者也曾经向大家推荐过它，在不少情况下你的确可以使用Mobx来替代掉redux。 本教程旨在介绍其用法及概念，并重点介绍其与React的搭配使用。 先来看看最基本的用法。 observable和autorun import { observable, autorun } from 'mobx'; const value = o

第一次独自承担一个项目，在进行技术选型时，由于看到了 React Router 4 的文档十分完善，果断地选择了它，尽管公司里现有的项目用的是它之前的版本。然而，看着这份华丽丽的文档对我来说也是一次痛苦的旅程。 刚开始构建项目的整体框架时，我照猫画虎，将以前项目中的 Router 结构照搬了过来，只不过路由库是最新的 v4，也采用了其中比较简单的语法。然而，到项目结构越发深入时，看着那篇完善的参...

注：本文的demo实现都是用了笔者自己搭建的vue、react的初始化demo项目，方便平时做实现，写demo用。每次都要从0搭建实在是太恶心了，如果大家也用得上，直接clone走。 react-demo(create-react-app@1.5.2 + antd@3.6.4 + react@16.4.1 + react-router-dom@4.3.1) vue-demo(vue-cli@2...

在做项目中的登录功能时一般是通过form表单或者ajax方式将参数提交到服务器进行验证，在这个过程中，在前端对登录密码先进行一次加密的话，安全性肯定要优于直接提交的方式。最近在看博客园的登录页面时发现博客园的登录是用ajax发送http请求的方式，并在前端采用了加密，是采用jsencypt在前端进行加密的。后面查阅资料后了解到淘宝、京东也有用jsencypt库对登录密码进行前端加密的操作。jsen...

在学习react的时候，其中在构造函数里面，有一个super(props)，具体是什么意思呢。 其中 super语法来自es6，其语法如下： 1 2 3 4 5 super([arguments]); // 调用 父对象/父类 的构造函数 super.functionOnParent([arguments...

其实 React Router4 推出了好久了，不过一直没有刻意去使用它，直到最近重构某个项目才开始使用，也遇到过一些坑，在学习过程中读到这篇文章 All About React Router 4，觉得比较好，翻译如下。 我是在 2016 年的 React Rally 上第一次遇到的 Michael Jackson ，之后不久就写了一篇关于 React Router3 的文章 ，Michae...

你还在为该使用无状态组件（Function）还是有状态组件（Class）而烦恼吗？——拥有了hooks，你再也不需要写Class了，你的所有组件都将是Function。 你还在为搞不清使用哪个生命周期钩子函数而日夜难眠吗？——拥有了Hooks，生命周期钩子函数可以先丢一边了。 你在还在为组件中的this指向而晕头转向吗？——既然Class都丢掉了，哪里还有this？你的人生第一次不再需要面对t...