osimly

掘金日报主打分享优质深度技术内容，技术内容分：前端、后端、Android、iOS、产品设计、工具资源和一些有趣的东西。 前端 一劳永逸的搞定 flex 布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中？ 改造你的网站，变身 PWA - 掘金 最…

共 2670 字，读完需 5 分钟。编译自 Dmitri Pavlutin 的文章，对原文内容做了精简和代码风格优化。ES6 中引入的箭头函数可以让我们写出更简洁的代码，但是部分场景下使用箭头函数会带来严重的问题，有哪些场景？会导致什么问题？该怎么解决，容我慢慢道来。能见证每天…

本文首发于CSDN网站，下面的版本又经过进一步的修订。原文：webpack与browser-sync热更新原理深度讲解本文包含如下内容： webpack-hot-middlewareEventSourceCORSnginx配置browser-syncWebSocket支持性Fr…

熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题.原文：16种方法实现水平居中垂直居中 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中. 2) 若是块级元素, 该元素设置 ma…

该网页提供了交互式的 CSS Flexbox 教程，详细介绍了 Flexbox 的使用语法与经典案例。

Node.js 社区最高产的工程师 Sindre Sorhus 本周发布了他的第 1000 个 npm 包，详见这里，据 npm 官方统计，全网的 npm 包下载量中有 12% 都跟 Sindre Sorhus 有关。看到这个，你作何感想？另外，部分精彩的文章我已经翻译成中文发…

Web layout 是Web UI中的基础架构, 重要性不言而喻. 传统的盒模型, 借助display, position, float 属性应对普通布局游刃有余, 但针对复杂的或自适应布局, 常常捉襟见肘. 比如垂直居中, 就是一个老大难的问题, 借助flex弹性盒模型, …

共 1812 字，读完需 3 分钟。工欲善其事必先利其器，前端周刊本周起每周会加餐 1 篇工具技巧，里面辅以动图，让大家看完就能学会，并上手使用。本文会介绍 Chrome Canary 新增的代码覆盖率功能、如何收集数据、如何基于它收集的数据来改进 WEB 应用的性能。Chro…

最近有很多关于 Progressive Web Apps（PWAs）的消息，很多人都在问这是不是（移动）web 的未来。我不想陷入native app 和 PWA 的纷争，但是有一件事是确定的 --- PWA极大的提升了移动端表现，改善了用户体验。 好消息是开发一个 PWA 并…