05 2018 档案
摘要：概述 css不能在display:none和display:block之间进行动画，并且也不能在height:0和height:auto之间进行动画。 这里我研究了一下在display:none和display:block之间进行动画的解决方案，记录下来供以后开发时参考，相信对其他人也有用。 参考资
阅读全文
摘要：概述 这是我看 "《你不知道的JavaScript（中卷）》" 中关于 类型检查 的笔记，供以后开发时参考，相信对其他人也有用。 typeof 我们知道js中有七种内置类型：undefined, null, string, boolean, object, number, symbol。 我们分别用
阅读全文
摘要：概述 js的 微观性能 是指js的某一个表达式或者某一行或者某一块代码的性能。几天前和同事讨论过这方面的内容，今天 深入研究了一下 ，记录下来，供以后开发时参考，相信对其他人也有用。 从一段代码说起 记得以前看关于js的书的时候，书里面不断的强调，在对数组进行循环的时候，要 预先缓存 数组的长度，不
阅读全文
摘要：概述 最近学习redux，打算用redux thunk给todo添加异步获取数据组件。记录下来，供以后开发时参考，相信对其他人也有用。 注意： 1. 在todo 下方 ，我异步获取我的react博客的标题，点击 next按钮 获取下一个标题。 2. 感觉redux thunk只是允许一个action
阅读全文
摘要：概述 最近学习redux，打算用redux + router写了一个todo。记录下来，供以后开发时参考，相信对其他人也有用。 注意： 1. 我只实现了Footer组件的router，其它组件的实现方法是类似的。 2. 由于react router升级到V4，所以redux官网的demo有些地方不再
阅读全文
摘要：概述 最近学习redux，打算用redux写了一个todo。记录下来，供以后开发时参考，相信对其他人也有用。 代码 代码请见 "我的github" 组织架构如下图：
阅读全文
摘要：概述 最近学习redux，打算先复习一下react，所以用react写了一个todo。记录下来，供以后开发时参考，相信对其他人也有用。 代码 代码请见 "我的github" 组织架构如下图：
阅读全文
摘要：概述 这是我学习react的过程中，学到的一些 简便写法 ，都是利用了es6的特性，记录下来供以后开发时参考，相信对其他人也有用。 参考资料： "dva.js 知识导图" 析构 我们也可以 析构 传入的函数 参数 。 还可以 代替apply 。（在es6之前，我们一般都是用apply来把数组类型的参
阅读全文
摘要：概述 逛github，看到别人的仓库的description里面有各种 炫丽的图标 ，不禁有点好奇，于是去查了下怎么写真的被我查到了，记录在下面，供以后开发时参考，相信对其他人也有用。 图标 可以先看看 "github官方基本语法" 。 里面有这么一段描述： 也就是说，打开 "emoji cheat
阅读全文
摘要：概述 之前踩过一些复制的坑，现在总结一下记录下来，供以后开发时参考，相信对其他人也有用。 对象的浅复制和深复制 浅复制：一般用Object.assign，如果支持es6的话也可以用 新语法 ： 深复制：建议用 JSON.parse 和 JSON.stringify 方法。 在如下2种情况下不要用上面
阅读全文
摘要：概述 以前听轮子哥说过， 柯里化只不过是箭头函数的语法糖 。觉得是有那么点意思，自己好像懂了。直到我看 "redux官方文档middleware" ，我才 真正理解 了为什么说柯里化是箭头函数的语法糖。于是记录下来，供以后开发时参考，相信对其他人也有用。 箭头函数的嵌套 "redux官方文档midd
阅读全文
摘要：概述 我在之前的博文( "Performance面板看js加载" )中提到过，如果利用监听DOMContentLoaded事件的方式来加载js是不能优化加载的，不能够替代jquery中的 ready方法 ， 原因是加载js的时候DOMContentLoaded事件还没有结束，自然不会发生页面渲染。
阅读全文
摘要：概述 之前写过 "react在router中传递数据的2种方法" ，但是有些细节没有理清楚，现在补上，记录下来，供以后开发时参考，相信对其他人也有用。 参考资料： "stackoverflow react router redux url" match 如果使用下面这种方式切换路由，那么参数可以通过
阅读全文
摘要：概述 之前看 "redux官方文档" 真是看得一脸懵逼，现在自认为会用了，于是来总结一下用法，供以后开发时参考，相信对其他人也有用。 不得不说，用了redux之后感觉挺爽的，有如下优点： 1. 组件大多是函数组件非常 方便测试 。 2. 免去了一层层传递props 的困扰，如果想要数据，直接建一个容
阅读全文
摘要：概述 最近这几天对页面性能优化进行了一些思考，记录下来，供以后开发时参考，相信对其他人也有用。在我查资料的过程中，发现以前的一些 黄金优化法则 ，在现代有些已经或多或少的 被淘汰了 ！ 首屏时间 首屏时间 真的很重要，用户的等待忍受能力是有限的。有以下几个优化方向： 1. 可以通过chrome浏览器
阅读全文
摘要：概述 前几天研究了一个下开发者工具的performance面板，挺有意思的。 文件的加载顺序 又对页面性能有着至关重要的影响。所以我用performance面板研究了以下几种配置的加载顺序，把过程和结果记录下来，供以后开发时参考，相信对其他人也有用。 1. js放在body最后的加载。 2. js放
阅读全文
摘要：概述 前端路由与后端路由 的结合一直是一个难题。koa static这个中间件能够把静态资源“搬到”后端路由上面去，react create app在不解构的情况下只会把资源打包到build文件夹，怎么协调koa static，react create app和react router dom？我摸
阅读全文
摘要：概述 这几天学习koa2，有一些心得，记录下来，供以后开发时参考，相信对其他人也有用。 起因 这几天学习koa2，写的代码执行时有一个奇怪的bug： 明明能够返回数据，却有时正常返回数据，有时偏偏给你返回404 ，很头疼。问传统后端，都不懂koa；上网查资料，怀疑是bodyparser的bug，于是
阅读全文
摘要：概述 React并 不是 一个MVVM框架，其实它连一个框架都算不上，它 只是一个库 ，但是react生态系统中的 flux却是一个MVVM框架 ，所以我研究了一下 flux官方实现 中的“双向绑定”，并记录下来供以后开发时参考，相信对其他人也有用。 参考资料： "如何监听 js 中变量的变化?"
阅读全文
摘要：概述 之前写过 "你不知道的console调试" ，再加上在工作中开发者工具用得不少，本来以为懂得很多了，但是看了 "Chrome开发者工具系列" 之后还是觉得有一些我不知道的功能还挺方便的，下面记录下来，供以后开发时参考，相信对其他人也有用。 Elements 我们经常在开发者工具的Element
阅读全文
摘要：概述 这是我在写移动端页面遇到的问题及解决方法，记录下来供以后开发时参考，相信对其他人也有用。 问题 之前写移动端页面，有一个顶条是导航条，需要固定在页面顶部，并且里面的元素需要可以左右滚动。 但是当导航条设置fixed定位时，发现里面的子元素不能横向滚动。 最后通过加一个嵌套元素，给这个 嵌套元素
阅读全文
摘要：概述 使用koa免不了要操纵数据库，现阶段流行的数据库是mongoDB，所以我研究了一下koa里面mongoDB数据库的增删改查，记录下来，供以后开发时参考，相信对其他人也有用。 源代码请看： "我的github" 可以参考我的这2篇博文： "mongoose入门" "koa中返回404并且刷新后才
阅读全文
摘要：概述 最近学习利用 koa搭建API接口 ，小有所得，现在记录下来，供以后开发时参考，相信对其他人也有用。 就目前我所知道的而言，API有2种，一种是 jsonp 这种API，前端通过ajax来进行跨域请求获得数据；另一种是 restful API ，前端通过fetch或者axios进行cors请求
阅读全文
摘要：概述 最近学习利用 koa搭建API接口 ，小有所得，现在记录下来，供以后开发时参考，相信对其他人也有用。 就目前我所知道的而言，API有2种，一种是 jsonp 这种API，前端通过ajax来进行跨域请求获得数据；另一种是 restful API ，前端通过fetch或者axios进行cors请求
阅读全文
摘要：概述 前几天找react的技术书籍看，找到 "《react精粹》" 和 "《深入浅出React和Redux》" 。由于《react精粹》是 外国人 写的，再加上译者 奇舞团 我也比较喜欢，所以就读这本书了。不过老实说，书有些过时了，但是里面的 基础思想和方法 讲的很有意思，正是我所需要的。所以我把它
阅读全文
摘要：概述 这是我读 "《软技能：代码之外的生存指南》" 这本书的读书笔记，夹杂着一些感悟，记录下来，作为我的 生活点滴 ，也提醒我以后的路该怎么走，相信对其他人也有用。 "《软技能》读书笔记1" 职业倦怠 在工作中，我们都会到达这种状态：我们兴趣索然，积极性低，身心俱疲，进展异常缓慢，或者看起来毫无进展
阅读全文
摘要：概述 像Mysql和Mongodb这样的数据库，一般都是在命令行或者工具里面进行操作，如果想在node搭建的服务器上面操作，就必须要利用特殊的模块的。其中操作Mongodb数据库需要用到mongoose模块，下面记录我学习mongoose模块的过程，供以后开发时参考，相信对其他人也有用。 参考资料：
阅读全文
摘要：概述 很早就想研究underscore源码了，虽然underscore.js这个库有些过时了，但是我还是想学习一下库的架构，函数式编程以及常用方法的编写这些方面的内容，又恰好没什么其它要研究的了，所以就了结研究underscore源码这一心愿吧。 "underscore.js源码研究(1)" "un
阅读全文
摘要：概述 很早就想研究underscore源码了，虽然underscore.js这个库有些过时了，但是我还是想学习一下库的架构，函数式编程以及常用方法的编写这些方面的内容，又恰好没什么其它要研究的了，所以就了结研究underscore源码这一心愿吧。 "underscore.js源码研究(1)" "un
阅读全文
