Turingdo Studio

Thinking will not overcome fear but action will.

微信小程序在现代前端开发中的一些思考

约定优于配置 约定优于配置 约定优于配置

Vue文章集锦

vue的双向绑定原理及实现

Http2

HTTP2新增的功能 二进制分帧 header压缩 多路复用 服务端推送 http 超文本传输协议(英文:HyperText Transfer Protocol,缩写:HTTP)是一种用于分布式、协作式和超媒体信息系统的应用层协议。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。通过HTTP或者HTTPS协议请求的资源由统一资源标识符(...

React相关文章集锦

React的新引擎—React Fiber是什么? Fiber Reconcile 与 Stack Reconcile 主要有两方面的不同。 首先,使用协作式多任务处理任务。将原来的整个 Virtual DOM 的更新任务拆分成一个个小的任务。每次做完一个小任务之后,放弃一下自己的执行将主线程空闲出来,看看有没有其他的任务。如果有的话,就暂停本次任务,执行其他的任务,如果没有的话...

遇到一个antd中form验证的奇葩问题

antd 组件form验证的奇葩问题 问题? 当把Input组件设置为disabled的时候,验证提醒还会出现,经过查找api都无法完美解决,或者解决后会出现这样或那样的奇葩问题 解决 伪造一个模样一样的组件,但要将rules属性删掉。 给伪装组件加一个自定义的key 实例 DEMO 关键代码 {this.state.isDis...

浅谈设计模式

设计模式大部分都使用到了:两大原则 功能单一原则 开放-封闭原则 单体模式 什么是单体模式?单体模式是一个用来划分命名空间并将一批属性和方法组织在一起的对象,如果它可以被实例化,那么它只能被实例化一次。 单体模式的优点是: 可以用来划分命名空间,减少全局变量的数量。 使用单体模式可以使代码组织的更为一致,使代码容易阅读和维护。 可...

实例解析防抖动(debouncing)和节流阀(throttling)

防抖(Debounce)和节流(throttle)都是用来控制某个函数在一定时间内执行多少次的技巧,两者相似而又不同。 当我们给 DOM 绑定事件的时候,加了防抖和节流的函数变得特别有用。为什么呢?因为我们在事件和函数执行之间加了一个控制层。记住,我们是无法控制 DOM 事件触发频率的。 参考文章 实例解析防抖动(Debouncing)和节流阀(Throttling) 防抖函数在rea...

React16要点

对react fiber的一些理解 值得参考的文章 React Fiber的目标是增强对于某些领域的适应性,比如动画、布局和手势等。它的重要特性是增量渲染:将渲染事务分块并分布到多个帧去完成的能力。+ Start a new discussion Post 其他关键特性包括有新的更新时,暂停、终止或重用事务的功能;为不同类型的更新设置优先级的功能;还有新的并发原语。+ react-...

数据结构

1.栈 栈是一种遵从后进先出(LIFO)原则的有序集合。新添加的或待删除的元素都保存在栈的末尾,称作栈顶,另一端就叫栈底。在栈里,新元素都靠近栈顶,旧元素都接近栈底。在现实生活中也能发现很多栈的例子。例如,下图里的一摞书或者餐厅里堆放的盘子。 栈也被用在编程语言的编译器和内存中保存变量、方法调用等。 实现栈之后,我们来看一看完整的代码: function Stack() {...

Html5 prefetch

HTML5 prefetch 文章来自 相关阅读MDN 通过rel=”preload”进行内容预加载 prefetch 即预加载,在用户需要前我们就将所需的资源加载完毕。 有了浏览器缓存,为何还需要预加载? 用户可能是第一次访问网站,此时还无缓存 用户可能清空了缓存 缓存可能已经过期,资源将重新加载 用户访问的缓存文件可能不是最新的,需要重新加载 Chrome 的预加载技术...