在对 redux 的使用过程中，了解到 redux 中的一些核心概念和方法，为了达到 “知其然，也知其所以然” 的学习目标，尝试从应用层面出发，剖析原理，手撸 redux 和 react-redux 中的核心方法。 一. redux 中的基 ...

标签（空格分隔）： vue 前端 前言 首先自己实现了一遍 reactive 的两个api， 对依赖变化的监测有了一定的了解， 现在再看看源码是怎么写。 为了更好理解， 自己按着源码重新写一遍。 vue3 源码 重写源码 以下代码可直接复制 ...

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

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

path模块，其实还是在webpack中用过一下下，至于node，还没开始用。这个模块算是基础，当作是预习一下。 path模块方法还是有几个的，这边只学习几个认为有必要、能用到的几个方法。 开始之前先看看两个输出： console.log( ...

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

主体图 对象类型 原生对象：Object，Function(函数对象) ,Array(数组对象), String(字符串对象), Date(日期对象), Boolean(布尔对象), Number(数字对象),RegExp(正则对象),E ...

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

RegExp属性和方法整理 正则表达式从上学时候就感觉跟一个噩梦似得，怎么都看不懂，工作后也有几次想好好看看正则，不知是时间还是自身技能层次的限制都没能搞明白如何写一个正则表达式，直到今天，再次一行一行阅读了MDN关于RegExp的介绍，才 ...

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