嘻嘻嘻_

在实际 Web 开发过程中，总会遇到各种各样的布局。有公司同事问我这样一种布局有没有什么好的实现方式，就是一种在活动充值页非常普遍的优惠券效果，如下 首先，碰到这类布局的最佳实现肯定是mask遮罩。关于遮罩，可以看一下CSS3 Mask 安利报告。这里简单介绍一下 这里的遮罩图…

如今，在我们繁忙的日程和紧迫的截止日期中，选择能够提高工作效率的工具至关重要。 在这里，我整理了一些我最喜欢的 NPM 包的列表。 我也将它们分类，因此信息更加结构化，更易于浏览。 当然，你不必安装和学习所有这些工具。在大多数情况下，从每个类别中挑选一个就足够了。我想提供一些替…

本文将会和这篇 -- CSS 奇思妙想边框动画类似，讲一些文字效果，利用不同的属性搭配，实现各式各样的文字动效。 在写各种 DEMO 的时候，有的时候一些特殊的字体能更好的体现动画的效果。这里讲一个快速引入不同格式字体的小技巧。 当我们相中了一个我们喜欢的字体，它也提供了非常快…

这是一种社交平台的常见需求，比如说在掘金平台中让用户选择感兴趣的标签，通常都是用JS来处理已经选择了的标签数量。今天给出一个css版本： 然后自定义label样式，接着设置CSS计算器。 设置如果文字长度超出指定的宽度，则隐藏超出宽度的内容。 设置文字在一行显示，不能换行。 设…

本文其实应该叫，Web 用户体验设计提升指南。 ... 所谓的用户体验设计，其实是一个比较虚的概念，是秉承着以用户为中心的思想的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。 良好的用户体验设计…

1. 使用引号强制进行精确匹配搜索 2. And 运算符 3. 使用 OR 操作符获取搜索词中某一个的结果 4. - 操作符将排除包含搜索词的结果 5. 可以使用(*)通配符作为占位符，它将被任何单词或短语替换 6. 在一个单一的网站搜索 7. 查找特定的文件类型 8. 搜索一…

说好的教程终于来了，第一篇文章主要来说一说在开始写实际业务代码之前的一些准备工作吧，但这里不会教你 webpack 的基础配置，热更新原理是什么，webpack速度优化等等，有需求的请自行 google，相关文章已经很多了。 如图可见模块有很多，而且随着业务的迭代，模块还会会越…

整体流程：1、选择文件，切片，计算文件hash，查询文件是否已经上传部分切片。2、如果是，则返回已上传的切片列表，对比所有切片，得到未上传的切片列表，并上传。否则上传所有切片。

在前端站点上下载文件，这是一个极其普遍的需求，很早前就已经有各种解决方法了，为什么还写这么老的文章，只是最近在带一个新人，他似乎很多都一知半解，也遇到了我们必经问题之“不能下载txt、png等文件”的典型问题，我就给他总结下下载的几个方式。顺便分享出来，也许，真有人需要。 这是…