江湖二哥-优快云博客

原创 axios基本使用-获取数据

功能: 点击新增按钮, 把用户输入的书籍信息, 传递给后台 – 把结果打印在控制台。功能: 点击调用后台接口, 查询用户想要的书籍信息 – 打印到控制台。功能: 点击调用后台接口, 拿到所有数据 – 打印到控制台。目标: 调用文档最后_获取所有图书信息接口。接口: 参考预习资料.md – 接口文档。引入: 下载axios, 引入后才能使用。接口: 参考预习资料.md – 接口文档。接口: 参考预习资料.md – 接口文档。目标: 调用接口-获取某本书籍信息。目标: 完成发布书籍功能。axios的基本使用。

2024-06-06 10:22:11 1304

原创 $nextTick的使用场景介绍

目标: 点击count++, 马上通过"原生DOM"拿标签内容, 无法拿到新值。components/Move.vue - 继续新增第三套代码。目标: 点击搜索按钮, 弹出聚焦的输入框, 按钮消失。总结: 因为DOM更新是异步的。nextTick使用.gif)

2024-06-06 10:16:46 585

原创 React基础知识点

由于通过createElement()方法创建的React元素有一些问题，代码比较繁琐，结构不直观，无法一眼看出描述的结构，不优雅，用户体验不爽JSX是JavaScript XML 的简写，表示在JavaScript代码中写HTML格式的代码优势：声明式语法更加直观，与HTML结构相同，降低了学习成本，提升开发效率组件是React的一等公民，使用React就是在用组件组件表示页面中的部分功能组合多个组件实现完整的页面功能特点：可复用、独立、可组合。

2024-06-04 17:04:15 961

原创 webpack手动配置vue-cli脚手架详细处理

【代码】webpack手动配置vue-cli脚手架详细处理。

2024-06-03 09:03:57 199

原创 webpack手动配置react-cli 脚手架详解

【代码】webpack手动配置react-cli 脚手架详解。

2024-06-03 09:02:07 355

原创 webpack配置自动清空上次打包资源

观察 dist 目录资源情况。

2024-05-31 09:48:06 234

原创 vue源码解析和vue响应式原理

源码的获取项目地址：为什么分析? 新的版本发布后，现有项目不会升级到,还有很长的一段过渡期。项目地址源码目录结构(在目录下面定义的就是源码内容)：在目录是的核心库，在目录下面，也定义了很多的文件夹，下面我们先简单来看一下。目录下面定义的是组件。:定义的是中的静态方法。,,,等。:创建的实例，定义了的构造函数，初始化，以及生命周期的钩子函数等。:定义响应式机制的位置，:定义公共成员。:定义虚拟这里我们来介绍一下，关于源码中使用的打包方式。打包工具所使用的打包工具为,比更加轻量，是把所有的文件（

2024-05-31 08:44:07 985

原创彻底弄明白vuex状态管理在开发中的应用

Vuex是专门为Vue.js设计的状态管理库。Vuex采用集中式的方式存储需要共享的状态。Vuex的作用是进行状态管理，解决复杂组件通信，数据共享的问题。什么情况下使用Vuex?非必要的情况下不要使用Vuex如果是小项目，并且不会涉及到大量组件的通信，不需要使用Vuex,使用反而增加了项目的复杂度。如果是开发大型的单页应用程序，这时会涉及到多个视图依赖于同一状态，并且来自不同视图的行为需要变更同一状态，这时就需要用到Vuex例如：我们后面所要实现的购物车案例。

2024-05-30 09:55:13 2335

原创移动web开发_rem布局

媒体查询（Media Query）是CSS3新语法。使用 @media查询，可以针对不同的媒体类型定义不同的样式@media 可以针对不同的屏幕尺寸设置不同的样式当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面目前针对很多苹果手机、Android手机，平板等设备都用得到多媒体查询Less（LeanerStyle Sheets 的缩写）是一门 CSS扩展语言，也成为CSS预处理器。

2024-05-30 09:49:53 1139

原创面试官问到虚拟DOM的实现原理该怎么详细说

