自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

所行皆坦途

所念皆如愿

  • 博客(48)
  • 收藏
  • 关注

原创 JavaScript 中的异步任务、同步任务、宏任务与微任务

本文深入讲解 JavaScript 事件循环,通过复杂代码示例及面试题,剖析同步、异步任务及宏微任务执行顺序。

2024-09-14 23:56:24 1164

原创 Node.js 中间件与洋葱模型

本文介绍 Node.js 中间件及洋葱模型,包括概念、作用、示例及使用方法,助力开发者构建高效可维护的应用。

2024-09-14 23:14:44 1329

原创 如何模拟一个小程序项目打包的流程

本文主要介绍了 Uni-app 执行`yarn run dev:mp-weixin`后的具体操作以及实现类似 uni 插件的 vite 插件的方法。对于 Uni-app 执行该命令后的情况,包括编译项目将 Vue.js 代码转换为微信小程序可识别的代码、生成微信小程序项目文件、在开发模式下监视文件变化和启动开发服务器等。在实现 vite 插件方面,首先创建命令行工具,在`package.json`中定义可执行命令并链接入口文件。接着介绍了项目结构,包括编写`vue-mini.js`作为 CLI 工具

2024-09-11 17:08:38 1652

原创 Taro + Vue 的 CSS Module 解决方案

文章简述了怎么在 Taro + Vue 项目中使用 Css Module 方案,以防止样式污染。

2024-09-11 16:07:08 1161

原创 鸿蒙开发-ArkTS 语言-循环渲染

基于官方文档学习ArkTS

2023-11-25 11:33:14 9265

原创 鸿蒙开发-ArkTS 语言-状态管理

基于官方文档学习ArtTS

2023-11-25 11:28:24 2976

原创 鸿蒙开发-ArkTS 语言-基础语法

基于官方文档学习ArkTS

2023-11-25 11:23:51 4835 2

原创 基于 vue3源码 尝试 mini-vue 的实现

基于vue源码,浅浅实现一下mini-vue,包含响应式系统、diff算法等内容

2023-11-12 23:15:27 510 1

原创 JavaScript中的类型转换

本文介绍了 JavaScript 中类型转换的两种方式:显式转换和隐式转换。

2023-10-23 22:32:34 625

原创 JavaScript中的内部类属性和对象封装详解

JavaScript内置了一系列原生函数,其中包括String()Number()等。本文将重点讲述JavaScript中的内部属性和封装对象。

2023-10-20 16:22:56 265

原创 JavaScript 的类型和值

JavaScript中的类型和值的基本介绍

2023-10-19 14:52:01 125

原创 JavaScript 中的 Proxy Reflect API 基本使用介绍

在 JavaScript 中,代理(Proxy)对象和反射(Reflect)API 提供我们一个强大的能力—控制和修改对象的基本行为。它们通常用于创建各种抽象,如数据绑定、象征性(symbolic)计算。此 API 也应用于 Vue3 框架中。

2023-10-17 17:42:05 167

原创 JavaScript 中的灵活编程模式-行为委托

JavaScript 中的行为委托是一种编程模式,它通过对象之间的原型链关系来共享属性和方法。相比传统的继承,行为委托更加灵活和可扩展,可以避免类层次结构的复杂性,并促进代码的重用和组合。

2023-10-17 15:04:24 159

原创 对象混入的实现方式

对象混入(Object mixins)是一种在面向对象编程中用于组合和重用代码的技术。它允许你将一个对象的属性和方法混合(或合并)到另一个对象中,从而创建一个具有多个来源的对象,这些来源可以是不同的类、原型或其他对象。

2023-10-14 23:18:11 224

原创 深入了解 JavaScript 中的构造函数和对象创建

在这篇博客中,我们将一起探讨 JavaScript 中的构造函数以及如何自己尝试定义一个 函数首先,让我们谈谈构造函数。在 JavaScript 中,构造函数是一种特殊类型的函数,用于创建新对象实例。构造函数通常需要通过 运算符来调用,这将创建一个全新的对象,并将其绑定到构造函数内的 上。在上面的示例中,我们创建了一个 构造函数,用来初始化人物的名字和年龄属性。然后,我们使用 运算符创建了一个新的 对象,其中包含了这些属性。但是,我们能否自己实现一个 运算符呢?这个自定义的 运算符模拟了

2023-10-14 20:38:59 177

原创 JavaScript数组常用的方法整理

精心总结的常用数组方法

2023-10-02 19:24:40 431

原创 Vue2 过滤器以及在 Vue 3 中的替代方案

