在最近的项目里，我需要在 DOM 树向上查找拥有某个class, ID, 或者 data 属性的第一个元素。 我知道用 jQuery 实现这个功能简直小菜一碟，但今天我想分享一下用原生 JavaScript 方法实现 jQuery 里的 . ...

Proxy 使用proxy，你可以把老虎伪装成猫的外表，这有几个例子，希望能让你感受到proxy的威力。 proxy 用来定义自定义的基本操作行为，比如查找、赋值、枚举性、函数调用等。 proxy接受一个待代理目标对象和一些包含元操作的对象 ...

        之前在项目中，有一个固定屏幕顶部的横向日历条的需求，当时找了半天，没发现有合适的能用于vue的现成的轮子，于是只好自己徒手撸了个日历组件。 组件示例图 通过属性设置，也能以‘周历’的方式呈现         最近有点时间，想 ...

前言 提到混合式开发的童鞋，是不是想到是指 React Native , Weex，或者流行的 Flutter, 有意观赏上类分享，那友情提醒误入文章的你,打开控制台输入 history.go(-1)。 本篇总结的混合式开发，指 原生Ap ...

前端工程师很大程度上就是指javascript工程师。前端入门容易精通难，说的是前端，更指的是javascript。词法结构是一套基础性规则，用来描述如何使用javascript来编写程序。 与java关系关于javascript有这样一个 ...

代理模式是为一个对象提供一个代用品或占位符，以便控制对它的访问。 保护代理： 控制不同权限的对象对目标对象的访问； 虚拟代理： 把一些开销很大的代理，延迟到真正需要它的时候才去创建； 缓存代理： 可以为一些开销大的运算结果提供暂时的存储，在 ...

前言 从 ECMAScript 2016（ES7）开始，版本发布变得更加频繁，每年发布一个新版本，好在每次版本的更新内容并不多，本文会细说这些新特性，尽可能和旧知识相关联，帮你迅速上手这些特性。 image ES7新特性 1.Array.p ...

假设你正在做一个简单的搜索表单，用户在输入框中输入关键词，然后点击按钮进行搜索。 大概长这样： 搜他丫的 这里有个要求，搜索按钮应该只在搜索框有内容时才 ...

promise实现前端缓存 举个常见的场景：在调用接口前都需要做一个权限check，伪代码如下。 function getDataFromServer(url, options){ return checkFromS ...

我前面讲过一期关于条件判断小技巧的文章，今天接着聊。所谓小技巧，说实在就是特定场景里的特例手段；对于具备一定开发能力的码农，这些特例基本都能避开。但是，某些业务逻辑本身就十分复杂，嵌套的条件语句在逻辑层面就不可能有所优化了；碰到这类场景，我 ...