Turingdo Studio

Thinking will not overcome fear but action will.

有用的正则表达式

数字 千位符 <InputNumber defaultValue={1000} formatter={value => `$ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')} parser={value => value.replace(/\$\s?|(,*)/g, '')}...

Posted by Turingdo Studio on June 5, 2018

老外写的一个react高阶组件

老外写的一个React High-Order Component 版本一 LoaderHOC import react,{Component} from 'react'; import './LoaderHOC.css'; const LoaderHOC => WrappedComponent=> { return class LoaderHOC extends Com...

Posted by Turingdo Studio on May 29, 2018

在react.js中使用purecomponent的重要性和使用方式

原文链接 一、介绍PureComponent React 15.3在2016.06.29发布了，这个版本最值得关注的是支持了React.PureComponent，它取代了之前的pure-render-mixin。在本文中，我们将讨论PureComponent的重要性和使用场景。 React.PureComponent最重要的一个用处就是优化React应用，这很容易快速地实现。使用Re...

Posted by Turingdo Studio on May 28, 2018

浏览器有关滚动条的系列问题

特别声明，本文来源于@sea_ljf的译文《滑向未来（现代 JavaScript 与 CSS 滚动实现指南）》，原文《Scroll to the future》。 一些（网站）滚动的效果是如此令人着迷但你却不知该如何实现，本文将为你揭开它们的神秘面纱。我们将基于最新的技术与规范为你介绍最新的 JavaScript 与 CSS 特性，将使你的页面滚动更平滑、美观且性能更好。 大多...

Posted by Turingdo Studio on May 22, 2018

Overscroll Behavior

overscroll-behavior是CSS的新属性，允许开发者覆盖默认的浏览器滚动行为。CSS用来控制浏览器的滚动行为，大家可能熟悉的是CSS的overflow属性。而对于overscroll-behavior属性应该还是很陌生。那么今天我们就来简单的了解这个属性。 CSS Scroll Snap Points新规范草案提出了几个新的CSS属性，主要为触控以及输入设备的用户提供一个流...

Posted by Turingdo Studio on May 22, 2018

Lazy loading images? don’t rely on javascript!

Lazy Loading Images? Don’t Rely On JavaScript! 转自 Lazy Loading Images? Don’t Rely On JavaScript! So much of the internet is now made up of pages containing loads of images; just visit your f...

Posted by Turingdo Studio on May 22, 2018

Intersetion 预加载图片

图片预加载最新解决思路 IntersetionOberver 特别声明：本文转载@小影的译文《使用 Intersection Observer 实现图片延迟加载》一文。 如果你还没有机会看过，@Paul Lewis 发布了一个精彩的视频系列，演示了如何构建一个媒体播放器以及渐进式 Web 应用（Progressive Web App）的一些重要功能。在 YouTube 上的这一...

Posted by Turingdo Studio on May 22, 2018

Html5 download属性的跨域问题

HTML5 a标签download属性的存在跨域问题 跨域的资源打开一个的标签 非跨域的资源直接下载(我们所希望的) <!DOCTYPE html> <html> <head></head> <body> <p>下载该图片：</p> <p> </p> ...

Posted by Turingdo Studio on May 16, 2018

分享一些 es6 的小技巧

es6小技巧 for in 和 for of的区别 遍历数组通常使用for循环，ES5的话也可以使用forEach，ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等，只不过他们的返回结果不一样。 但是使用foreach遍历数组的话，使用break不能中断循环，使用return也不能返回到外层函数。 Array.proto...

Posted by Turingdo Studio on May 7, 2018

React高阶组件探究

来源 React高阶组件探究 在使用React构建项目的过程中，经常会碰到在不同的组件中需要用到相同功能的情况。不过我们知道，去这些组件中到处编写同样的代码并不优雅。 在以往，为了解决以上的情况，我们会用到Mixin这种方式来解决问题。 以下是一个最为简单的Mixin var defaultMixin = { getDefaultProps: function() { ...

Posted by Turingdo Studio on April 16, 2018

FEATURED TAGS
- React JavaScript 开发工具 终端 Git
ABOUT ME

Goals determine what you going to be!

✉️ 1058315063@qq.com

FRIENDS