- 博客(27)
- 收藏
- 关注
RSS订阅原创 Webpack基础学习-Day01
entry属性是 Webpack 配置中的一个重要部分，它定义了 Webpack 构建的入口点。通过灵活使用字符串、数组和对象类型的entry，你可以实现不同的构建策略和优化代码拆分。结合 Webpack 的其他特性（如插件和优化选项），可以构建高效、可维护的前端项目。输出(Output)指示 webpack 打包后的资源 bundles 输出到哪里去，以及如何命名。output属性是 Webpack 配置中的一个关键部分，它定义了打包后输出文件的相关设置。通过配置output。
2024-07-19 22:28:45
971
原创 React基础学习-Day08
React基础学习-Day08React生命周期（旧）（新）（函数组件）（旧）在 React 16 版本之前，React 使用了一套不同的生命周期方法。这些生命周期方法在 React 16 中仍然可以使用，但被标记为将来可能会被废弃，建议尽量使用新的生命周期方法来代替。以下是旧版 React 生命周期方法的主要分类和用法：1. 挂载阶段（Mounting Phase）这些生命周期方法在组件实例被创建并插入 DOM 中时被调用。constructor(props)：构造函数，用于初始化组件
2024-07-18 15:57:10
958
原创 React基础学习-Day07
Fiber 的英文含义是“纤维”，它是比线程（Thread）更细的线，比线程（Thread）控制得更精密的执行模型。在广义计算机科学概念中，Fiber 又是一种协作的（Cooperative）编程模型（协程），帮助开发者用一种【既模块化又协作化】的方式来编排代码。在 React 中，Fiber 就是 React 16 实现的一套新的更新机制，让 React 的更新过程变得可控，避免了之前采用递归需要一气呵成影响性能的做法。
2024-07-17 22:29:12
914
原创 React基础学习-Day06
使用zustand可以简化和管理 React 应用程序中的状态。通过create函数创建状态存储，定义状态和更新函数。然后，在组件中使用相应的 Hook 来获取和更新状态，从而实现组件之间的状态共享和管理。这种方式不仅简洁直观，而且基于 React Hooks，适用于函数组件中的状态管理。当然可以，请稍等。是浏览器提供的一个持久化存储机制，允许网页存储键值对数据。使用persist中间件时，它默认会将状态数据序列化为 JSON 字符串，并存储在中。数据位置持久化的数据存储在浏览器的。
2024-07-16 20:39:51
840
原创 React基础学习-Day05
React基础学习-Day05常见的React API及基础使用方式1.useContextcreateContext 是 React 提供的一个 API，用于创建一个上下文对象，用于在组件树中跨层级传递数据而不必一级一级手动传递 props。基本用法以下是 createContext 的基本用法示例：import React, { createContext, useContext, useState } from 'react';// 创建一个上下文对象const ThemeConte
2024-07-16 14:13:48
394
原创 React基础学习-Day04
useEffect是一个功能强大的 Hook，用于在函数组件中管理副作用操作。通过合理使用依赖项数组和清理函数，useEffect可以帮助我们在组件的生命周期中执行和管理各种副作用。useContextHook 提供了一种轻松地在函数组件中使用 React 上下文的方式。它使得组件可以更简洁地订阅和使用跨组件树的数据。通过useContext，您可以避免 props drilling，提高组件的可重用性和可维护性。useReducer是 React 中的一个 Hook，用于管理应用状态。
2024-07-15 22:54:58
1052
原创 React基础学习-Day03
Redux 是一个管理全局应用状态的库Redux 通常与 React-Redux 库一起使用，把 Redux 和 React 集成在一起Redux Toolkit 是编写 Redux 逻辑的推荐方式Redux 使用 “单向数据流”State 描述了应用程序在某个时间点的状态，视图基于该 state 渲染当应用程序中发生某些事情时：视图 dispatch 一个 actionstore 调用 reducer，随后根据发生的事情来更新 state。
2024-07-10 09:32:12
883
原创 React基础学习-Day02
useEffect是 React Hooks 提供的强大工具，用于处理函数组件中的副作用操作。通过指定依赖项数组，可以精确控制 effect 的执行时机，避免不必要的重复执行，提高组件性能和可维护性。自定义 Hook 是 React 中的一个强大功能，它允许你将组件逻辑提取到可复用的函数中。自定义 Hook 的命名通常以use开头。我们将创建一个简单的自定义 HookuseCounter，它管理一个计数器的状态并提供增加和减少计数器的方法。
2024-07-09 12:36:55
1246
原创 React基础学习-Day01
通过虚拟 DOM、批量更新、避免不必要的更新和合并更新，React 有效地减少了重绘和回流的次数，从而提升了应用的性能。与传统的直接操作 DOM 的方式相比，React 提供了一种更加高效和优化的 UI 更新机制。.jsx是的缩写，它是一种 JavaScript 的语法扩展，允许开发者在 JavaScript 中直接编写类似 HTML 的标记语言，用于定义 React 组件的 UI 结构。以下是一些.jsx。
2024-07-08 13:22:37
1086
原创 HPPT升级HTTPS-NGINX（配置SSL）（阿里云版本）
在Nginx中配置SSL以实现HTTPS访问涉及几个关键步骤，包括准备SSL证书、安装SSL模块、配置Nginx SSL参数等。将证书文件和私钥文件上传到Nginx服务器的证书目录（/usr/local/nginx/conf/cert）。根据您在提交证书申请时选择的CSR生成方式，解压缩获得的文件不同，具体如下表所示。执行以下命令，在Nginx的conf目录下创建一个用于存放证书的目录。编辑Nginx配置文件nginx.conf，修改与证书相关的配置。，查看nginx的配置文件路径，并将。
2024-05-30 10:51:03
931
原创 cookie、localStorage、sessionStorage、token
前端本地存储的方式有三种，分别是cookie。一、cookie1.1 cookie是什么？http是一种无状态协议，就是一种不保存状态的协议，一个服务器不清楚是不是同一个浏览器在访问它。cookie的出现是为了解决前一种技术token的缺陷。为了解决http无状态的特点，会在请求中插入token，然后发送请求，告诉服务器，但是这种方式容易出错，所以cookie就出现了。
2024-05-24 14:35:10
582
原创 js中的 ＞＞＞ 0 时到底做了什么？
x >>> 0本质上就是保证x有意义（为数字类型），且为正整数，在有效的数组范围内（0 ～ 0xFFFFFFFF），且在无意义的情况下缺省值为0。
2024-05-21 10:00:51
423
原创 javascript 函数传参方式（按值传递还是按引用传递）
那么传进hello函数是 person和obj 拥有相同内存地址，因此改变了 obj,name的值就是改变了person.name 的值。当 obj 赋于一个新的内存地址的时候 ，obj的内存地址就和person的内存地址不是同一个了，因此改变了obj,name的时候 person,name是不会改变的。num2 改变了，但是 num1 也跟着改变 （引用类型复制的是自己在栈内存中的“指针”值，“指针”指向的是堆里面的数据）因此，函数参数传递的是内存地址这个值，函数传递参数就是按值传递的。
2024-05-09 19:16:07
273
1
原创 微任务中的async/await
*用法：**首先在 function 前面加 async 用来说明这个函数是一个异步函数，然后在async里面写await。await 等待当前async function语句内部语句的执行 await接受promise返回的成功或者失败的内容，在await后面接的这个promsie都是同步的，await还是会等待，而Promise没有返回值（成功或者失败），所以。，异步函数有两个可能的返回值：已解析的值和被拒绝的值。fn属于同步的有返回结果，返回失败的结果所以向下继续执行。
2024-05-07 10:40:43
266
原创 每天学习一点 js（一）
**基本类型:**string、number、boolean、undefined、null（typeof null == object）、symbol、bigInt。 null本身实际上是基本类型,但是JavaScript在存储数据的时候,会把不同的对象在底层存储的时候都转为二进制,==: 双等号是一种弱类型相等运算符，它比较两个值是否相等，如果两个值类型不同，会自动进行类型(valueOf)转换后再比较。 (1) 000：对象，数据是对象的应用。
2024-04-28 19:34:35
202
原创 每天学习一点vue知识（七）
多次调用会被合并，批处理，根据不同浏览器优雅降级，使用不同的异步方法Promise、MutationObserver、setTimeout、setImmediate。 使用响应式数据表示组件状态，通过响应式数据的加载组件 defineAsyncComponent。 使用 name 选项使你可以覆盖推导出的名称，或是在没有推导出名字时显式提供一个。 (例如没有使用构建工具时，或是一个内联的非 SFC 式的组件) 当你在使用单文件组件时，组件已经会根据其文件名推导出其名称。
2024-04-22 18:49:13
398
原创 每天学习一点VUE知识（六）
mixin（混入），提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。 本质其实就是一个js对象，它可以包含我们组件中任意功能选项，如data、components、methods、created、computed等等 我们只要将共用的功能以对象的方式传入 mixins 选项中，当组件使用 mixins 对象时所有mixins对象的选项都将被混入该组件本身的选项中来。
2024-04-18 19:17:35
858
原创 每天学习一点前端知识-VUE（五）
该函数作为在组件内使用 Composition API 的入口点。它必须有一个返回值，以便可以在模板中直接使用返回对象的属性和方法。在Vue3中，数据、方法、计算等不再直接写为组件中的配置对象。相反，组件中使用的数据和方法被写入函数中。22. vue的组件中为什么data必须是一个函数（vue2）21. Vue.extend()作用（Vue3中被移除）23. 函数式组件的优势（不建议使用，性能提升不多）25. v-once的使用场景有哪些。24. Vue中的过滤器及应用场景。
2024-04-17 17:50:14
244
原创 每天学习一点前端知识-VUE（四）
如果不使用key，Vue会使用一种最大限度减少动态元素并且尽可能地尝试就地修改/复用相同类型元素的算法。当Vue正在更新使用v-for渲染的元素列表时，它默认使用“就地更新”的策略。如果数据项的顺序被改变，Vue将不会移动DOM元素来匹配数据项的顺序，而是就地更新每个元素，并且确保它们在每个索引位置正确渲。如果插件是一个函数，它会被作为install方法。install方法调用时，会将Vue作为参数传入，这样插件中就不再需要依赖Vue了。Vue的diff算法是平级比较，不考虑跨级比较的情况。
2024-04-16 22:27:38
737
原创 js的学习（学习中）
因此，派生的 constructor 必须调用 super 才能执行其父类（base）的 constructor，否则 this 指向的那个对象将不会被创建。Reflect 不是一个函数对象，所以它是不可构造的，也就是说它不是一个构造器，不能通过 new 操作符去新建或者将其作为一个函数去调用 Reflect 对象。箭头函数的this指向是其定义时所处的上下文的this值，而不是根据函数调用时决定的。箭头函数没有自己的this，它使用定义时的上下文的this值。Reflect 的所有属性和方法都是静态的。
2024-04-15 20:50:49
250
原创 每天学习一点前端知识-VUE（三）
1.在 new Vue 的时候 内部会进⾏初始化操作，内部会初始化组件绑定的事件，初始化组件的⽗⼦关系 $parent $children $root。ref通常用于处理单值的响应式,ref只要解决原始值的响应式问,(包装成对象类型)底层使用Object.defineProperty()() => state.name，// 1getter函数 数据变化后，会调⽤scheduler，内部会调⽤cb。4.内部挂载的时候会产⽣⼀个 watcher，会调⽤ render 函数会触发依赖收集。
2024-04-15 20:44:09
428
原创 每天学习一点前端知识-VUE（二）
总的来说，display: none 将完全移除元素，不占据任何空间，opacity 控制元素的透明度，但不影响其占据的空间，而 visibility: hidden 使元素隐藏但仍保留空间。object.defineProperty将属性进⾏劫持(只会劫持已经存在的属性)，数组则是通过重写数组⽅法来实。当设置为 none 时，元素不会在页面上占据空间，并且不会对其他元素产生影响，相当于元素从 DOM 中移除。（渲染watcher、计算属性watcher、用户watcher）
2024-04-15 19:52:14
353
原创 每天学习一点前端知识-VUE（一）
3.使用了虚拟Dom（可以做一个缓存）和diff算法 （虚拟dom的作用：实现跨平台以及对真实dom的操作，优化性能）是js对象 是对真实DOM的抽象 将性能低的对dom的操作转化为对对象的操作 并且使用diff算法进行优化。页面切换时通过监听路由变化，渲染对应的页面 （客户端渲染 CSR client side render）spa 只有一个Html页面 提供一个挂载点 （页面的渲染全部是由js动态进行渲染的）Vue的渲染核心就是调用render方法，将虚拟dom渲染成真实dom。
2024-04-10 20:28:28
326
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人