这周的前端圈，可以说是被一个叫 Pretext 的项目彻底刷屏了。 短短几天，GitHub 狂揽 41K+ Stars ⭐⭐⭐。 很多刚入行的小伙伴看完官方那个极简的 Readme 可能一头雾水：不就

🔥 一键夜间模式，告别手动配置暗主题 你是否还在单独写变量控制夜间模式？ 使用 prefers-color-scheme 媒体查询结合 filter 属性， 实现一键切换夜间模式，无需单独配置暗黑色值

本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。 不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程…

1. 直接修改与commit提交mutation修改state的差异 2. Vuex中状态是对象时要注意什么 因为对象是引用类型，复制后改变属性还是会影响原始数据，这样会改变state里面的状态，是不允许，所以先用深度克隆复制对象，再修改。 3. 组件中批量使用Vuex的sta…

上一个项目没用Vuex，几百万行代码的编辑器，全程用的eventBus，照样很香。 为什么不用呢？因为一开始就没想过用，等到项目快完成了，没人愿意换了。 多个视图依赖于同一状态。 来自不同视图的行为需要变更同一状态。 对于问题一，传参的方法对于多层嵌套的组件将会非常繁琐，并且对…

使用Object.defineProperty和ES6的Proxy，这就是进行数据劫持或数据代理。 Vue通过设定对象属性的 setter/getter 方法来监听数据的变化，通过getter进行依赖收集，而每个setter方法就是一个观察者，在数据变更的时候通知订阅者更新视图…

当需要创建多个对象的时候，如果循环会「重复创建」很多变量，占用内存。 如果用new生成，那么里面重复的属性是在「原型」上，就不用占用内存。 节省代码，属于语法糖，可以拥有使用构造函数里面的所有「属性和方法」，并且还可以「拓展」。 判断构造函数的返回值，如果是对象，直接返回这个值…

URL（Uniform Resource Locator），统一资源定位符，俗称网址。用于定位互联网上资源。URL 给资源的位置提供了一种抽象的识别方法，并用这种方法给资源定位，从而对资源进行各种操作，增删改查。 scheme - 定义协议的类型。常见的协议有 http、htt…

MVVM的核心是数据驱动即ViewModel，ViewModel是View和Model的关系映射。MVVM本质就是基于操作数据来操作视图进而操作DOM，借助于MVVM无需直接操作DOM，开发者只需编写ViewModel中有业务，使得View完全实现自动化。 SPA（ singl…