本篇内容将记录并介绍使用Puppeteer进行自动化网页测试,并依靠约定来避免反复修改测试用例的方案。主要解决页面众多时,修改代码导致的牵连错误无法被发现的运行时问题。
React+D3 声明式可视化展示
在进行前端可视化图定制开发的时候,我们往往会使用d3.js来进行开发,其自包含了针对数据集合的处理以及操作节点集合的方式。下面我们将介绍在配合React使用时,借用React的思路,充分发挥React的组件化,声明式特性,来优化D3的开发过程。
使用babel-plugin-react-cssmodules替代react-css-modules
Why
在更新 React 至 16.6.*后,使用 react-css-modules 的项目会出现以下 Warning
|
|
主要是因为在 react-cssmodules 中,重写了 this.props,详见issues
Mongodb基本配置方法
一些关于mongo安装,用户管理,外网访问的设置
使用Performance对页面进行分析优化(实战篇)
这篇文章将介绍下实际使用performance对页面进行优化的过程。总的来说,chrome performance工具让我们更方便的发现在代码运行过程中的问题在哪里,便于对一些可能注意不到的问题进行定位、分析和优化。
使用Chrome Performance对页面进行分析优化
最近发现在调试应用的过程中,往往会发现对React某一组件的修改,往往会触发其他组件进行重新render,
有时这两个组件基本毫无关联。尤其是针对列表组件,往往会导致很多不必要的刷新。所以这次配合使用Chrome Performance对这点进行优化。本篇文章主要介绍开发工具的使用方式及各个结果的实际意义。
Something about ThinkJs and Mongoose
最近使用thinksjs + mongoose把博客后端的接口搭出来了,过程中遇到了一些问题,也收获了一些新的思路
使用Jenkins配合Github hook持续集成
最近尝试了下使用Jenkins+Github hook持续集成,实现master/dev分支进行提交的时候,自动执行脚本进行构建,重启服务等操作。整个过程其实很简单,主要是一步一步跟着教程来走。在这里把每个步骤和要求都记录下,以便日后查看。
关于一次线上出错的思考--如何规避线上程序崩盘
近日在工作中由于疏忽问题导致某个客户的系统直接崩盘,极大的影响了用户使用产品的体验。在经过修改之后,不得不思考下在日常开发中的一些坏习惯以及如何规避这些日常问题了。
我是如何一步步“改造”redux的
从Vue换到React+Redux进行开发已经有半年多的时间,总的来说体验是很好的,对于各种逻辑和业务组件的抽象实在是方便的不行,高阶组件,洋葱模型等等给我带来了很多编程思想上的提升。但是在使用Redux开发的过程中还是感觉不太顺手,本文将阐述我是如何对Redux进行一步步“改造”以适应个人和团队开发需求的。
过程中的示例和结果放在了easy-redux,欢迎star。