ZZYSL-CSDN博客

原创 ant-design 源码系列(一) Altert

阅读 ant-design 源码这个计划已经列了好久了，迟迟没有实现，总体来说是时候开一个头了。组件顺序就是按照字母顺序排序吧。准备知识react 知识，这个不多解释了typeScript 因为 antdesign 是用 ts 写的源码地址 githubLet’s go首先我们打开官方文档，看看 Alert 组件的应用场景。当某个页面需要向用户显示警告的信...

2018-09-14 17:29:07 2545

原创 react-navitve 集成 socket.io 报错 Received data was not a string, or was not a recognised encoding 解决方案

前台react-native后台python Flask-SocketIO模块坑Received data was not a string, or was not a recognised encoding解决方案前台代码 this.socket = io('your host', {query: 'b64=1'}) 需要配置 b64=1issueh...

2018-09-12 14:51:24 660

原创 react-native ScrollView 实现上拉滑动全屏，下拉恢复原先大小

ScrollView 系列的都可以完成，比如 FlatView 和 SectionList 都可以。1 需求大概就是一个 scroll 组件向上滑动的时候可以完全展示出来。完全展示之后下滑再恢复缩小时的高度。1.1需求分析缩小时不允许滚动，只有上滑动能唤醒动画，移至指定位置完全展示出来后可以内部进行滑动，当滑动到顶部，再向上滑(手势是从上至下)时，缩小整个 list...

2018-09-12 12:55:15 4933 4

原创 JS梳理笔记 (一) "=="操作符为什么 [] == ![] 为 ture ？

那么有一道经典的题: [] == ![] //ture 1. Boolean([]) // ture 2. !true // false 3. 根据规则 8： [] == 0 4. 根据规则 10： '' == 0 5. 根据规则 6： 0 == 0 // ture到这里大家就明白了为什么 [] == ![] 了吧在以后遇到觉得奇怪的比...

2018-07-19 13:17:57 249

原创 js输出1-100中质数

有很多方法，随便写了两个，还可以优化注意，如果 m = p * q 且 p ≤ q，那么 p ≤ √m，所以找到平方根就行了快速算平方根，牛顿迭代法

2018-07-10 10:26:22 7503 2

原创 js 如何用一层 for 循环找到数组里第二大的元素

最近有小伙伴跳槽面试，遇到了这个题，要求如下不能将数组整体排序如果用循环只能用一层不能使用额外空间实现代码数组只整理了第一大和第二大的元素，分别放在了 index 为 0 和 1 的位置，并没有完全排序只使用了一层循环没使用额外空间...

2018-06-20 10:55:14 2496

原创浅入 React 生命周期相关（三）卸载 / 报错生命周期

componentWillUnmount这个阶段只有这一个生命周期函数，因为组件已经被卸载的了话也不会再调用生命周期钩子函数了。一般在这个函数内应该进行一些清理缓存，取消定时器，取消监听的一些事件。componentDidCatch...

2018-05-10 21:04:59 1116

原创浅入 React 生命周期相关（二）更新生命周期

更新阶段分为两部分父组件执行 render 或者调用 this.setState。componentWillReceiveProps大部分网上教程为外部 props 发生改变才触发 componentWillReceiveProps，其实不是，当父组件进入 render 时，无论子组件的 props 发没发生改变，都会执行该生命周期函数。函数参数有一个，为 nextProps...

2018-05-10 14:49:55 612

原创 React 循环组件 && hover 实现的小效果

在一个展示型网站一些 hover 的小效果简单又实用。在 React 中对元素 / 组件添加 onMouseEnter 和 onMouseLeave 即可完成鼠标移入移出事件。Code import React, {Component} from 'react';import './index.css';class Management extends Comp...

2018-05-10 13:00:07 6641

原创浅入 React 生命周期相关（一）挂载生命周期

” 想学好 React 一定要搞明白生命周期 ” –沃兹基·卞德想必刚接触 React 的童靴们一定对生命周期理解的云里雾里的，只看 api 是万万不能够的，在这里本人分享一下关于生命周期的一些理解。首先先抛出个概念，React 组件的生命周期分为三个阶段：挂载阶段，更新阶段，卸载阶段一般的来说挂载阶段 (v16之后render前可能被执行多次) 和卸载阶段只...

2018-05-10 00:09:16 745

简单的爬取静态网页图片链接（一）何为静态网页 ? 大体上的来说：在 chrome 中右键 -&amp;gt; 显示网页源代码和右键检查的 Elements 结构一致，那么就可以进行资源的爬取了。准备工作1.创建文件夹mkdir mySpider-Node &amp;amp;&amp;amp; cd mySpider-Node2.创建 package.jsonnpm init -y3.安装依赖 request 和 cheeri

2018-05-09 23:11:02 1164

sunlei19951007的博客