摘要: 测试的浏览器有 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. safar 阅读全文
posted @ 2018-05-15 09:18 wwr-ready 阅读(237) 评论(0) 推荐(0) 编辑
摘要: 这个需求有点意思,拿出来和大家分享一下。如果你去实现过这样的效果,或者类似这样的效果的,你会发现简单去 一栏控制另一栏的的滚动距离,另一栏类似控制第一栏的效果的话。你会发现基本上可能滚动不了,优化之后通过函数节流,等其他手段优化之后也是很卡,滚动会不流畅。原因主要是因为当你改变一个元素的scroll 阅读全文
posted @ 2018-05-11 09:45 wwr-ready 阅读(469) 评论(0) 推荐(0) 编辑
摘要: 如,MDN文档中介绍的那样,使用demo如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale 阅读全文
posted @ 2018-05-10 11:36 wwr-ready 阅读(191) 评论(0) 推荐(0) 编辑
摘要: setState是异步的,对于这个我们随便测试一些就知道的,关于为什么是异步的可以参考博客的一些见解。 我们翻开react源码(version:16.3.2), 首先是 setState部分,看到这里接受两个参数partialState (局部状态,限定只有对象和函数可以作为第一个参数), call 阅读全文
posted @ 2018-05-07 20:12 wwr-ready 阅读(714) 评论(0) 推荐(0) 编辑
摘要: 最近最javascript的异步有一些认识,分享给各位同道~ 首先来一句概括的总论:在javascript中,除了首次执行的js属于同步代码是同步之外,其他的一切都是异步的。 一个最最基础的事实:浏览器是多进程的,每个页面就是一个进程,每个进程包括许多的线程如 JavaScript 引擎线程,GUI 阅读全文
posted @ 2018-03-24 00:26 wwr-ready 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 在过去的两周里,我使用这套技术栈进行项目页面的开发。下面是我个人的对于项目的一些看法: 首先:是项目的调试,我深表压力很大,项目是使用fibber去抓包调试的,也不知道我们项目的负责人,怎么能的我在每次更改代码,webpack重新打包压缩的时候总是很慢。 项目是多页面应用,采用的是webpack的多 阅读全文
posted @ 2017-06-18 19:54 wwr-ready 阅读(149) 评论(0) 推荐(0) 编辑
摘要: 作为一个前端去重构原来的项目什么感觉?我觉得我就是想把上一个人的代码删除全部重写的冲动~ 说一下重构项目的学习到的一些东西或者说经验 1. 千万不要随便删除代码!千万不要随便删除代码!千万不要随便删除代码!重要的事情说三遍,在你没有100%的自信理解了这个代码之前,请记住~ 否则后果~回滚,重写, 阅读全文
posted @ 2017-06-04 20:55 wwr-ready 阅读(112) 评论(0) 推荐(0) 编辑
摘要: 最近项目做多页面应用使用到了,react + webpack + redux + antd去构建多页面的应用.所以在这里吐槽一下我自己对于redux的一些见解。 Redux是状态管理的它也是单向数据流。虽然它本身受到Flux的影响很大,但是它的核心概念缺很简单,就是Redue也就是ES5中Array 阅读全文
posted @ 2017-05-31 21:27 wwr-ready 阅读(521) 评论(0) 推荐(1) 编辑
摘要: 在vue官网中介绍生命周期的图如下: 主要测试代码如下: 主要是测试前四个生命周期beforeCreate,created,beforeMount,mounted,里面同步和异步的执行顺序,其它的类似。 result:在控制台可以看到: 从上图可以看出生命周期都是同步的,异步都在生命周期之后执行。 阅读全文
posted @ 2017-05-17 21:11 wwr-ready 阅读(1441) 评论(0) 推荐(1) 编辑
摘要: 本文主要是讲解项目前期的工作,后期考虑再详细说明。 作为一个技术团队如果你们团队选择了上面的技术栈,这说明你们的技术团体对于vue有很熟练的掌握了。在这里我想说明的是前期架构的重要。这里有一遍博客写的很不错,点击这里,主要是讲解如何高效的开发一个项目。 如果你选择了以上的vue技术栈,那么你在前期至 阅读全文
posted @ 2017-05-17 20:25 wwr-ready 阅读(965) 评论(1) 推荐(0) 编辑