前端优化，这是一个很大的范围。可能平时更多的文章是基于某一点去深入的讲解。所以趁机整理一套前端优化的基础大纲，一方面给让自己沉淀下这些知识，另一方面也方便后续优化时有个清单可以去对照着优化。

.filter 是数组内置的迭代方法，它接收一个断言函数，这个函数会在迭代的每个数组成员上调用，如果函数的返回值是真值，就过滤出（即保留）这个成员，否则（是假值的话）就过滤掉这个成员。最终 .filter 返回的是原数组的一个子集。 这一段话里面有很多概念需要解释！让我们逐一看…

之前踩坑css的时候，遇到滑轮，按钮，选择框这类型的东西，为了页面效果，总是需要自定义他们的样式，而不使用他们的默认样式。当时写的时候，我也是蛮头疼的，弄了个demo，链接在下面。对此做个总结。本文是面向前端小白的，大手子可以跳过，写的不好之处多多见谅。 额，今天就先大概的将代…

因为经常需要维护一些大型的业务项目和一些自己的开源项目，所以为了更好的“规范”代码质量和迭代的稳定性，开始写了一些单测。下面也主要是自己的一些总结吧，由于测试工具和框架很多，这里只介绍一些browser端常用的测试工具，文中如果有问题也欢迎拍正！！🙂 之前我们开发项目的时候，…

1. Observer API Observer是浏览器自带的观察者,它主要提供了Intersection, Mutation, Resize, Performance这四类观察者, 这里笔者重点介绍Intersection Observer. 说简单点就是该api可以异步监听…

本文的每一条，都是我曾经发过的掘金沸点，其中有很多条超过了百赞（窃喜）。 鉴于时不时有童鞋翻我以前的沸点，因此，本文收集了个人目前发过的所有CSS知识点动图，以便阅读。 需要说明的是，顺序仍是按当时发布顺序罗列的，还没有系统的总结，多多包涵。 另外这里，老姚谢谢各位一如既往的支…

api目录用于存放 api请求,文件名与模型名称基本一致,文件名使用小驼峰, 方法名称与后端restful控制器一致. 上面展示的是一个后台系统, empty为一个空布局.用于登录页面, 其他页面则使用default布局. 布局不需要过多介绍,写过laravel blade都很…

你是否曾经想要使用一些特别的CSS特性，却因为未曾得到所有浏览器的支持而选择放弃？又或者是，这些特性得到了所有浏览器的支持，但总会伴随着奇怪的bug，表现不一致甚至相互矛盾？如果这些事情都曾发生在你身上——我敢打赌——你应该关注一下Houdini。 Houdini是W3C的一项…

Tutorialzine每月都会给我们精心挑选优秀的web开发资源，这些资源可以帮助我们解锁最新和最炫酷的网络开发姿势。前端er,让我们一起先睹为快吧！ polly是一个用于记录，重放和模拟HTTP交互的开源库。它提供了一套完善且易用的API来拦截、修改和附加事件，并更改配置来…