React 导读(二)

前言 在上篇文章React 导读(一)中学习到了写第一个 Web 组件,这篇文章将继续之前的目录,开始新的知识点补充: [x] React 如何编写 Hello World! [x] React 中三个最基础、最重要的东西 [x] React 中的 JSX [x] 你的第一个 Web 组件 [ ]React 中最开始需要关注的生命周期 [ ]React 一个组件集合的简单交互 [ ]React 开始一个项目的一点建议 [ ]React 简单的项目结构组织 五、React

React 导读(一)

前言 写这篇文章的主要目标是让初学者更快的上手 React 的项目开发,能有一个循循渐进的理解过程,第一次写较基础类的,有不太好的地方希望能直接指出来。需要有一定的 JavaScript 基础和 NPM 的使用经验。不多说了,下面会按这个顺序进行介绍: React 如何编写 Hello World! React 中三个最基础、最重要的东西 React 中的 JSX 你的第一个 Web 组件 React 中最开始需要关注的生命周期 React 一个组件集合的简单交互 Reac

组件化通用模式

一、前言 模式是一种规律或者说有效的方法,所以掌握某一种实践总结出来的模式是快速学习和积累的较好方法,模式的对错需要自己去把握,但是只有量的积累才会发生质的改变,多思考总是好的。(下面的代码实例更多是 React 类似的伪代码,不一定能够执行,函数类似的玩意更容易简单描述问题) 二、前端的关注点迁移 这篇文章主要介绍现在组件化的一些模式,以及设计组件的一些思考,那么为什么是思考组件呢?因为现在前端开发过程是以组件为基本单位来开发。在组件化被普及(因为提及的时间是很早的或者说有

小撸网站暂时恢复HTTP

问题 由于最近证书认证次数太多,导致一直刷新认证时间不成功...暂时先恢复 HTTP 访问~ nginx 之前由于配置了 301 的永久跳转,如果还会重定向到 https 网站,那么请清理下缓存吧 = = 服务器不是特别熟悉,很抱歉,不过讲道理 https 那边应该是 404 ~以后都先用 302 用稳定了再使用 301。 遇到两个问题记录一下 一、多次重定向,提示清理 Cookie nginx 由于浏览器的记忆功能,今天产生过 http <=> https

Typedoc

Typedoc 这是一个 TypeScript 项目的文档生成工具,类比 jsdoc。下面使用一个简单的例子来介绍一下这个工具。如果不想看文章的可以直接看下代码配置其实就能理解了~不过后面有介绍一些配置过程中的问题。栗子代码 一、准备工作 先来看一下我们最后的一个目录结构: ├── build │ ├── App.js │ └── App.js.map ├── gulpfile.js ├── index.html ├── package.json ├── src │

Shell 基础学习

变量名的组成: 首字母 [a-zA-Z0-9_] 不能包含空格,能够使用下划线代替 不能使用关键字 变量的使用: #define url=https://www.so.com #readonly, 只读的不能修改 #如果修改:line <number>: url: readonly variable readonly url #销毁变量 unset url #变量引用 echo enter: $url echo enter: ${url} #{} 主要

React + Rx 模仿 Angular 模式

一、前言 其实对于软件开发模式来说,Angular 有着整套的一条龙服务,而 React 只是单纯的解决 View 层的问题,如果只是使用 React 开发项目会或多或少有点麻烦。下面主要讨论下数据层的东西,之前出了一个 mobx 来解决这个问题,但是这里想换个思路套用一下。其实 mobx 主要是声明了 @action, @computed, @observable 等元素来做到将 Store 作为一个可监控的源头,自动做到 VM 的效果,下面我也是,不过我采用 Rx 来做这

Rx 的编程方式(一)

1. Observables & Reactive 先来一个简单直观的例子: const { Observable } = require(rxjs); const source$ = Observable.of([1, 2, 3]); source$.subscribe(x => console.log(x)); 过滤器节点:subscribe 2. Declarative Transformation( 声明式转换 ) 如果我们想要平时开发的数据转换功能

编程

Everybody in this country should learn how to program a computer, because it teaches you how to think. - Steve Jobs 作为乔帮主的粉,很认同他对于自己产品热爱的那份情感。对于编程也一样,如果没有兴趣是肯定不行的,但是兴趣又是培养的,在编程过程中体验乐趣是很重要的。 读书的时候老师会教你程序设计的课程,我们这里把它叫做编程。比如可以抽象是: Programs =

为什么需要 KeyMirror

前言 今天有朋友问了 “KeyMirror” 这个库有什么用的问题,其实这个问题并不难,这里扫一下盲区。 会按照下面这个逻辑来展开,彻底理解一下: KeyMirror 有什么用? Google Closure Compiler 是什么? KeyMirror 解决了什么问题,好处是什么? KeyMirror 的源码是什么样子? 用 Gulp 配置一个压缩任务,测试一下 Google Closure Compiler. 一、KeyMirror 有什么用 直观的来看一下,测试