恺

如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述，如果不注意的话，很容易写成第三种写法，导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…

冷启动时长是App性能的重要指标，作为用户体验的第一道“门”，直接决定着用户对App的第一印象。美团外卖iOS客户端从2013年11月开始，历经几十个版本的迭代开发，产品形态不断完善，业务功能日趋复杂；同时外卖App也已经由原来的独立业务App演进成为一个平台App，陆续接入了…

由于目前公司采用了ProtoBuf做前后端数据交互，进公司以来一直用的是公司大神写好的基础库，完全不了解底层是如何解析的，一旦报错只能求人，作为一只还算有钻研精神的猿，应该去了解一下底层的实现，在这里记录一下学习过程。 个人感受： 前后端数据传输用json还是protobuf其…

svg-sprite-loader 的插件，用来根据导入的 svg 文件自动生成 symbol 标签并插入 html，接下来就可以在模版中方便地使用 svg-sprite 技术了。 这时候发现还是不行啊，body 中并没有看到 symbol 标签。 配置好了，就可以用了。使用方…

使用TypeScript已经有了一段时间，这的确是一个好东西，虽说在使用的过程中也发现了一些bug，不过都是些小问题，所以整体体验还是很不错的。 TypeScript之所以叫Type，和它的强类型是分不开的，这也是区别于JavaScript最关键的一点，类型的声明可以直接写在代…

这篇文章主要介绍如何打包 Electron 应用，以及分析 electron-builder 是如何对我们的应用进行打包的。 Electron 目前有两种打包工具：electron-userland/electron-builder 和 electron-userland/el…

React存在的意义就是状态与UI分离，使开发者不知有DOM，无论魏晋。 不过有些状态是无法与UI分离的，比如说表单的聚焦，复杂的动画等等。 怎么办？在React完全控制DOM之前，它还是给开发者留了后门。 每一个class组件实例化的时候都会挂载一个refs属性，它就是用来存…

一个集 多页应用 + 单页应用 的混合项目框架。 适用于主要入口页面生成多页，子页面和次要页面使用单页形式的项目。 ES6+ Vue2.0 Vuex Vue-Router Axios Webpack4 npm模块(vue、vuex之类)打包成一个单独的js文件 公共组件和公共函…

昨天晚上做携程的笔试，第三道题是让模拟一个排序的步骤，也就是将排序的过程以动画的形式表现出来。 首先赞一下携程的这道题目，这才是前端该做的题目，既有意思，又考察了排序算法，还考察了部分动画及 dom 操作。话不多说，分析一下这道题目。 为什么绝对定位呢，首先绝对定位可以让元素脱…