效果 鼠标触碰按钮，出现水墨风格动画 屏幕自适应 一份html文件，一份css文件，无javascript，上手程度：很简单 笔记 :root 这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说，:root 表示元素，除了优先级更 ...

对于前端来说，最重要的莫过于用户体验了，这次我们聊一聊骨架屏 - Skeleton Screen 我们平常对于需要请求加载的内容，可能用的比较多的是loading动画，比如在内容区域放一个菊花图，当请求结束，并且render tree构造完 ...

ajax 基本概念 ajax 是Asynchronous JavaScript + XML 的简写。指一种创建交互式网页开发的技术。 通过异步模式，提升了用户体验。优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用。 aj ...

封装一个简单的ajax请求 此封装默认为 GET 请求，参数为 url 地址以及对数据的处理方式fn function ajax(url,fn){ if(window.XMLHttpRequest){ var xhr ...

封装复杂的 ajax 请求 ajax 传参为对象的格式，方便之后进行数据处理 注意数据格式的处理 get 和 post 的处理方式不同，参数也不同 function ajax(obj){ if(window.XMLHttpRequ ...

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

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

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

let originalArray = [1,2,3,4,5,3,2,4,1];// 方式1const result =Array.from( newSet(originalArray));console.log(result);    ...

promise 是es6中新增的一个对象 是异步编程的解决方案，主要解决异步编程中多个回调函数的使用问题 在实际开发过程中，我们可能遇到不止一个异步操作，每个异步操作都会有一个回调函数；那么有没有可能出现这样一种情况：本次异步操作的结果 ...