- 博客(106)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 第六章 集合引用类型
（1）基本引用类型共7种，包括 Date、RegExp、原始值包装类型（包括Boolean、Number、String）、单例内置对象（Global、Math）；（2）集合引用类型也是7种，包括Object、Array、定型数组、Map、WeakMap、Set、WeakSet；（3）Array 的 Array.from 方法（用于将类数组结构转换为数组实例 或者 增强新数组的值）；（4）Array.isArray 方法是判断当前变量是否是数组的最好方法；
2025-04-23 11:50:38
825
原创 第五章 JavaScript 的基本引用类型
（1）引用值（或者对象）是某个特定引用类型的实例。在 ECMAScript 中，引用类型是把数据和功能组织到一起的结构，经常被人错误地称作“类”。（2）虽然从技术上讲JavaScript 是一门面向对象语言，但ECMAScript 缺少传统的面向对象编程语言所具备的某些基本结构，包括类和接口。**引用类型**有时候也被称为**对象定义**，因为它们**描述了自己的对象应有的属性和方法**。
2025-04-02 09:23:23
310
原创 第四章 JavaScript 的变量、作用域与内存
# 4. 小结（1）JavaScript 变量可以保存两种类型的值：原始值和引用值；（2）原始值有6种：Undefined、Null、Boolean、Number、String 和 Symbol；（3）原始值大小固定，因此保存在**栈内存上**；（4）从一个变量到另一个变量复制原始值会创建该值的第二个副本；（5）引用值是对象，存储在**堆内存上**；（6）**包含引用值的变量实际上只包含指向相应对象的一个指针，而不是对象本身**；（7）**从一个变量到另一个变量复制引用值只会复制指针，因此结果
2025-03-01 11:51:42
842
原创 第三章 JavaScript 语言基础
JavaScript 的核心语言特性在 ECMA-262 中以伪语言 ECMAScript 的形式来定义。ECMAScript 包含所有基本语法、操作符、数据类型和对象，能完成基本的计算任务，没有提供获得输入和产生输出的机制。理解 ECMAScript 及其复杂的细节是完全理解浏览器中 JavaScript 的关键。下面总结一下ECMAScript 中的基本元素。
2025-02-24 20:51:39
1068
原创 第二章 HTML中的JavaScript
将 JavaScript 插入 HTML 的主要方法是使用<script\>元素。这个元素是由网景公司创造出来，并最早在 Netscape Navigator 2 中实现的。后来，这个元素被正式加入到 HTML 规范。
2025-02-03 16:54:06
875
原创 第一章 什么是JavaScript
JavaScript包括以下3个部分：（1）核心（ECMAScript）；（2）文档对象模型（DOM）：提供与网页内容交互的方法和接口；（3）浏览器对象模型（BOM）：提供与浏览器交互的方法和接口。
2025-02-03 13:13:30
941
原创 vue2使用qiankun框架笔记
本篇文章是针对vue项目巨石应用，对qiankuan框架的一份使用归纳，中间会记录一些遇到的问题和解决方案，如果喜欢自己探索的同学，也可以自行前往qiankun官网学习。同时也欢迎各位同学在评论区，说明自己遇到的问题，一同探讨。
2024-09-02 15:38:05
1735
原创 JavaScript中的几种常用循环方式对比
综合上述13.1 遍历数组，for 循环功能最完善13.2 遍历对象，使用 for-in 循环（不建议遍历数组）13.3 遍历对象数组，需要break或者continue时，可使用 for-of 循环13.4 遍历对象数组，不需要break或者continue时，使用 array.forEach 循环13.5 筛选元素，使用array.filter 循环13.6 修改元素生成新数组，使用 array.map 循环13.7 累加数值，或者处理元素个数和内容时，使用 array.reduce 循环
2023-08-07 09:53:43
2242
原创 mac中使用Sourcetree的git flow
因为Sourcetree的mac版本和window版本界面和操作方式有所差异，一直在网上找不到合适的教程或者指导说明，就干脆自己写一个。如果已经了解什么是git flow工作流及其代码操作方式的同学，可以直接跳到3.mac中使用Sourcetree实现git flow这一步进行学习。
2022-10-17 15:12:35
2452
原创 Vue原理篇——侦听器的实现
我们在上一篇文章中说了Vue的响应式原理，使用Object.defineProperty，但是有一个问题，就是每次只能一个一个设置。而这篇文章就是为了说明如何使用侦听器让对象里的每个值都变成可观测的。
2022-09-20 21:29:47
644
原创 Vue原理篇——响应式实现（双向数据绑定）
相信大家都经常听说Vue2的双向数据绑定是通过发布订阅者模式结合数据劫持实现的。要理解这句话，需要3步，一是了解什么是发布订阅者模式，二是了解什么数据劫持，三是如何将二者结合实现响应式。
2022-09-20 20:55:11
1512
原创 Vue3实战教程（快速入门）
本教程通过搭建一个简单项目，帮助读者快速入门Vue3项目实战，掌握Vue3、TS、Element Plus、axios等技术栈。
2022-07-28 15:35:05
88712
47
原创 http协议详解01——http协议概念及工作流程
http协议按照一定规则，向服务器索要，或者发送数据，而服务器要按照一定的规则，回应数据。接下来我们看看当我们打开页面时的场景（1）当我们刚刚打开页面的时候，0，原始状态，客户端和服务器之间没有关系。（2）客户端和服务器建立连接（网络上的虚拟电路），发送请求。（3）服务器沿着连接，返回响应信息，客户端收到响应信息。（4）断开连接。.........
2022-07-20 10:14:02
685
原创 教你从零写vue穿梭框
教你从零写vue穿梭框1. 前言2. 制作选择组件（select-input）2. 制作vue穿梭框组件（table-transfer）4. 将选择组件和穿梭框组件结合使用4.1 点击选择组件按钮，弹出穿梭框4.2 将select-input组件中的数据显示在弹框中的已选表格中4.2.1 全局引入lodash4.2.2 初始化input-select组件list数据和穿梭框的selectList（已选中的人员）4.3 将重新选择后的表格数据显示在select-input组件中4.3 单选模式5. 完整代码：
2022-04-02 00:40:41
5776
1
原创 教你从零写vue日历组件
自制vue日历组件前言前言最近做项目遇到一个需求，需要制作一个定制化的日历组件，如下图所示，需求大致如下：（2）日历可以按照月份进行上下月的切换。（2）按照月份展示周一到周日的排班信息。（3）排版信息分为早班和晚班。（4）按照日期对排班进行颜色区分：当前月份排班信息正常颜色，今天显示深色，其他月份显示浅色。（5）点击编辑按钮，日历进入编辑模式。简单点说就是，今天和今天之后的排班右侧都显示一个选择按钮，点击后可弹框编辑当日的排班人员。.........
2022-02-28 17:23:11
12700
31
原创 nodejs项目实战教程15—Express
nodejs项目实战教程13—Expres1. Express操作路由（get、post、put、delete、多级目录、动态路由、get传值）1.1 安装Express1.2 get用于显示数据1.3 post用于增加数据1.4 put主要用于修改数据1.5 delete主要用于删除数据1.6 路由配置多级目录1.7 动态路由1.8 获取get传值2. Express 使用ejs2.1 安装ejs2.2 使用ejs2.3 在ejs中使用javascript2.4 在ejs中引用其他ejs文件作为公共模块2
2022-02-22 11:43:20
2195
原创 nodejs项目实战教程14——nodejs连接MongoDB，实现增删改查
nodejs项目实战教程14——nodejs连接MongoDB，实现增删改查1.nodejs连接mongodb2.1.nodejs连接mongodb1）新建demo17文件夹，npm init -y生成package.json2) cnpm install mongodb --save，下载mongdb依赖3）创建app.js，在代码中引用mongdb，建立数据库连接：// 1.cnpm install mongodb --save// 2.引入mongodbconst { MongoClie
2022-01-27 09:46:19
3645
原创 nodejs项目实战教程13——MongoDB
nodejs项目实战教程13——MongoDB基础1. NoSql简介2. MongoDB简介3. MongoDB安装4. MongoDB基础操作——增删改查4.1 数据库的增删改查4.1.1 查看数据库4.1.2 使用和创建数据库4.1.3 显示当前数据库的集合（mysql中也叫做表）4.1.4 查看当前数据库某个集合的数据4.1.5 删除当前数据库的某个集合4.1.6 删除数据库4.2 插入数据4.3 查找数据1. NoSql简介建议直接看NoSql的百度百科，介绍的很详细。这里简单概括下：NoS
2021-12-28 17:02:37
3554
2
原创 nodejs项目实战教程12——Nodejs封装Express
nodejs项目实战教程12——Nodejs封装Express1. Express简介2. 封装get请求2.1 模拟express的get方法2.2 封装get方法2.3 在web服务器中使用封装的get方法3. 封装post请求3.1 使用闭包，避免注册方法变量暴露3.2 封装post方法3.3 在web服务器中使用封装的post方法3.4 扩展res.send方法4. 封装web静态服务4.1 封装静态web服务4.2 在web服务中使用封装的静态服务1. Express简介查看express的n
2021-12-16 15:36:23
2165
原创 nodejs项目实战教程10——EJS模板引擎、get、post
nodejs项目实战教程10——EJS模板引擎、get、post前言EJS使用实例getpost前言静态网站：里面的数据都是写死的网站动态网站：里面的数据是从数据库中读取的网站。之前我们写的都是静态网站，接下来我们将实现动态网站。动态网站的动态数据目前主要有两种实现方式，一种是后台直接渲染，另一种则是前后端分离，后端只提供接口，相对简单。EJS是后台模板，可以把数据库和文件中读取的数据显示到html上，它是一个第三方模块，通过npm i ejs --save下载。属于第一种实现方式。使用方法请参考
2021-12-09 17:02:16
1591
原创 nodejs项目实战教程09——封装静态Web服务器并进行路由管理
nodejs项目实战教程09——封装静态Web服务器并读取路由1. 封装静态Web服务器2. 路由管理1. 封装静态Web服务器（1）复制上一章节《nodejs项目实战教程08——创建静态Web服务器》中的demo10中的文件到一个新创建的demo11文件夹中（2）修改module/common.js为module/routes.js（3）在routes.js中创建读取默认路径资源的方法static，并将app.js中http.createServer里的代码复制到其中进行封装：const fs
2021-12-09 10:17:00
1145
2
原创 nodejs项目实战教程08——创建静态Web服务器
nodejs项目实战教程08——创建静态Web服务器什么是Web服务器使用Nodejs创建一个Web服务器什么是Web服务器Web服务器一般是指网站服务器，即网上的某种计算机程序，可以向浏览器等客户端提供文档，也可以放置网站文件让全世界浏览，还可以放置数据文件提供下载。目前最主流的Web服务器有Apache、Nginx、IIS等。使用Nodejs创建一个Web服务器...
2021-12-08 16:55:26
2177
原创 vue-color-picker-sheldon使用说明（一款基于Vue的取色器/颜色选择器）
这是一个基于 vue 的取色器组件，功能强大，支持拖拽、取色等功能。
2021-12-07 16:56:07
3049
原创 el-color-picker-sheldon使用说明（一款基于Vue和ElementUI的取色器）
一款基于element-ui的可拖动，包含所有颜色跨度，可调节透明度和颜色取值的取色器。
2021-12-05 16:34:09
2508
原创 如何写一个vue组件发布到npm，包教包会，保姆级教学
如何写一个简单的组件发布到npm前言1.前期准备——创建一个vue项目前言因为本章内容主要是说明如何将组件发布到npm的步骤，所以创建的组件相当简单，并不会涉及到其他的诸如ElementUI或者Ant Design Vue之类的UI组件库。如果是涉及到如何创建一个自己的组件库或者基于其他的组件库创建的组件发布，这一部分的内容，我会放到该专题内容接下来的几篇文章进行详细说明。1.前期准备——创建一个vue项目使用vue create 项目名称命令创建一个基础的vue项目，因为是比较简单的演示，所以选择
2021-12-04 21:32:17
7994
5
原创 nodejs项目实战教程07——fs模块中的流以及管道流
nodejs项目实战教程07——流1. 文件可写流2. 文件可读流3. 文件管道流1. 文件可写流在demo08文件夹中，创建以下文件，往input.txt文件中写入字符app.js：const fs = require('fs')let str = ''for(let i = 0;i < 5000;i++){ str = str + '这是数据库的数据，需要保存起来hhhhhhhhhhhh\n'}// 创建写入流let writeStream = fs.createWri
2021-11-22 22:28:02
829
原创 nodejs项目实战教程06——Nodejs的新特性 async await
nodejs项目实战教程06——Nodejs的新特性 async await前言使用async await解决上一章的练习前言我在另外一篇文章《万字肝完nodejs入门教程，详解入口，建议收藏（更新中）》写过关于Nodejs的新特性async await的相关知识解说，建议大家进入文章后从 2.12 看到 2.14，基本就能够明白地狱回调是什么、Promise以及async await的使用方式。在此我就不重新赘述了。使用async await解决上一章的练习app.js：// 读取wwwroot
2021-11-08 15:50:00
760
原创 nodejs项目实战教程04——npm相关概念及其使用
nodejs项目实战教程04——npm相关概念及其使用1. 包2. npm3. npm常用命令4. package.json4.1 安装依赖生成的package.json文件4.2 使用 `npm init --yes` 生成的package.json文件：4.3 安装依赖后再执行npm init4.3.1 使用 `npm init`4.3.2 使用npm init --yes5.安装淘宝镜像1. 包之前的文章提到Nodejs可以使用核心模块和自定义模块，还可以使用第三方模块，所谓第三方模块，就是其他人
2021-11-03 14:47:40
593
原创 nodejs项目实战教程03——CommonJs、Nodejs模块和自定义模块
nodejs项目实战教程03——CommonJs、Nodejs模块和自定义模块1.什么是CommonJs2.Nodejs中的模块化2.1 核心模块2.2 文件模块3.自定义模块3.1 CommonJs（Nodejs）中自定义模块的定义3.2 自定义模块的使用3.2.1 定义和暴露单个函数：3.2.2 定义和暴露多个函数：3.3 node_modules文件夹和其他文件夹的区别3.3.1 一般使用情况3.3.2 node_modules的省略写法3.3.3 如何自定义默认模块入口1.什么是CommonJs
2021-11-02 14:29:11
1057
原创 nodejs项目实战教程02——nodejs应用自动更新
nodejs项目实战教程02——nodejs应用自动更新方法一：使用nodemon方法二：使用supervisor推荐使用nodemon方法一：使用nodemon1、全局下载软件包nodemon：npm i -g nodemon2、使用nodemon命令取代node命令：nodemon app.js方法二：使用supervisor1、全局下载软件包supervisor：npm i -g supervisor2、使用supervisor命令取代node命令：supervisor ap
2021-10-29 16:26:37
1673
原创 nodejs项目实战教程01——http服务和URL类
nodejs项目实战教程01——http服务和URL类1.开发准备2.如何创建一个简单的nodejs应用3.如何创建一个http服务4.如何获取url中的参数4.1 URL类基础4.2 动态监测URL的变化1.开发准备去官网下载和安装nodejs和vscode，希望先了解nodejs基础的同学可以先看看我的《万字肝完nodejs入门教程，详解入口，建议收藏（更新中）》这篇文章2.如何创建一个简单的nodejs应用创建一个js文件，命名为app.js（名字无所谓，习惯上通常命名为app.js）作为no
2021-10-29 16:07:43
981
1
原创 React.js三连棋完整版
React.js三连棋完整版前言三连棋完整功能代码前言最近学习微前端，正好接触到了React.js，索性就系统完整地学习一遍。和当初学习Vue.js相同，先将官网的教程看一遍，在结合项目完整地做一个系统出来，从而达到融会贯通地目的。三连棋完整功能代码大家看了React.js的官网教程的话，就会发现和其他教程不同，React.js第一节课就是教会我们如何写一个游戏——三连棋，目的是让我接触和感受React.js中的组件、状态等一些概念，同时不失趣味性。官网已经有了绝大部分的游戏代码，但是也留下了几个小
2021-10-24 23:40:30
4507
原创 21.番外篇——Ant Design Vue可展开table的实现
21.番外篇——Ant Design Vue可展开table的实现目标实现代码实现目标实现本章内容是使用Ant Design Vue实现与之前使用Element UI实现的类似角色表格，因为内容太多，所以采用点击展开的方式。代码实现...
2021-10-18 09:59:28
3612
原创 20.番外篇——Vue如何自定义组件并且进行全局配置
20.番外篇——如何自定义组件并且进行全局配置前言1.创建自定义组件2.导出自定义组件3.main.js中引入自定义的公共组件并挂在到Vue4.使用自定义的公共组件前言通过之前的系列文章我们基本掌握了vue项目开发的流程和方式，但是对vue的一些功能用法仍然存在缺失。最近公司刚好转型技术栈，使用Ant Design Vue配合Vue进行前端项目的开发，虽然和之前的UI框架不同，但是用法大同小异。借此机会，正好利用番外篇说明下Ant Design Vue和Element UI的异同，并且补全之前没有进行说
2021-10-15 17:29:55
1268
原创 万字肝完nodejs入门教程，详解入口，建议收藏（更新中）
nodejs入门教程1.前言2.入门教程2.1 命令行运行node.js脚本2.2 退出node.js程序2.3 如何使用 Node.js REPL2.3.1 使用方式2.3.2 点命令.help.editor.break.save.load.exit.clear2.4 从命令行接收参数（参数可以是独立的，也可以具有键和值。）2.5 使用node.js输出到命令行2.5.1 基础输出2.5.2 清空控制台1.前言首先说明，本篇文章是对nodejs官网入门教程的一份总结。同学们学习时强烈建议先前往node
2021-10-07 20:01:34
38238
17
伸缩盒模型网页（HTML+CSS）.zip
2020-06-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人