本文讨论了 Vue.js 的过滤器,如何在 Vue 2 中创建全局和局部过滤器以及在模板中使用过滤器。意识到过滤器的功能限制以及在 Vue 3 中被弃用,通过计算属性和方法可以更好地满足数据处理。

2023-09-22 17:28:45 513

原创 使用 xlsx 库在前端实现 Excel 文件上传及解析

我们将介绍如何使用 xlsx.js 库在前端实现 Excel 文件上传和解析。这对于读取和展示上传的 Excel 数据非常有用。我们将使用一个简单的 HTML 表单,并使用 JavaScript 处理文件上传和解析。

2023-09-22 16:03:03 1385

原创 如何使用 Node.js 开发简易后端项目

node.js 开发博客项目笔记。

2023-05-23 08:25:31 3768

原创 node_express框架03 + formidable 实现文件上传和用户访问

需求:用户上传文件,并且用户可以便捷的访问到上传的文件。其实就是响应一个 ejs 文件给用户,ejs 文件如下:注意点:form 标签里面必须要加属性:enctype="multipart/form-data",然后 input 标签也需要设置 name 属性。我们把文件的地址给用户让用户方便的访问到。我们要记录资源的存放路径,但是不能完全记录整个路径,考虑到服务器的域名和端口的变化。我们只需保存根目录到图片的路径。

2023-04-02 18:45:32 415 2

原创 node_express03_脚手架Express-generator

Express-generator 脚手架,可以快速创建一个 express 应用项目。如何访问项目?从哪里得知端口?

2023-04-02 10:43:32 489

原创 node_express框架02

我们使用路由时难免会遇到很多访问,有 get 请求 home,也有 post 请求,有前台的、后台的,当路由太多的时候难免会遇到摸不清头脑的情况,我们需要使用路由模块化的思想。.EJS 是一套简单的模板语言,帮你利用普通的 JavaScript 代码生成 HTML 页面。EJS 没有如何组织内容的教条;也没有再造一套迭代和控制流语法;有的只是普通的 JavaScript 代码而已。

2023-04-01 23:16:59 421

原创 node_express框架01

app.get 指定了 get 方法,如果是 app.all 就是指定了所有的请求方法(例如:post delete 都是包含的),而 app.get('/') 里面访问的是根路径,如果访问别的路径:例如/home ,是没有结果的,这里和 vueRouter 很像,路径要指定响应,不然就应该是响应 404 页面。

2023-03-31 22:27:23 399

原创 Node.js 案例 | 根据不同的 URL 请求返回相应的 HTML、CSS、JS 文件,实现一个基础的页面导航

本博客实现一个简单的服务器,通过 `Node.js` 和 `fs` 模块创建,能够根据不同的 URL 请求返回相应的 HTML、CSS、JS 文件,实现一个基础的页面导航。通过 `http.createServer()` 启动服务后,可以点击链接在不同页面之间跳转,并加载对应的资源文件。整个流程展示了如何动态响应资源请求并处理静态文件的读取,帮助我们理解服务器如何处理客户端的资源请求并返回对应的内容。这种方法是构建静态站点服务的基础,适合小型项目。

2023-03-29 22:00:13 1654

原创 Node.js | Http 和 Express

介绍了如何使用 Node.js 的 http 模块创建基础的 HTTP 服务器,以及如何通过 Express 框架简化服务器的构建和管理。通过对比两者的优缺点,强调了 Express 的路由和中间件优势。除此之外,还展示了如何连接 MySQL 数据库并将查询结果通过 HTTP 响应返回。最后,我将 http 模块与 Express 和 MySQL 相结合,实现了简单的数据接口开发。

2023-03-29 10:09:13 155

原创 Node.js | Fs文件系统模块

详细介绍了 Node.js fs 模块的常用操作,包括文件和目录的创建、读写、重命名、删除等内容。我解释了如何使用同步与异步方法进行文件操作,并展示了如何使用流来高效处理大文件。文章还包括了一些进阶的使用场景,例如文件批量重命名和复制操作,帮助读者更好地理解和掌握 Node.js 文件系统的操作技巧。

2023-03-27 18:15:44 1286

原创 Vue + Element-Plus 路由模式

在el-menu 中设置属性 router = " true " 开启路由模式在 el-sub-menu 中配置你想跳转到的路径。

2023-02-17 23:50:58 4028

原创 vue3_ts_el-plus配置i18n完成语言切换国际化

在 html 中使用比较简单使用 $t() 的全局方法就行。创建i18n的配置文件index.ts。在 script 中使用需要导入。

