方泉水很甜

随着业务的不断累积，目前我们 ToC 端主要项目，除去 node_modules， build 配置文件，dist 静态资源文件的代码量为 137521 行，后台管理系统下各个子应用代码，除去依赖等文件的总行数也达到 100万 多一点。 本文会在主要描述以 Vue 技术栈为技术…

最近一个项目掉进了移动端的大坑，包括ios下fixed布局，h5唤起键盘等问题，作为一个B端程序员，弱项就是浏览器的兼容性和移动端的适配(毕竟我们可以要求使用chrome)，还好这次让我学习了一下相关知识。让我们一起来看一下我怎么挣扎出这个大坑的。 先看一下要做什么，也就是一个…

自从去年9月份 React 团队发布了 v16.0 版本开始，到18年3月刚发布的 v16.3 版本，React 陆续推出了多项重磅新特性，并改进了原有功能中反馈呼声很高的一些问题，例如 render 方法内单节点层级嵌套问题，提供生命周期错误捕捉，组件指定 render 到任…

引言iPhoneX发布至今已经有将近一年的时间了，各类app都多多少少做了对iPhoneX的适配，那对于我们H5页面该做哪方面的适配呢？首先了解安全区域(safearea)的概念，它保证了内容在设备上

路径动画的效果还是挺有意思的，而 Web 中常用的方法就是 SVG。先上一个效果图： SVG 要在 SVG 里面实现文字路径动画还是比较简单的，SVG 里面就有天然的支持。 我们先搞个 SVG 路径 <svg id="textPathDemo" xmlns="http://ww…

前阵子，在Media看到一篇文章《Node.js can HTTP/2 push!》。看到push这个字眼时，我想到的是WebSocket消息推送。难不成HTTP/2还能像WebSocket那样可以服务端主动推送消息？好厉害，我就一下子来了兴趣。 然而阅读完文章之后，发现理想与…

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。简单来说，Flutter是一款移动应用程序S…

页面性能差的直接后果是用户需要等待，而等待，尤其是不确定要多长时间的等待会给用户带来焦虑，为了尽早的结束这种焦虑，除非访问网页是刚需，用户通常会选择直接关闭页面。从实际数据来看，性能差是页面高跳出率的重要原因之一。 结论显而易见：越快越好，少即是多。 实际上，最近几年来大型互联…

最近一个活动页面中有一个小需求，用户点击或者长按就可以复制内容到剪贴板，记录一下实现过程和遇到的坑。 分别来看看这两种方法是如何使用的。 这是clipboard的官网：https://clipboardjs.com/，看起来就是这么的简单。 注意到，在 <button> 标签中…