在面试的时候经常会问到虚拟DOM是怎么工作的，通过查看Snabbdom源码，可以对这块内容有更加深入的了解

2024-05-28 09:38:53 1108

原创 nodejs版本管理切换工具nvm介绍、nvm下载、nvm安装、配置及nvm使用

最近很多同学问，在工作中，同时在进行2个或者多个不同的项目开发，每个项目的需求不同，进而不同项目必须依赖不同版本的NodeJS运行环境，这种情况下，对于维护多个版本的node将会是一件非常麻烦的事情，该如何管理nodejs版本，nvm其实就是为解决这个问题而产生的，他可以方便的在同一台设备上进行多个node版本之间切换继续浏览详情。

2024-05-28 09:28:40 5118

原创 Vue响应式原理详解

首先我们先来看一下最开始提出的问题。第一个：给属性重新赋值成对象，是否是响应式的？答案：是响应式的。应当我们给data中的属性进行重新赋值的时候，会执行Observer类中的方法的set方法在set方法中，调用了walk方法，该方法中判断重新给data属性中赋的值是否为对象，如果是对象，会将对象中的每个属性都修改成响应式的。第二个问题：给Vue实例新增一个成员是否是响应式的？

2024-05-27 10:01:44 1744

原创一文看懂Vue Router源码及相关配置

路由是一个比较广义和抽象的概念，路由的本质就是对应关系。在开发中，路由分为：后端路由SPA（Single Page Application）前端路由基于URL中的hash实现（点击菜单的时候改变URL的hash，根据hash的变化控制组件的切换）案例代码实现如下：3、的基本使用（官网：）是官方的路由管理器。它和的核心深度集成，可以非常方便的用于应用程序的开发。基本使用的步骤：下面看一下具体的实施过程添加路由链接添加路由填充位定义路由组件配置路由规则并创建路由实例

2024-05-27 09:55:08 609

原创 vue基础知识点笔记详解

Vue的核心理念是数据驱动的理念，所谓的数据驱动的理念：当数据发生变化的时候，用户界面也会发生相应的变化，开发者并不需要手动的去修改dom

2024-05-27 09:26:21 460

原创最新微信小程序面试题集结

支付宝的众多小服务也是web App，这类App其实就是我们经常在PC上浏览的网页，只不过加入了响应式的设计让它适合在移动端显示和运行，所采用的技术依然是Javascript 、css 和HTML。2、JavaScript:首先JavaScript的代码是运行在微信App中的，并不是运行在浏览器中，因此一些H5s技术的应用，需要微信App提供对应的APr支持，而这限制住了H5技术的应用，且其不能称为严格的H5，可以称其为伪H5，同理，微信提供的独有的某些API，H5也不支持或支持的不是特别好。

2024-05-25 13:42:54 793

原创学习鸿蒙之前必备的TypeScript快速入门基础知识

ArkTS是HarmonyOS优选的主力应用开发语言。它在TypeScript（简称TS）的基础上，匹配ArkUI框架，扩展了声明式UI、状态管理等相应的能力，让开发者以更简洁、更自然的方式开发跨端应用。JavaScript是一种属于网络的高级脚本语言，已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。

2024-05-25 13:41:03 962

原创 Vue服务端渲染

解决`SPA`应用首屏渲染慢以及不利于`SEO`的问题，而通过客户端渲染接管页面内容交互得到更好的用户体验。那么这种方式通常称之为现代化的服务端渲染，也叫同构渲染

2024-05-24 23:04:38 2338 1

原创精选vue3高频面试题

判断 WeakMap 中是否有 target 属性，WeakMap 中有 target 属性，则判断 target 属性的 map 值中是否有 key 属性，有的话循环触发收集的 effect()。在vue2.x中，在一个元素上同时使用v-for和v-if，v-for有更高的优先级，因此在vue2.x中做性能优化，有一个重要的点就是v-for和v-if不能放在同一个元素上。－WeakMap 集合中有 target 属性，则判断 target 属性的 map 值的 depsMap 中是否有 key 属性。

2024-05-24 22:49:42 1067 1

panerchao的博客