01 2024 档案
摘要：打包工具 Webpack（三） 打包 css 资源 https://www.webpackjs.com/loaders/css-loader/#getting-started less https://www.webpackjs.com/loaders/less-loader/#getting-st
阅读全文
摘要：打包工具 Webpack（二） 它分为五大块 入口 出口 加载器（webpack 本身只能处理 js、json 等资源，其它资源需要借助加载器才能解析，比如 css 资源） 插件 模式 我们一般会有一个配置文件（专门配置 webpack 的），叫做webapck.config.js // Node.
阅读全文
摘要：打包工具 Webpack（一） 为什么需要打包工具？ 开发时，我们会使用框架（React、Vue），ES6 语法、less/scss 等 css 预处理器 但是浏览器只认识纯粹的 HTML / CSS / JavaScript 所以我们需要打包工具帮我们转成浏览器认识的语法 除此之外，打包工具还能压
阅读全文
摘要：关于 npx 它是 npm 自带的东西 临时安装软件包执行后删除它 比如命令npx nodemon xxx.js就是在没有安装nodemon的前提下使用的（其实你要安装了nodemon，不论是在本地还是全局，直接用nodemon xxx.js也是可以的）
阅读全文
摘要：浏览器存储 LocalForage cookie、session、LocalStorage存在一定的缺点 存储量小 存值和取值需要经过序列化和反序列化 虽然IndexedDB可以用数据库这种形式来玩转本地化存储，然而它的使用比较复杂 LocalForage，就相当于轻松的使用IndexedDB，它们
阅读全文
摘要：react-redux 的使用（三） 单个组件的场景下，我们已经学会了如何从仓库里面拿值，那么其他组件怎么拿呢？ 关键在于store目录下的index.js文件，如下： import { createStore, applyMiddleware, combineReducers } from 're
阅读全文
摘要：react-redux 的使用（二） 从前面我们可以发现，这个react-redux还要建一个容器的文件，主要它还是一对一的关系（即某个jsx文件要用仓库，就得再建一个容器目录），太繁琐了，所以这一节谈谈如何简化使用 即将原来容器组件里面代码移到 UI 组件中来，代码如下： import {conn
阅读全文
摘要：react-redux 的使用（一） 其实它的使用还是离不开 redux 它分为两部分，UI 组件和容器组件（注意，原有的store文件内容不改变，并且在APP.js渲染的是容器组件） 此时产生了一个大改变，就是在页面不再通过store获取数据，而是this.props.xxx 容器文件代码如下：
阅读全文
摘要：Redux 的使用（二） 这一节主要是讨论异步Redux的使用，关键是这个异，异在哪里？ 其实它是异在{ type: 'xxx', data: 'xxx' }的地方，即晚一点传这个东西，代码如下： store.dispatch((dispatch, getState, extraArgument)
阅读全文
摘要：Redux的使用 store 文件如下 import { createStore } from 'redux' export const store = createStore((preState = 0, { type, data }) => { switch (type) { case 'add
阅读全文
摘要：Vue3 的宏函数 就是能直接用，无需引入的那种，例如defineProps()、defineExpose()等 defineXXX 形式的
阅读全文
摘要：语法 React 中的{}相当于 Vue 中的{{}} 若要使用 Vue 中的:src="xxx"，需换成如下： src={xxx} 因为在 React 中没有:src这个冒号的概念 Vue 中的:class="[]"变成了className="" Vue 中的:style="{}"变成了style
阅读全文
摘要：JS 模块化 一、早期 <script src="jquery.js"></script> <script src="main.js"></script> <script src="dep1.js"></script> 如果通过这种方式，那种极有可能造成变量冲突 于是他们采用了这种方案： (func
阅读全文
摘要：响应式 响应式不一定是双向绑定，单向绑定也是响应式 我感觉这篇文章讲的应该是响应式原理，而不是双向绑定，双向绑定应该是v-model https://blog.csdn.net/weixin_43638968/article/details/123635980
阅读全文
摘要：history/hash 模式： 有 # 号的就是 hash 模式：它规定 # 号后边的都算 hash 值。hash 值不会作为路径的一部分发给服务器。这个是有好处的，假如你是 history 模式的话，因为路由跳转是不走网络请求的吗，但是你一跳转，url 就变，到时候你再一刷新，这些 url 都带
阅读全文
摘要：为什么Vue更新数据不能拿到最新的DOM，而nextTick却可以拿到？ 因为数据更新是异步执行的，所以你只能在宏任务或者微任务中拿到 这样做有一个好处，就是可以避免频繁的更新DOM
阅读全文
摘要：为什么在Vue对象上新增一个属性会丢失响应式？ 在Vue2中，Obejct.defineproperty只会对属性进行监听，而不会对对象进行监听 就是说在新增一个属性的时候，它没有新开一个Obejct.defineproperty方法，所以也不会调用它里面的setter方法，即没有响应式 同理，de
阅读全文
摘要：https://medium.com/javascript-scene/10-interview-questions-every-javascript-developer-should-know-in-2024-c1044bcb0dfb
阅读全文
摘要：
阅读全文
摘要：运算符优先级 算术运算符（+、-）高于关系运算符（>） // 也就是说，下面这段代码是等效的，因为下面的 算术运算符 会先执行 if (2 > 1 + 2) console.info('hello') if (2 > (1 + 2)) console.info('hello') 逻辑非（!）高于逻辑
阅读全文
摘要：<template> </template> <script> export default { #[[]]# } </script> <style lang="less" scoped> </style> 特此记录，以免忘记
阅读全文
