月凉心凉

ListView组件是antd-mobile中的列表展示组件，适用于显示同类的长列表数据类型，对渲染性能有一定的优化效果。官网地址: https://mobile.ant.design/components/list-view-cn/. 在开发前端页面中，无论是手机端还是PC端…

阿里巴巴Lazada事业部，负责东南亚地区的电商平台Lazada。随着东南亚地区崛起的青年群体、移动互联网的高渗透率，以及仅占零售总额3%的电子商务体量，我们相信 Lazada 有能力把握住东南亚互联网商务下一阶段的发展机遇！这里有快速发展的业务、国际化办公环境、阿里浓烈的技术…

带你深度解锁Webpack系列(基础篇) 和 带你深度解锁Webpack系列(进阶篇)，主要是讲解了 Webpack 的配置，但是随着项目越来越大，构建速度可能会越来越慢，构建出来的js的体积也越来越大，此时就需要对 Webpack 的配置进行优化。 本文罗列出了十多种优化方式…

个人近期面试情况 今年以来，面试的几个代表性的公司，包括腾讯、饿了么、宝宝树、旷世科技等等，基本都成了。 最终，饿了么刚给我确认了p7的职位。也算自己到了另一个奋斗的阶段了。对自己的经历，做一个面试总

首先我们先看一个简单的表单，收集并校验两个组件的值。只需要通过监听两个表单组件的 onChange 事件，获取表单项的 value，根据定义的校验规则对 value 进行检验，生成检验状态和检验信息，再通过 setState 驱动视图更新，展示组件的值以及校验信息即可。 上面的…

作为一个对UI和动画敏感的切图仔，在日常开发之余，也会关注一些贼好看的图表库和插件。 接下来，我将给大家介绍几款web/python/vue/react里漂亮得不行的开源库/实现。 1. 手绘风图表库：roughViz.js 基于D3(v5), roughjs, 和handy。…

浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节点…

循序渐进，看看只使用 CSS ，可以鼓捣出什么样的充电动画效果。 欧了，勉强就是它了。有了电池，那接下来直接充电吧。最最简单的动画，那应该是用色彩把整个电池灌满即可。 有内味了，如果要求不高，这个勉强也就能够交差了。通过蓝色渐变表示电量，通过色块的位移动画实现充电的动画。但是总…

使用Git差不多有一年了，命令行也用的越来越多，所以把工作中常用到的操作在这里总结一下，以便更好的回顾与查询。 $ git ci(commit) . # → 提交本次修改 (<commit>|HEAD)^n，指的是HEAD的第n个父提交，可以通过在“^”后面跟上一个数字，表示第…