标签（空格分隔）： vue 前端 [toc] 前言 为了更好地理解 vue3，阅读其源码是一个重要的途径，但是单纯阅读源码可能理解不了作者为什么这样写，因此自己根据 API 来实现一遍然后再与源码作对比，可以更深刻理解 vue3 的实现原理 ...

前言 首先，当我们编写代码时，不通过模块化的思想想要引入一个js，通常是在html文件中创建一个script标签，引入我们需要的js，如果我们引入的是自己手写的js，很容易发生变量重名的冲突。 例如： // 变量同名冲突 // a.js v ...

什么是函数的作用域 函数作用域：在 JavaScript 中，作用域为可访问变量，对象，函数的集合。JavaScript 函数作用域: 作用域在函数内修改。 this 与函数又有什么关系呢？ this对象是在运行时基于函数的执行环境绑定的。 ...

效果 鼠标触碰按钮，出现水墨风格动画 屏幕自适应 一份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接受一个待代理目标对象和一些包含元操作的对象 ...