Turingdo Studio

Thinking will not overcome fear but action will.

Promise 实例

“🙉🙉🙉 ” 异步加载图片的例子 function loadImageAsync(url) { return new Promise(function(resolve, reject) { var image = new Image(); image.onload = function() { resolve(image); }; ...

Posted by leesx on February 4, 2017

Hello 2017

"Hello World, Hello Blog"

“🙉🙉🙉 ” 前言 leesx 的 Blog 就这么开通了 :art: 。 本来打算在年前完成 Blog 的搭建，不曾料想踩了很多坑。。。 跳过废话，直接看技术实现 2017 年，leesx Blog 总算是搭建好了。 最开始写博客是在简书这个平台上，简书确实不错，支持markdown在线编辑。 在一次偶然间，听到我的好基友 阳阳 想搭建个人主页，觉得作为一个程序员，...

Posted by leesx on February 4, 2017

imutable.js常用操作

imutable.js常用操作 参考文档 Immutable.fromJS()格式化过的js数据，里面数据是对象的可以使用对应的Map中的方法，里面数据是数组的可以使用对应的List方法 。 示例 var $$state = Immutable.fromJS({a:[2,3,4]}) 1. 对于单层数据使用update，出现多层嵌套的数据，使用updateIn` //设...

Posted by leesx on January 12, 2017

H5拖拽与拖放简介

“🙉🙉🙉 ” 参考这个 <div class="dustbin"><br />垃<br />圾<br />箱</div> <div class="dragbox"> <div class="draglist" title="拖拽我" draggable="true">列表1</div...

Posted by leesx on December 15, 2016

Webpack + react Router 按需加载

关键函数 require.ensure(dependencies, callback, chunkName) 详情请见官方文档 webpack 配置 output: { path: path.join(__dirname, '../dist'), filename: '[name].js', sourceMapFilename: '[file].map', ...

Posted by Turingdo Studio on December 10, 2016

Mixin 已死，Composition 万岁

“🙉🙉🙉 ” 高阶组件实际上只是一个方法，这个方法利用一个现有组件去返回另一个包装它的组件。看一下这个 connectToStores 的执行： function connectToStores(Component, stores, getStateFromStores) { const StoreConnection = React.createClass({ ...

Posted by leesx on November 3, 2016

谈谈React那些小事儿

“🙉🙉🙉 ” 那些小事 摘自 说起React，那也是近一年多时间火起来的前端框架，其在Facebook的影响力和大力推广下，已然成为目前前端界的中流砥柱。在如今的前端框架界，React、Vue、Angular三分天下的时代已经到来，而曾经jQuery一统天下的局面已一去不复返。 三分天下，前端虽乱，但美其名曰“繁荣”。每一次突破性的革命必定会迎来成千上万的追随者...

Posted by leesx on October 21, 2016

一些不错的js片段值得参考学习

片段1 function canUseDom () { return !!( typeof window !== 'undefined' && window.document && window.document.createElement ); }; 片段2 import MobileDetect from '...

Posted by Turingdo Studio on June 7, 2016

Flexbox布局心得

flexbox 心得 flex-direction 决定主轴的方向，主轴的方向可以是水平的，也可以是垂直的 justify-content决定主轴上项目的排列方式。 align-content 决定辅轴元素的排列方式，只有当里面元素出现折行的时候，才会起作用，并且会覆盖align-items的属性，不起作用。 在使用flex布局的时候，需要解决的移动端的兼容问题，配合au...

Posted by leesx on March 11, 2016

    npm相关

  "设置淘宝镜像,nodejs快速升级"

设置淘宝镜像 淘宝npm镜像 npm是一个很好用的工具，全场是Node Packet Manager，是一个nodejs的包管理工具，但是美中不足的是当我们去安转包的时候却发现下载的速度太慢，但是没关系，还是有方法的就是利用淘宝的国内镜像，一下是3个设置的方法： 镜像使用方法（三种办法任意一种都能解决问题，建议使用第三种，将配置写死，下次用的时候配置还在）: 1.通过confi...

Posted by leesx on January 3, 2016

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

Goals determine what you going to be!

✉️ 1058315063@qq.com

FRIENDS