前几天听一个朋友说到 snowpack, 便去去看了下这个包是干什么的，看了下官网，发现这个东西还是蛮有意思的。号称 无需打包工具（Webpack，Parcel）便能将代码结果实时展现在浏览器中。可以先看以下的图，是不是很诱人？ snowpack 以 ES Modules 为主…

上一篇文章我们分析了 Layout 布局组件的设计和实现，它的应用场景通常是局部布局。对于整个页面的布局，element-ui 提供了 Container 布局容器组件，专门用于 PC 管理后台页面的整体布局。 我们先通过几幅图看一下页面的常见布局。 这两张图的布局在后台系统中…

因为最近的项目需求，需要在 Electron 客户端启动的时候启动 nginx 服务，所以研究了一下怎么在 Electron 调用 命令行。 因为 Electron 基于 Chromium 和 Node.js，可以直接使用 Node.js 的 API 和一些包。目前研究有以下两…

在做电商类应用时，难免会遇到商品主图实现放大镜效果的场景，现有的基于Vue的第三方包不多并且无法直接复用，今天，我来分享一种高稳定性的基于 Vue 的图片放大镜方法。 放大镜的原理用一句话概括，就是根据小图上的鼠标位置去定位大图。 相信原理图已经画的很明白了， 图中，左侧框是小…

本系列文章就尝试解决这个问题。 研读那些排序算法，细品它们的名字，其实都很贴切。 比如归并排序，“归并”二字就是“递归”加“合并”。它是典型的分而治之算法。 上图中，先把数组一分为二，然后递归地排序好每部分，最后合并。 解决办法很容易想到，两权相较取其轻。 如上图所示，每次比较…

A simple TypeScript CLI for scaffolding Vue.js projects. Prerequisites: Node.js (>=4.x, 6.x preferred), npm version 3+ and Git. Example: Th…

使用二维展示方式，展示的信息更多维，更丰富。 使用层级化展示，每个层级有对应的信息重点，在展示更多信息的同时，不产生视觉负担。 高手可便捷地自行探索学习路径，同时也为初学者提供了推荐的学习路径。 那既然作为一个程序员，从本篇文章开始就要剖析产品中用到的技术了。整个产品前后端交互…

最开始找到了这篇文章，里面讲解了传统的轮播图实现思路和作者原创的轮播思路，并在文末给出了性能较高的原创方案。 作者的原创方案性能是很高了，但是我注意到每次执行轮播都需要移动一个 DOM 节点，这会触发浏览器重排重绘，性能依旧不够高，还可以继续优化。 可以看到只有现代浏览器才支持…

前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号（ID ： frontshow），及时获取前端每周清单。 FCC 废除网络中立法案: 所谓的网络…