2023-02-16 23:20:14 537

原创 Typescript类型

Mac电脑报错的话在前面加一个 sudo,即 sudo npm install typescript -g,然后输入电脑密码。安装完后使用 tsc 命令测试一下。tsc -v 查看版本。ts类型检测

2023-01-06 21:02:50 710

原创 Node.js 初体验 | 如何使用 Node.js 开启一个简易的服务

本文介绍了 Node.js 的特点、应用场景及与其他技术比较,还包括下载安装和创建服务器实例及测试、回应客户端的方法。

2022-12-02 17:59:46 9552

原创 vue3使用element-plus

element-ui 是配合 vue2 使用,element-plus 是配置 vue3 使用的。

2022-11-26 11:05:44 13623 1

原创 js 对象原型和构造函数

每一个对象都是有原型的,原型也是对象,原型对象里有很多函数,我们可以通过 obj.__proto__ 的方法取到原型并添加属性,在此原型创建的对象都会继承此属性。查找属性的时候会优先找自身属性,如果自身属性找不到就会前往原型(按照原型链)查找,找不到就会输出 undefined。

2022-11-21 22:41:44 237

原创 Javascript_对象操作 Object.definePropoty

这个方法可以定义对象属性的一些特性,基本格式为Object.defineProperty(操作的对象名,"属性名",{ 对象属性描述符 }Object.defineProperties(操作的对象名,{属性名1: {对象属性描述符},属性名2: {对象属性描述符}})

2022-11-21 15:14:13 636

原创 JavaScript 的 this 指向(面试热点)

this 是JavaScript 的一个关键字,与 var、let、function 关键字不一样,this 这个关键字是不确定的,它作为一个指向某个对象或者某个值的关键字,不同情况指向不同。

2022-11-18 22:17:06 200

原创 JavaScript的内存&作用域&闭包

简称 “ 上下文 ”,变量和函数的上下文决定了它们可以访问哪些数据、以及它们的行为。每个上下文都有一个,在此上下文定义的变量都会保存在这个对象之中。全局上下文是最外层的上下文,里面定义的变量和函数存放的对象叫,也就是我们常说的,在此定义的函数和变量都会成为 window 对象的方法和属性。当函数执行的时候,会创建一个,并放入全局上下文(执行栈),当函数执行完毕,其执行上下文会移出全局执行上下文,上下文中的代码在执行的时候,会创建变量对象的一个,作用域链决定了各级上下文读取变量和函数的顺序。

2022-11-18 15:20:46 206

原创 (万字) webpack搭Vue项目

1. 我们平时都是使用 vue-cli 脚手架快速搭建项目(vue-cli 基于 webpack),可是我们不知道其中的原理与细节,导致我们在遇到一些细节问题无法自己配置解决。2. 为了让我们能更好的了解 vue-cli 实现过程,我们需要学习使用 webpack 从一个 index.html 文件从零开始创建一个完整的项目(包含 babel、样式预处理器、vue、webpack插件、dev-server、proxy代理等,各自有关的详细内容可翻看我的主页3.重点是掌握使用 webpack

2022-11-15 11:36:42 4171 4

原创 Vue3 + Bootstrap4 完成表单验证功能

Vue3 + Bootstrap4 完成表单验证功能技术栈:vue3 + Bootstrap难点:封装函数细节:正则表达式、vue3声明周期、改变Bootstrap类名间接改变样式、ref 和 v-model

2022-11-07 23:52:16 2658

原创 仿制CSDN首页(html+css+js)+ 个性化登录注册页

技术栈:HTML+CSS+JavaScript特点、注意点:轮播图、导航条下拉显示更多 list、头像图案大小变化显示登录与注册、搜索框样式的变化、广告关闭显示其他内容、注册页面的两个盒子动画处理。适用对象:适合初学完 Javascript 制作简单动效,掌握基本布局和样式处理,难度不大但是代码量较大,适合练手巩固基础。可私信我提供源码。

2022-11-06 23:37:26 1505 1

原创 Google v8引擎编译 Javascript 的过程

在第二次浏览器大战之前,我们的 JavaScript 引擎只能简单的执行 Javascript 源代码。第一个 JavaScript 引擎由网景公司开发,用于网页浏览器中。后来 Google 开发了我们的v8 引擎,v8 引擎让谷歌在这场浏览器大战中取胜。。

2022-11-02 09:17:00 365 1

原创 Vue中 ref 两种用法

vue 组件 ref 用法,给普通元素和组件添加

2022-08-13 14:17:51 11959 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除