我大EOI前端

1

Service worker (@nuxtjs/workbox) 采坑记

CarterLi 9月20日发布
收藏

PWA（Progressive Web App）是前端的大趋势，它能极大的加快前端页面的加载速度，得到近乎原生 app 的展示效果（其实难说）。PWA 其实是多种前端技术的组合，其中最重要的一个技术就是 service worker。

2

关于 http2 下 push 接口请求的正确姿势

CarterLi 6月4日发布
3 收藏

今天听👆哥说（吹）到他们网站用HTTP2推送接口请求极大的加快的网站访问速度。其实我在去年研究 HTTP2_push 时就想到了这个情形。

0

用 :focus-within 实现纯 CSS 下拉框组件

CarterLi 5月21日发布
1 收藏

当点击表单中的文本框时需高亮整个表单元素。但是表单内部的文本框获得焦点并不代表表单元素本身有焦点，所以使用 form:focus 并不能生效，这时就可以使用 :focus-within

1

Angularjs 1 深度解析：组件化编程

CarterLi 5月13日发布
1 收藏

前端组件化是前端开发模式中一个不可逆转的趋势，三大主要前端框架 angular 2 react vue 都不约而同的把组件化编程作为自己的一大卖点，angular 1 作为一个历史相对悠久的框架，在私生子 angular 2 的推动下，终...

9

微信小游戏的前端攻城狮玩法

CarterLi 5月13日发布
20 收藏

公司群里经常有人会发一些微信小游戏，每次下面都会跟好多晒分截图。比如这个《看你有多色》的考察眼力的（瞎眼）小游戏。

0

如何检测浏览器是否支持某个伪类

CarterLi 5月10日发布
收藏

此法检测的是浏览器是否支持一个名为 div 的属性，且值可以为 focus-within，当然不支持。。。

8

四个最诡异的 CSS 特性

CarterLi 5月6日发布
5 收藏

JavaScript 作为一个创始人拍脑袋 10 天搞出的语言，JS 中包含了很多在今天看来很多不应该出现在现代语言中的诡异特性。其实，作为 Web 中必不可少的 CSS 语言也不逞多让。今天我就来聊聊我认为的那些最诡异的 CS...

5

给你的网页游戏添加游戏手柄支持

CarterLi 4月23日发布
3 收藏

自从买了 Switch 手柄后一直想试试给自己写的小游戏增加手柄支持。今天终于抽出时间搞了一把。以下是笔记 ;)

1

redux中的异步

shiyangzhaoa 3月29日发布
1 收藏

无论是前端开发还是后端的nodejs，异步基本上总是核心。我所在的公司是做大数据处理的，经常需要从后台拿取大量的数据，导致整个请求会比较耗时。如下一个场景：我选择A应用，点击搜索，这时候我马上去选择应用B,...

0

使用正则表达式找出所有不包含某字符串的行

CarterLi 3月5日发布
3 收藏

通过 /\.(jpg|png|svg|gif|webp)$/ 判断图片文件，如果符合条件则将其储存至 images 目录下。然而这样做会把类似 fontawesome-webfont.svg 和 glyphicons-halflings-regular.svg 这样的字体文件也匹配进去

5

可拖动table表头的实现

shiyangzhaoa 2月9日发布
7 收藏

自己做的项目碰到这样一个需求，就是对所有的表格添加表头可以拖动的效果。我一想，这不简单，分分钟钟给你做出来。拿起我的电脑，啪啪啪就敲起来了。一定是哪里不对，以我的聪明才智，结果应该不是这样的，然后...

0

巧用 `Promise.all` 实现函数：有一个 Promise 被 resolve 整个函数就被 resolve

CarterLi 2月4日发布
4 收藏

调用分布式服务接口时经常会遇到这样的问题：接口方提供多个 IP 供用户调用，只要有一个返回成功就算成功。

3

scrollIntoView 与平滑滚动

CarterLi 1月15日发布
5 收藏

经常有这样的需求：点击一个链接（内链）跳转到当前页面中间某个部分。对于这样的需求，很容易想到使用锚点实现。但有一个问题：滚动一步到位，太生硬了。

20

给初学者：JavaScript 的常见注意点

CarterLi 1月6日发布
69 收藏

上篇说了一些 JS 中数组操作的常见误区，这次来总结一下初学者常见的其他易错点。写立即执行函数时前置 void 立即执行函数（IIFE）在 JS 非常常用，作用就是构造一个函数级的变量作用域。常见的写法如下： {代码...

0

使用 Web Worker 实现简单的非阻塞异步

CarterLi 2017年12月24日发布
4 收藏

之前的文章提到了 JavaScript 中的异步编程，然而无论早就存在的 setTimeout 还是 ES6 中的 Promise，它们都是阻塞异步，执行函数的时候，会阻塞线程。setTimeout 只会把一个函数延后执行，但还是在主线程中执...

20

给初学者：JavaScript 中数组操作注意点

CarterLi 2017年12月17日发布
74 收藏

这是 JavaScript 初学者常见的误区。for_in 用于遍历对象中包括原型链上的所有可枚举的（enumerable）的 key，本来不是为遍历数组而存在。

5

用两种不同的姿势来实现拖动排序

shiyangzhaoa 2017年12月08日发布
33 收藏

说来惭愧，上图不是我写的，不然我还能吹一波，没有看代码，但闭着眼就能猜到用的是html5的drag系列的api，相关的API可以看MDN上的介绍，我把文档拷一下做个介绍吧==

1

echarts 入门心得

皮卡丘那个丘 2017年12月07日发布
2 收藏

公司项目中负责的主要部分是图表展示，初次大规模使用echarts，边写边摸索，以下为一个阶段性的总结，当然ECharts中还有一些好玩的实用的（例如自定义图表）还没涉及到，以后慢慢补充。这篇是总结常见图表：柱状...

4

巧用 Object.assign 合并小对象

CarterLi 2017年12月03日发布
9 收藏

之前遇到过这样一个问题，把下面一段服务器返回的文本 {代码...} 转换为对象的形式。这是一整段字符串，当然首先要按行分割为多段。设原始字符串为 str，则 {代码...} 就获得了一个字符串数组。每个字符串头部都...