then啥

自言自语,如有错误欢迎指正

类、变量、方法

$global_name = "Sir" class Customer @@no_of_customers = 0 def initialize(id, name, addr) @cust_id = id @...

2019-02-22 14:06:37

阅读数 20

评论数 0

react子组件如何通过父组件传入的函数,将自己的值再传回父组件

class Son extends React.Component { render() { return <input onChange={this.props.onChange}/>; } } class Father exten...

2019-01-24 16:39:29

阅读数 38

评论数 0

react协调算法(页面更新机制)

对比算法:当对比两棵树时,React首先比较两个根节点。根节点的type不同,其行为也不同   1. 不同类型的元素:卸载(销毁旧的节点及状态)旧的元素重建新的元素 <div> <Counter /&gt...

2019-01-18 16:18:14

阅读数 62

评论数 0

react中es6的使用

1. class创建组件 class Greeting extends React.Component { render() { return <h1>Hello, {this.props.name}</h1&...

2019-01-18 15:23:46

阅读数 152

评论数 0

受控组件与非受控

 受控:通过state与onChange控制 class Form extends Component { constructor() { super(); this.state = { name: '', }; } handleNameCha...

2019-01-18 11:18:08

阅读数 82

评论数 0

react中setState的隐患

隐患出处:setState异步更新状态 https://ruby-china.org/topics/32715 https://www.jianshu.com/p/c6257cbef1b1   浅合并(shallow merge):当调用setState修改组件状态时,只需要传入发生改变的...

2019-01-17 11:21:23

阅读数 44

评论数 0

多余文字隐藏,悬浮显示

width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; &:hover{ ...

2019-01-17 10:12:03

阅读数 180

评论数 0

有border-radius的div做hover

需要在整个最外层上加overflow: hidden才有效

2019-01-17 10:11:35

阅读数 37

评论数 0

利用react的state机制实现钟表计时器

涉及:state、生命周期钩子   class Clock extends React.Component { constructor(props) { super(props); this.state = {date: new Date()}; } compo...

2019-01-17 10:11:13

阅读数 151

评论数 0

解构赋值

解构对象 const tom = { name:'tom', age:21, height:170, greet:function () { return `hello ,I'm ${this.name}` // console.log(`h...

2018-12-26 10:28:30

阅读数 14

评论数 0

另一只快排写法

function quickSort(arr) { // 交换元素位置 function swap(arr, m, n) { let temp = arr[m]; arr[m] = arr[n]; arr[n] = temp; ...

2018-12-03 21:45:41

阅读数 19

评论数 0

求一个数组中的最大值

 求最大值: arr.sort()、arr.reverse() Math.max(...arr) Math.max.apply(null, arr) function findMax(arr){ let max=arr[0]; for(let i=0;i&am...

2018-11-30 10:21:10

阅读数 37

评论数 0

快速排序和冒泡排序,二者效率比较

快速排序 let arr1 = [1, 23, 4, 2, 5, 6, 90, 0, 2, 55, 1.3] function quickSort(arr) { function sort(arr, left, right) { let index; ...

2018-11-29 17:21:36

阅读数 489

评论数 0

快速排序

let arr1 = [1, 23, 4, 2, 5, 6, 90, 0, 2, 55, 1.3]; function quickSort(arr) { if (arr.length <= 1) { return arr; } le...

2018-11-29 15:01:01

阅读数 14

评论数 0

输入网址后发生了什么

网站文件都是放在服务器上的,服务器地址是一串数字,为方便记忆会为其绑定一个域名。 输入网址—DNS域名解析—建立TCP连接—发送HTTP请求—服务器处理并返回结果—浏览器生成页面  域名解析:先查找本地host文件,如果有则跳过查询直接访问对应网站的ip地址,如果无则由本地dns服务器向根dn...

2018-11-28 12:58:57

阅读数 86

评论数 0

浏览器发送请求时的缓存判断顺序

浏览器发起请求: 是否有缓存?——无:发送请求;有:判断缓存 验证Cache-Control中的max-age时间限定、验证Expires到期日?——未过期:使用缓存(200 form-cache);过期:发送缓存信息至服务器验证 验证E-tag和Last-Modified信息?——无更新:...

2018-11-28 12:10:18

阅读数 73

评论数 0

https是什么

本质:在http和tcp之间加了一层ssl用于加密信息 过程: 服务器生成公钥和私钥,将公钥发送给第三方认证机构生成数字证书 然后将数字证书发给客户端,客户端解析数字证书并再次加密发送给服务器 服务器解析正确后维持通信 https://segmentfault.com/a/11900000...

2018-11-28 11:24:02

阅读数 39

评论数 0

js事件三阶段与事件委托

首先明确一个概念, js中事件包含三个阶段: 捕获 到达目标 冒泡  事件委托:将子元素上的事件委托给父元素监听,从而无需对每一个子元素设置监听事件。例如ul嵌套多个li,要点击时alert每个li的innerText <ul id="ul&...

2018-11-26 20:01:19

阅读数 28

评论数 0

浏览器阵营

https://juejin.im/post/5ada727c518825670b33a584

2018-11-26 17:31:31

阅读数 86

评论数 0

requestAnimationFrame和定时器的区别

旧式定时器的问题:执行时机不可控(js异步执行队列机制、软硬件实现方式区别) rAf:页面重绘时立刻执行回调函数,不需要人为设置执行间隔,避免了过度绘制的问题   参考: https://www.zhangxinxu.com/wordpress/2013/09/css3-animation...

2018-11-26 17:23:18

阅读数 93

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