wuchangming

笔者的Flutter练手项目代码都放在flutter_demo，有需要的可以star噢。看完觉得有帮助的话，可以动手点个赞👍。 这个效果就是安卓手机常见的按压水纹效果。 就是在Scaffold这个脚手架Widget增加一个drawer属性即可，具体我也不细讲，感兴趣可以看完整…

图表的数据为1005，1988，2500，3902，5530，很显然这个处理数据的结果不尽人意。 对比可知，为了让图表的数据规整，需要保证间隔的规整，如50，500等数字的倍数，其次是确定起点，只要确定好起点，通过间隔的累加即可。所以，对于这个方案有两个需要处理的，那就是确定起…

本 Demo 并不采用 CSS Module 来进行 css 模块化，因为编译之后可读性不好，而且增加复杂度和编译时间。使用统一的 css 命名空间约定，我们也可以很简单的防止 css 命名冲突。 使用 Typescript 意味着使用强类型，我们把业务实体中 TS 类型定义分…

前端应用在不断壮大的过程中，内部模块间的依赖可能也会随之越来越复杂，模块间的 低复用性 导致应用 难以维护，不过我们可以借助计算机领域的一些优秀的编程理念来一定程度上解决这些问题，接下来要讲述的 IoC 就是其中之一。 嗯，看起来没什么问题，但是实际应用中需求是非常多变的，可能…

前端的同学如果用 window.onerror 事件做过监控，应该知道，跨域的脚本会给出 "Script Error." 提示，拿不到具体的错误信息和堆栈信息。 这里读者可以跟我一起做一个实验，来深入了解这个事情。先做一下实验准备： 创建一个 Node APP，只做静态服务器，…

最近我开始思考React应用的状态管理。我已经取得一些有趣的结论，并且在这篇文章里我会向你展示我们所谓的状态管理并不是真的在管理状态。 我们来看一个简单的例子。想象这是一个展示用户名称、密码和一个按钮的表单组件。用户会在填写表单后点击提交。如果一切顺利，我们完成了登录，并且有必…

说到抓包这个问题，很多初级的前端都不太能意识到这个问题，虽然本人也就是个小菜，但是对于抓包工具可以说是熟练掌握了，因为有过太多接口的问题被测试指派了我，那么如果熟练掌握了抓包不仅能快速定位出问题，还能分析网络请求，以及一些前端逻辑的问题导致接口多次触发等现象。 所以一个合格的前…

Tree-Shaking这个名词，很多前端coder已经耳熟能详了，它代表的大意就是删除没用到的代码。这样的功能对于构建大型应用时是非常好的，因为日常开发经常需要引用各种库。但大多时候仅仅使用了这些库的某些部分，并非需要全部，此时Tree-Shaking如果能帮助我们删除掉没有…

为什么使用lazy-reducer?在使用了redux的项目，普遍存在同样的问题：随着项目规模的增长，reducer数量和代码量也相应增加。本身redux并未提供完善的reducer代码分块方案。la