- 博客(48)
- 收藏
- 关注
原创 JavaScript 中的异步任务、同步任务、宏任务与微任务
本文深入讲解 JavaScript 事件循环,通过复杂代码示例及面试题,剖析同步、异步任务及宏微任务执行顺序。
2024-09-14 23:56:24 1164
原创 如何模拟一个小程序项目打包的流程
本文主要介绍了 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
原创 JavaScript中的内部类属性和对象封装详解
JavaScript内置了一系列原生函数,其中包括String()Number()等。本文将重点讲述JavaScript中的内部属性和封装对象。
2023-10-20 16:22:56 265
原创 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
原创 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_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
原创 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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人