发表于 | 更新于 | 分类于

在我的许多实际工程中，我并没有使用什么所谓前端代理去解决跨域问题，都是让运维大佬给我在配置里增加一下我的本机 ip。

今天乘着结束一个小项目的时候把玩下前端代理

  1. 首先我是用的技术栈是 react+antd+dva+umi,其中 umi 已经使用了 webpack-dev-server 插件 所以可以直接进行配置。
    如果你用的也是 umijs 这个 react 应用框架 可以直接使用如下配置

    阅读全文 »

发表于 | 更新于 | 分类于

React componentDidMount 中尽量别使用 setState 方法

在 componentDidMount()中，你可以立即调用 setState()。它将会触发一次额外的渲染，但是它将在浏览器刷新屏幕之前发生。这保证了在此情况下即使 render()将会调用两次，用户也不会看到中间状态。谨慎使用这一模式，因为它常导致性能问题。在大多数情况下，你可以 在 constructor()中使用赋值初始状态来代替。然而，有些情况下必须这样，比如像模态框和工具提示框。这时，你需要先测量这些 DOM 节点，才能渲染依赖尺寸或者位置的某些东西。

componentDidMount 本身处于一次更新中，我们又调用了一次 setState，就会在未来再进行一次 render，造成不必要的性能浪费，大多数情况可以设置初始值来搞定。当然在componentDidMount我们可以调用接口，再回调中去修改state。

发表于 | 更新于 | 分类于 ，

  1. 区块链是信任的机器，也是一个价值互联网


    区块链用一套数学算法确保了两个陌生人不借助于第三方的情况下，把一笔交易，不管是金融的交易或者是商品的交易完成。这就是区块链最核心，最本质的东西。


  2. 从三个层次了解区块链


    1. 第一个层次，区块链最底层的一个层次，实际上是分布式网络，区块链是架构在分布式网络技术之上的一个应用。


    2. 第二个层次，在分布式网络基础上，如果我们给它加上一层东西，加一层密码学的账本体系，这个分布式网络就变成了分布式账本


    3. 第三个层次，公有区块链或者叫比特币区块链

      阅读全文 »

发表于 | 更新于 | 分类于 ，

  1. 比特币区块链难以建设一个去中心，民主平等的社会。
    底层代码的核心团队与参与挖矿和运行的主要力量能够发挥更大的影响力。
    受计算机运算能力的影响，比特币的挖矿和获得，并不是想宣传额那样人人都有平等的机会，竞争的结果，使得挖矿获得比特币的机会越来越集中到少数算力强大的矿池或者节点上。


  2. 比特币区块链’去信任’，’去中介’的点对点交易是有严格条件的。
    即所有的人都参与到同一个比特币区块链网络平台，平台上运行的只能是比特币，而不能是比特币以外的其他资产或价值，比特币从其生产的源头就得到网络系统严密的验证和记录，难以造假或者篡改。因此，比特币需要在一个’干净’，基于比特币区块链网络平台的环境


    阅读全文 »

发表于 | 更新于 | 分类于 ，

  1. 区块链是分布式数据储存，点对点传输，共识机制，加密算法等计算机的新型应用模式。所谓共识机制是指区块链系统中实现不同节点之间建立信任，获取权益的数学算法。
    区块链是比特币的一个重要概念，本质上是一个去中心化的数据库。它是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一次比特币网络交易信息，用于验证其信息的有效性(防伪)和生成下一个区块，数据存储的每一个节点都会同步复制整个账本，信息透明难以篡改。


  2. 凡事需要更加公平，公正，公开的企业行业，都可以用到区块链技术，都可以用使用区块链技术来改造和实现；凡事需要数据存储，保护，授权，交易的企业，都可以用到区块链技术；凡事需要社会化协作，尤其是跨境，基于计算机网络可以完成的社会化分工和协作，都可以用到区块链技术


    阅读全文 »

发表于 | 更新于 | 分类于

npmpkg-starter-vue

A Vue NPM package starter

项目代码地址

为了简化老哥们的生产 npm 包的复杂程度
提供了一个小框架(Vue 版) 打包工具使用bili
还有相应的代码规范规则以及代码提交规范

Installation

1
2
$ npm i
$ yarn

用法

  1. 修改package.json
    image.png
    name，author，main，description，keywords 改为你需要写入的信息
    main 为打包出来的文件路口


    阅读全文 »

发表于 | 更新于 | 分类于 ，

今天完成了一个 react 组件的 vue 化–vue-lazyload-pic

顺手重新撸了一把 vue

vue 的模版语法写的我实在蛋疼所以直接上了 jsx 语法，也方便双向绑定
方法:
(1): 增加两个插件
yarn add @vue/babel-helper-vue-jsx-merge-props
yarn add @vue/babel-preset-jsx

(2): 在.babelrc文件内做如下修改:

1
2
3
{
  "presets": ["@vue/babel-preset-jsx"]
}

就可以快乐的使用 jsx 语法了

例子: vue-lazyload-pic

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
render() {
    const that = this;
    const { imgLoaded, imgClassName, img, alt, skeleton } = that;
    const onLoad = () => {
        that.$emit('onloads', true);
    };

    return (
        <div class="P-container">
            {imgLoaded ? (
            <img class={ClassNames('defaultImg', imgClassName)} src={img} alt={alt} />
            ) : (
            <div class={ClassNames('skeleton1', skeleton)}></div>
            )}
            <img class="noShow" src={img} alt={alt} onLoad={onLoad} />
        </div>
    );
},

上面代码 有个注意点就是

阅读全文 »