- 博客(87)
- 收藏
- 关注
RSS订阅原创 跨端框架选型
每个跨端框架的存在都有其合理性，它们满足了不同的需求和场景。选择合适的跨端框架需要综合考虑项目的性能需求、开发效率、平台兼容性、现有技术栈和团队经验，以及社区和生态系统的支持。通过全面评估这些因素，可以找到最适合你项目和团队的跨端框架。
2024-07-19 09:55:58
399
原创 利用AI快速上手新项目：开发者的高效指南
在现代软件开发中，开发者经常需要快速熟悉一个新的项目。项目可能包含复杂的结构和大量的文件，这对新手开发者来说无疑是一项挑战。幸运的是，借助AI技术，我们可以更加高效地了解项目结构，并迅速上手开发工作。本文将介绍如何利用AI来帮助开发者熟悉一个新的项目，包括获取项目结构、理解项目文件及其用途，以及基于项目结构进行特定任务的提问。
2024-07-11 14:49:03
681
原创 在 Windows 右键菜单添加 Git Bash
在日常开发过程中，我们经常需要使用 Git Bash 进行版本控制操作。然而，每次都需要打开 Git Bash，然后导航到我们的工作目录，这无疑增加了我们的工作负担。那么有没有一种方法可以让我们直接在目录中打开 Git Bash 呢？答案是肯定的。在本文中，我将向你展示如何将 Git Bash 添加到 Windows 右键菜单。
2024-03-08 10:12:22
1578
原创 使用axios 封装大文件上传，支持断点续传的功能
在许多应用程序中，我们经常需要上传大文件。但是，由于网络连接不稳定或其他原因，上传过程可能会中断。为了解决这个问题，我们可以使用断点续传功能。断点续传允许我们在上传中断后从中断处继续上传文件，而无需重新上传整个文件。除了断点续传，我们还可以使用重试、暂停和开始功能来更好地控制上传过程。重试功能允许我们在上传失败时自动重试上传。暂停功能允许我们暂停正在进行的上传。开始功能允许我们开始新的上传。此外，我们还可以使用上传进度功能来实时跟踪上传进度。这对于大文件上传非常有用，因为它可以让我们知道上传的进展情况。
2024-02-26 09:47:32
1055
原创 使用 axios 实现接口共享，分页请求，表单提交
Axios 是一个基于 Promise 的 HTTP 客户端，用于浏览器和 node.js。它可以执行多种复杂的请求操作。以下是一些使用 Axios 实现的常见请求场景的示例。
2024-02-26 09:39:37
709
原创 React 常用 Hooks
React Hooks 是 React 16.8 中引入的一项功能，它允许你在不编写 class 的情况下使用 state 和其他 React 特性。Hooks 的出现极大地简化了函数组件的状态管理和副作用的处理。本文将介绍几个最常用的 Hooks，并提供简洁明了的示例代码。
2024-02-04 09:32:35
1653
原创 Docsify中图片加载导致锚点定位不准确的问题分析与解决方案
通过上述方法，我们可以在不牺牲图片自适应显示的前提下，有效解决因图片加载导致的锚点定位不准确问题。结合占位符、懒加载、动态锚点调整和图片优化，用户即使在图片较多的页面中也能享受流畅的浏览体验，并且能够准确快速地导航到他们想要查看的内容。
2024-02-04 09:28:33
720
原创 vue与react 数据流设计理念
这意味着数据只能由父组件流向子组件，而子组件不能直接修改父组件的数据。如果想要修改数据，需要通过回调函数的方式将修改后的数据传递给父组件。这种数据流模型使得数据变更的追踪更加明确，提高了应用的可维护性。总的来说，双向数据流适合简单的表单和用户输入场景，而单向数据流适用于复杂的应用场景，对于大型应用的维护和扩展更加友好。这意味着数据可以从父组件流向子组件，并且子组件对数据的修改也可以反向影响父组件。在前端框架中，数据流是描述数据在组件间传递的方式。它决定了数据的更新方式以及组件之间的依赖关系。
2023-12-15 16:21:57
1359
原创 Next.js 的设计理念
Next.js 的设计理念是简洁、强大和高效。这使得 Next.js 不仅适合于大型、复杂的项目，也适合于需要 SEO 的项目，甚至全栈项目。Next.js 的设计理念反映了现代 Web 开发的需求和趋势，也预示了 Web 开发的未来方向。
2023-12-14 16:31:07
483
原创 Next.js：前端开发的新篇章
在前端开发的世界中，新的框架和库如同雨后春笋般不断涌现，每一个都带来了新的概念，新的工具，以及新的开发方式。然而，在这个快速变化的领域中，Next.js无疑是一个独特的存在，它不仅改变了我们对前端开发的理解，更为我们打开了全新的可能性。本文将深入探讨Next.js的创建背景，功能，使用场景，以及未来的预期。
2023-12-14 16:18:20
527
原创 react-native 最新版 删除x86配置
针对不同的 CPU 架构生成 APK 以减小 APK 文件的大小默认情况下，生成的 APK 会同时包含针对于多种 CPU 架构的原生代码。这样可以让我们更方便的向其他人分享这个 APK，因为它几乎可以运行在所有的 Android 设备上。但是，这会导致所有设备上都有一些根本不会运行的代码，白白占据了空间。目前安卓设备绝大多数是 ARM 架构，因此对于大部分应用来说可以考虑去掉 x86 架构的支持（但是请注意模拟器大部分是 x86 架构，因此去掉 x86 架构后将无法在模拟器上运行）。
2023-12-12 16:31:09
572
原创 实现基于 Jenkins 的多服务器打包方案
在实际项目中，我们经常会遇到需要将一个应用程序或服务部署到不同的服务器上的需求。而使用 Jenkins 可以很方便地自动化这个过程。
2023-10-24 10:51:10
772
2
原创 完美适配图片自适应
当我们在网页中使用图片时，经常会遇到需要将图片调整为适应容器大小的情况。这篇博客将介绍通过背景图和标签的object-fit属性来实现图片自适应的几种方式。
2023-10-24 09:39:56
6170
原创 运行 `npm install` 时的常见问题与解决方案
时，可能会出现依赖包之间的版本冲突，导致安装失败或运行时出错。时，可能会出现缺少权限的错误，导致无法正常安装依赖包。时，可能会遇到网络连接问题，导致无法正常下载依赖包。
2023-10-19 11:50:09
3437
原创 webpack打包速度优化
通过使用插件分析打包瓶颈，然后通过实现多核加速和使用进行缓存，我们可以逐步优化WebPack的打包速度。在实际项目中，根据具体情况选择合适的优化方案，从而提升开发效率和用户体验。
2023-09-14 15:57:35
604
原创 程序员高启强与孙子兵法
通过借鉴《孙子兵法》中的战争策略，我们可以成为更出色的程序员，更好地规划、组织和解决编程问题。像孙子兵法中所强调的一样，我们需要了解需求、研究现有解决方案，并考虑可能的问题和限制条件。同样，在编写代码时，我们也应该注重提高效率和减少不必要的复杂性。通过使用合适的数据结构、算法和工具，我们可以更高效地解决问题并提高代码的性能。通过合理的模块划分、抽象和封装等技术，我们可以更好地组织代码并提高代码的可维护性。同样，在编写代码时，我们应该先规划好整体的架构和设计，确定清晰的目标和步骤，避免盲目和混乱的操作。
2023-08-15 20:25:25
90
原创 常见的内存泄漏原因和解决方案
问题：在JavaScript代码中，使用全局变量或全局对象来保存对DOM元素或其他对象的引用，这可能导致内存泄漏。解决方案：避免使用全局变量或全局对象，改用合适的作用域来管理变量和对象的生命周期。确保在不再需要时正确地释放这些引用。
2023-08-11 17:03:26
976
原创 web应用越用越卡怎么办
如果你的网页应用越用越卡,你就有理由怀疑存在内存泄露在开发Web应用程序时，经常会遇到内存泄漏的问题，这可能导致应用程序的性能下降或崩溃。Chrome浏览器提供了一个内存面板，可以帮助我们识别并解决这些问题。本文将介绍如何使用Chrome的Memory面板进行内存分析，并提供了一些常见的内存泄漏原因和解决方案。
2023-08-11 16:38:06
758
原创 JavaScript中的运行时间统计方法
使用 Date 对象可以获得代码的执行时间，但精度较低。console.time() 和 console.timeEnd() 方法提供了毫秒级精确度，并适用于简单的计时需求。performance.now() 提供了更高精度的时间戳，并允许我们测量多个时间片段的执行时间。
2023-06-30 17:58:36
5747
1
原创 掌握CSS变量——打造更简洁、可维护的前端样式
在很多开发中，我们都会遇到需要根据用户的需求或者不同场景来调整样式的情况，这时候就可以使用 CSS 变量了。本文旨在介绍 CSS 变量及其相关用法。CSS 变量建立了一些基础的命名值，因此你可以很容易地定义一次并在你所选择的任何地方重复使用它们。CSS 变量也被称为 CSS 属性（CSS properties），以两个破折号“–”作为前缀。在这里提到的变量，通常需要与一些属性搭配使用。那么如何定义一个 CSS 变量呢？:root {} /* 使用变量 */ body {
2023-03-20 19:45:21
638
原创 React小册入门(七)路由
React Router 是 React 生态系统中最受欢迎的路由库。通过这篇文章，我们简单介绍了 React Router 的基础知识以及如何构建和实现简单页面跳转和动态路由。React Router 还具有更强大的功能，例如程序化路由、redirects 和路由守卫等等，如果你对这些感兴趣，可以深入研究细节。
2023-03-15 20:44:19
103
原创 React入门小册(六) 状态提升与状态共享
React 状态提升指的是将多个组件所共享的状态提升到它们的公共父组件中，以便于修改和同步这些数据的变化。一般而言，状态提升对于多个组件的功能需求相似，并且存在一定的层次结构时，是非常有用的。
2023-03-15 20:37:54
332
原创 React 入门小册(五) 生命周期
React生命周期是指组件在不同阶段中的方法调用顺序，它可以帮助我们更好地管理组件的状态和行为。下文将介绍React16的生命周期方法，并逐一分析其作用。
2023-03-15 20:15:11
306
原创 React 入门小册(四)事件处理
React 事件处理React 提供了一个与浏览器兼容的、性能较优的解决方式，通过在组件内部调用 handleEvent 方法，并把它赋值给 DOM 属性，从而对事件进行监听。React 支持所有常见的浏览器事件，如 click传递函数作为事件处理程序：防止 this 失效：使用箭头函数或者bind方法将需要绑定的函数绑定到当前实例的this上使用 setState API 更新状态，以重新渲染组件并反映新的状态。在这个计数器示例中，我们在构造函数里初始化了 count 的状态为 0。当用户点击
2023-03-15 20:06:07
136
原创 React入门小册(三)组件
函数式组件通常情况下仅从 props 中获取输入并且返回一个 JSX 元素。这些组件主要是通过声明函数的方式定义的。类组件则是通过 ES6 class 语法来定义的。React中的组件是可复用的代码块，其由JSX元素构成，并根据相关的逻辑和数据创建动态UI。我们可以使用 propTypes 定义组件接受哪些属性以及每个属性的类型。React 的单向数据流使得让多个小组件组合形成大组件非常容易。React 中有两种类型的组件：函数式组件和类组件。组件的名称必须以大写字母开头!
2023-03-15 19:58:09
363
原创 React 入门小册(二) jsx与Elements
在使用 JSX 时，我们可以直接在 JavaScript 代码中编写 HTML 标签或自定义标签，这些标签被称为元素。
2023-03-15 19:53:47
564
原创 React 入门小册(一)安装和配置React开发环境
在Windows或Mac上下载并安装Node.js之后，打开命令行或终端来验证是否已成功安装。输入node -v，如果显示版本号，则代表已成功安装Node.js。在创建一个新的React应用之前，我们还需要全局安装create-react-app插件（使用node）, 命令行输入。在开始开发React之前，需要安装Node.js和一个好的代码编辑器（比如Visual Studio Code）。这将创建一个名称为my-app的React应用程序，并启动开发服务器以在浏览器中运行react app.
2023-03-15 19:50:34
284
原创 超实用, 用CSS实现多行文本溢出
用CSS实现文本溢出省略在网页开发过程中，经常会遇到文本内容太长而导致界面布局不美观的情况。此时，我们需要对文本进行省略处理，以达到理想的布局效果。本文将介绍一个使用CSS实现文本溢出省略的方法。方法一：使用text-overflow属性text-overflow属性是CSS3新增的一个属性，它用于设置文字内容超出其容器时如何显示。通过设置text-overflow: ellipsis;即可实现文本溢出省略的效果，其中“ellipsis”表示显示为省略号。下面是一个例子：div { width
2023-03-15 09:16:59
4623
原创 vscode 调试webpack node.js
在开发 Node.js 应用时，代码调试是一个不可或缺的步骤。VS Code 提供了一个使用方便的集成式调试器，可以帮助我们快速诊断代码问题。
2023-03-14 17:27:45
704
1
原创 如何在vue中使用jsx
Vue 3 中使用 JSX在 Vue 3 中，我们可以使用 JSX（JavaScript XML）来替代模板语法。JSX 是一种类似于 HTML 的语法，允许我们在 JavaScript 中书写类似 HTML 的结构，从而更加灵活地组织我们的代码。准备工作首先，我们需要在项目中安装 @vue/babel-plugin-jsx 插件，来使得 Vue 3 支持 JSX 语法。我们可以使用 npm 来安装它：然后，我们需要在 babel.config.js 中添加插件配置，如下所示：使用 JSX接下来，
2023-03-07 14:45:55
1532
原创 超实用！JavaScript修改CSS变量,达到动态修改样式的目的
在网页开发中，我们通常使用CSS来设置网页的样式。但是，在开发过程中，有时候我们需要根据不同的条件来动态修改样式，这时候就需要使用JavaScript来实现。在CSS中，有一种变量的概念，可以使用变量来定义颜色、字体大小等样式属性。在本篇文章中，我们将介绍如何使用JavaScript来修改CSS变量，从而动态地修改样式。案例演示：我们假设有一个按钮，当点击按钮时，将改变页面中所有段落的背景颜色。首先，我们需要在CSS中定义一个变量，用来表示背景颜色。在本例中，我们将变量名定义为–bg-color。在上面
2023-03-07 14:06:05
7276
原创 vscode 代码跳转
完成以上两个步骤后，你就可以在 JavaScript 文件中进行定义的跳转了。当你点击一个方法或变量的调用处时，VS Code 将会自动跳转到相应的定义处。如果你需要进行.vue文件的跳转，还需要安装一个名为Vue Peek的插件。这个插件能够帮助你在.vue文件中实现代码定义跳转。通过简单地配置文件和安装必要的插件，你就能够在 Visual Studio Code 中实现代码定义跳转的功能了。这个功能不仅能够提高开发效率，还能够让你更方便地阅读和理解代码。
2022-09-21 15:09:16
5236
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人