不知不觉在网易已有三年半，占了一半时间都在与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不完。Android和iOS各显神通，Android的系统版本和屏幕分辨率多得难以一招兼容，iOS的顽固标准…

一、问题背景 为了防止信息泄露或知识产权被侵犯，在web的世界里，对于页面和图片等增加水印处理是十分有必要的，水印的添加根据环境可以分为两大类，前端浏览器环境添加和后端服务环境添加，简单对比一下这两种

jest 在运行前会检查是否安装 babel，如果安装了会去取 .babelrc 文件，结合 babel 将代码进行转化，运行转化后的代码。 3. jest 默认配置 "http://www.dell-lee.com/react/api/404.json" 则不存在。 对于异步…

的确，有些标题党了。起因是微信群里，有哥们问我，你是怎么学习前端的呢？能不能共享一下学习方法。一句话也挺触动我的，我真的不算是什么大佬，对于学习前端知识，我也不能说是掌握了什么捷径。当然，我个人的学习方法这篇文章已经在写了，预计这周末会在我个人公众号发布。而在此之前，我想展(g…

实现数据监控的系统。有线图、柱状图、地图，并具有定时刷新的功能。 上一篇介绍了 1-6 部分。本篇将介绍一下剩下的 7-10 部分。 主要内容是 对数据的处理方式 和 整体的数据逻辑 。 望各位看官多提 建议和不足 哈，也希望能本篇能给需要人带来 启发。 成品效果图不方便发，还…

我们都知道，新的React Hook系统在社区中引起的反响很大。我们已经尝试和测试过，并且对它及其潜力感到十分兴奋。当你想到hooks时会觉得他们很神奇，不暴露你的实例，React就能管理你的组件（不使用this关键字）。那么React到底是怎么做到的呢？ 今天我将会深入Rea…

布局的传统解决方案是基于盒状模型，依赖 display + position + float 方式来实现，灵活性较差。2009年，W3C提出了一种新的方案-Flex，Flex是Flexible Box的缩写，意为”弹性布局”。Flex可以简便、完整、响应式地实现多种页面布局。下…

前言使用自定义的方式搭建next环境创建项目目录mkdirnext-learncdnext-learnnpm/yarn初始化npm进行初始化：npminityarn进行初始化:yarninitnext