TF16949-CSDN博客

转载 scroll 事件究竟是发生在那个元素上的？

测试的浏览器有 1. chrome : Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.170 Safari/537.36　　　　　　　 2. safari: Mozilla/5.0 (Macintosh; Intel Mac ...

2018-05-15 09:18:00 204

转载 js 实现两栏同时滚动

这个需求有点意思，拿出来和大家分享一下。如果你去实现过这样的效果，或者类似这样的效果的，你会发现简单去一栏控制另一栏的的滚动距离，另一栏类似控制第一栏的效果的话。你会发现基本上可能滚动不了，优化之后通过函数节流，等其他手段优化之后也是很卡，滚动会不流畅。原因主要是因为当你改变一个元素的scrollTop 或者 scrollLeft值的时候这个时候会触发scroll事件，这样两边一种循环...

2018-05-11 09:45:00 395

转载 web worker的了解

如，MDN文档中介绍的那样，使用demo如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1....

2018-05-10 11:36:00 189

转载对react setState 的理解

setState是异步的，对于这个我们随便测试一些就知道的，关于为什么是异步的可以参考博客的一些见解。我们翻开react源码（version:16.3.2）, 首先是 setState部分，看到这里接受两个参数partialState (局部状态，限定只有对象和函数可以作为第一个参数), callbackComponent.prototype.setState = fu...

2018-05-07 20:12:00 153

转载 javascript异步的一些理解

最近最javascript的异步有一些认识，分享给各位同道～首先来一句概括的总论：在javascript中，除了首次执行的js属于同步代码是同步之外，其他的一切都是异步的。一个最最基础的事实：浏览器是多进程的，每个页面就是一个进程，每个进程包括许多的线程如JavaScript 引擎线程，GUI线程，事件触发线程，http请求线程，时间轮询线程，js解释器是单线程的。JavaSc...

2018-03-24 00:26:00 163

转载 React + Redux + express+ antd 架构的认识

　　在过去的两周里，我使用这套技术栈进行项目页面的开发。下面是我个人的对于项目的一些看法：　　首先：是项目的调试，我深表压力很大，项目是使用fibber去抓包调试的，也不知道我们项目的负责人，怎么能的我在每次更改代码，webpack重新打包压缩的时候总是很慢。项目是多页面应用，采用的是webpack的多入口同时打包，可能是这个问题导致的打包毕竟慢把，也有可能是由于电脑性能问题。...

2017-06-18 19:54:00 236

转载重构项目的一些想法

　　作为一个前端去重构原来的项目什么感觉？我觉得我就是想把上一个人的代码删除全部重写的冲动～　　说一下重构项目的学习到的一些东西或者说经验　　　　1. 千万不要随便删除代码！千万不要随便删除代码！千万不要随便删除代码！重要的事情说三遍，在你没有100%的自信理解了这个代码之前，请记住～否则后果～回滚，重写，重要的是耽误项目时间。　　　　2. 写代码需要注释，关键的地方一定...

2017-06-04 20:55:00 211

转载 React，关于redux的一点小见解

　　最近项目做多页面应用使用到了，react ＋ webpack + redux + antd去构建多页面的应用.所以在这里吐槽一下我自己对于redux的一些见解。　　Redux是状态管理的它也是单向数据流。虽然它本身受到Flux的影响很大，但是它的核心概念缺很简单，就是Redue也就是ES5中Array.prototype.reduce，这个reduce用于合并数组的元素，它是基于...

2017-05-31 21:27:00 127

转载关于vue生命周期中的同步异步的理解

在vue官网中介绍生命周期的图如下：　　　　　　　　　　主要测试代码如下：主要是测试前四个生命周期beforeCreate,created,beforeMount,mounted,里面同步和异步的执行顺序，其它的类似。　　　　result:在控制台可以看到：　　　　　　从上图可以看出生命周期都是同步的，异步都在生命周期之后执行。　　在看一段有...

2017-05-17 21:11:00 1103

转载 vue+vux+axios+vuex+vue-router的项目的理解

　　本文主要是讲解项目前期的工作，后期考虑再详细说明。　　作为一个技术团队如果你们团队选择了上面的技术栈，这说明你们的技术团体对于vue有很熟练的掌握了。在这里我想说明的是前期架构的重要。这里有一遍博客写的很不错，点击这里,主要是讲解如何高效的开发一个项目。　　如果你选择了以上的vue技术栈，那么你在前期至少要考虑两个问题:　　　　（1）vuex如何去配置，那些东西应该放在s...

2017-05-17 20:25:00 234

TF16949的博客