发表于

传输层安全

安全套接层（Secure Socket Layer）协议，简称SSL，还有一个传输层安全（Transport Layer Security）协议， 简称TLS.

这里主要讲这个SSL，这些协议的目标之一是提供服务器和客户之间的认证、数据机密性和数据完整性。利用TCP服务的应用层的客户/服务器程序，可以将它们的数据封装在SSL报文（HTTPS）中。如果服务器和客户机具有运行SSL或者TLS程序的能力，那么客户机可以使用URLhttps://代替http://，以允许HTTP消息封装在SSL或者TLS报文中。安全传输

阅读全文 »

发表于

网页性能最大因素是浏览器的重绘（reflow）和重排版（repaint）。React背后的 Virtual Dom就是尽可能地减少浏览器的重绘和重排版。

从react的渲染过程来看，如何防止不必要的渲染可能是最需要去解决的问题。然而针对这个问题，react官方提供了一个便捷的方法来解决，那就是pureRender。

阅读全文 »

发表于

下载Flutter SDK包

网址：https://flutter.io/setup-macos/

下载之后解压，放置根目录

配置环境变量

由于我用on my zsh，所以在.zshrc配置

1
2
path+=('/Users/yourName/flutter/bin')
export PATH

配置完

1
source ~/.zshrc

完成这部以后，就算我们flutter的安装工作完成了，但是这还不能进行开发。可以使用命令来检测一下，是否安装完成了。

1
flutter -h
阅读全文 »

发表于

计算机基础知识

  • 看完计算机网络教程–自顶向下方法（目前20%）

react的深入学习

  • 深入react技术栈（目前看完，差笔记总结）
  • 源码学习
  • 学习阿里的umi和dva以及roadhog

移动端的学习

  • flutter

微信方面的学习

  • 小程序开发
  • 公众号开发

其他知识

  • 金融
  • 投资
  • 贾平凹文集

发表于

前言

本文基于 react 16.3- 版本，所讨论的都是老版本的生命周期函数。

React 作为一个视图框架，速度已经很快了，并且在 React16 新推出的 Fiber 架构中，通过时间切片及高优先级任务中断来尽快相应用户的操作。尽管如此，React 也并不能揣测出开发者真正的意图，如果开发者的代码没有遵循最佳实践，就容易造成性能上的负担。

阅读全文 »

发表于

你还在为该使用无状态组件（Function）还是有状态组件（Class）而烦恼吗？——拥有了 hooks，你再也不需要写 Class 了，你的所有组件都将是 Function。

你还在为搞不清使用哪个生命周期钩子函数而日夜难眠吗？——拥有了 Hooks，生命周期钩子函数可以先丢一边了。

你在还在为组件中的 this 指向而晕头转向吗？——既然 Class 都丢掉了，哪里还有 this？你的人生第一次不再需要面对 this。

这样看来，说 React Hooks 是今年最劲爆的新特性真的毫不夸张。如果你也对 react 感兴趣，或者正在使用 react 进行项目开发，答应我，请一定抽出至少 30 分钟的时间来阅读本文好吗？所有你需要了解的 React Hooks 的知识点，本文都涉及到了，相信完整读完后你一定会有所收获。

阅读全文 »

发表于

因为后端使用 shiro 控制权限， 用户登录的时候返回的权限信息类似于

1
['test/view', 'test/add', 'test/edit'];

仔细看了下 ant design pro 的权限控制组件后发现，可以很好地结合使用

阅读全文 »

发表于

React 中 setState 使用的注意事项有哪些，下面就是实战案例，一起来看一下。

抛出问题

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
class Example extends Component {
  contructor () {
    super()
    this.state = {
      value: 0,
      index: 0
    }
  }
  componentDidMount () {
    this.setState({value: this.state.value + 1})
    console.log(this.state.value) // 第一次输出
    this.setState({value: this.state.value + 1})
    console.log(this.state.value) // 第二次输出
    setTimeout(() => {
      this.setState({value: this.state.value + 1})
      console.log(this.state.value) // 第三次输出
      this.setState({value: this.state.value + 1})
      console.log(this.state.value) // 第四次输出
    }, 0)；
        this.refs.button.addEventListener('click', this.click)
  }
  click = () => {
    this.setState({value: this.state.index + 1})
    this.setState({value: this.state.index + 1})
  }
  render () {
    return (
      <p><span>value: {this.state.value}index: {this.props.index}</span>
        <button ref="button" onClick={this.click}>点击</button>
      </p>
    )
  }
}
阅读全文 »

发表于

2000 年 1 月 5 日，微软发表声明要发布 「IE5 for Mac」。

我们先不要惊叹 IE 居然开发过 Mac 版本，也不要惊讶 Mac 版本的 IE2 到 IE5 存在了长达十年，更不要惊呼 IE for Mac 作为 Mac 的默认浏览器存在了五六年的时间。

以当时的眼光来说，那个时候的 IE5 非常先进，它完全实现了当时最新的 html 标准「HTML 4.0」。但是随之而来的问题是，对于一些旧的网页却不能正确的呈现（或者说，他们是被正确渲染了），那些网页是按照当时占统治地位的浏览器的渲染模式来渲染的，IE5 肯定不能就这样发布。

微软想到了一个解决方案，没错，这就是 「DOCTYPE」。使用新标准的页面可以在 <html> 之前加上 doctype 来激活新的标准模式。很快，各个浏览器都采用了这个方案，使用「混杂模式（Quirks）」和「标准模式（Standard Mode）」来进行渲染，但是实际上很多网页在使用标准模式时，却是基于某种混杂模式来写的，于是 Mozilla 1.1 创造了「准标准模式（Almost Standard Mode）」。

阅读全文 »

发表于

  • 渐进增强(progressive enhancement)：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。

  • 优雅降级(graceful degradation)：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。

    阅读全文 »