自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

千里之行,始于足下!

像蜗牛一样的不断慢慢积累!

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

原创 lodash操作整理

lodash的所有函数都不会对原数据进行改变,都是复制出一个新的数据进行操作得到结果,类似immutable.js的理念去处理。其是一套javascript工具库,用于对数组、函数、对象、字符串等数据类型进行处理的函数。本文只是自己的学习的一个记录,以供自己理解及日后查阅,文字过于白话。1、对数组进行切分,切成你想要的长度的多个数组(_.chunk),例如:import _ from 'lodash'let a = [1, 2, 3, 4, 5, 6];_.chunk(a, 1) // [1] .

2020-11-17 15:25:18 210

原创 基于vue-cli3的vue项目搭建

目前vue-cli的家族成员有:vue-cli2和vue-cli3,对于vue-cli2如何构建vue项目应该是都聊熟于心,本文简单介绍一下使用vue-cli3构vue项目。一、Vue CLI是基于vue.js进行快速开发的完整系统(脚手架工具),它主要由三部分组成:1、CLI:通过@vue/cli安装的npm包,其提供了终端里的vue命令(例如:vue serve 、vue creat...

2020-04-01 11:28:38 396

原创 vule-cli2进行构建vue项目

一、创建vue项目步骤如下 :1、 安装nodejs环境官网下载:https://nodejs.org/en/download/安装完后 ,打开cmd ,查看node 、npm的版本node -vnpm -v2、安装vue-clinpm install -g vue-cli查看vue 的版本号:vue V //注意:是大写的V3、在电脑某盘创建一个项目集的文件夹,命...

2019-08-19 18:30:54 246

原创 Vue3 + xterm + eventSource

Vue3 + xterm + eventSource 实现项目构建日志展示

2024-02-29 18:30:57 472

原创 React进阶 - 15(React 中 ref 的使用)

React进阶 - 15(React 中 ref 的使用)

2024-01-31 15:01:40 1181

原创 React进阶 - 14(说一说”虚拟DOM“中的”Diff算法“)

React进阶 - 14(说一说”虚拟DOM“中的”Diff算法“)

2024-01-25 18:47:46 899

原创 React进阶 - 13(说一说 React 中的虚拟 DOM)

React进阶 - 13(说一说 React 中的虚拟 DOM)

2024-01-25 14:21:21 1009

原创 React进阶 - 12(浅谈 state、props与render函数的关系)

React进阶 - 12(浅谈 state、props与render函数的关系)

2024-01-22 17:53:48 595

原创 React进阶 - 11( 说一说 PropTypes 和 DefaultProps )

React进阶 - 11( 说一说 PropTypes 和 DefaultProps )

2024-01-22 14:35:00 650

原创 React入门 - 10(说一说关于 React 的一些理论 )

React入门 - 10(说一说关于 React 的一些理论 )

2024-01-19 18:29:17 723

原创 React入门 - 09(TodoList & TodoItem 代码优化)

React入门 - 09(TodoList & TodoItem 代码优化)

2024-01-19 15:07:23 670

原创 React入门 - 08(组件拆分&组件传值)

React入门 - 08(组件拆分&组件传值)

2024-01-19 12:11:27 1087

原创 React入门 - 07(说一说 JSX 中的语法细节)

React入门 - 07(说一说 JSX 中的语法细节)

2024-01-16 15:39:39 1435

原创 React入门 - 06(TodoList 列表数据的新增和删除)

React入门 - 06(TodoList 列表数据的新增和删除)

2024-01-10 17:49:24 1476

原创 React 入门 - 05(响应式与事件绑定)

React 入门 - 05(响应式与事件绑定)

2024-01-09 17:50:55 1096

原创 React入门 - 04(从编写一个简单的 TodoList 说起)

React入门 - 04(从编写一个简单的 TodoList 说起)

2024-01-09 15:18:31 915

原创 React入门 - 03(初识 React 组件和 JSX)

React入门 - 03(初识 React 组件和 JSX)

2024-01-09 14:25:08 731

原创 React入门 - 02(工程目录结构解析)

React入门 - 02(工程目录结构解析)

2024-01-08 11:07:28 1220

原创 React 入门 - 01

React入门-01

2024-01-05 18:27:39 1059

原创 使用 SSH 方式实现 Git 远程连接GitHub

使用 SSH 方式实现 Git 远程连接GitHub

2023-12-27 22:39:40 931

原创 Vue3+TypeScript+Vite 的项目中使用require动态引入图片报错

Vue3+TypeScript+Vite 的项目中使用require动态引入图片报错

2023-12-15 14:08:30 1309

原创 vue3 watch & watchEffect

vue3 watch & watchEffectwatch & watchEffect 函数都是监听器, 用于监视数据的变化; watch 有惰性,watchEffect 无惰性;watch 需要指定具体的监视属性,watchEffect 不需要指定具体的监视属性和配置参数,会自动感知代码依赖;watch 能获取到以前的旧值和新值,watchEffect 只能拿到最新值

2023-09-07 17:47:21 1717

原创 vue3 的 ref、 toRef 、 toRefs

vue3 的 ref、 toRef 、 toRefs

2023-09-07 11:55:50 1586

原创 vue3 defineProps 函数

vue3 defineProps:在 vue2 中我们使用选项中的 props 来接受父组件传递过来的数据;那在 vue3 的 setup 中,我们使用 defineProps 来定义父组件传递过来的数据

2023-09-07 11:06:06 9529

原创 vue3 defineEmits

vue3 defineEmits : 用于父子组件通信时,子组件向父组件传递数据,不需要被导入即可使用,会在编译 `````` 语法块时一同编译。注意的是 defineEmits 只能在 `````` 的顶层使用

2023-09-06 18:22:56 4108

原创 vue3 defineExpose 显示的指定组件需要暴露的属性

vue3 defineExpose - 是 vue3 新增的一个 api ,用在 `````` 中使用,用于显示的把组件的属性和方法暴露出来。可用于父子组件通信,子组件使用 defineExpose 将自身的方法或者属性暴露出去,父组件中通过 ref 获取子组件 DOM 并使用子组件暴露的方法和属性

2023-09-06 18:00:16 3017

原创 vue3 使用 mitt 插件实现非父子组件传值

vue3 使用 mitt 插件实现非父子组件传值mitt 是一个 JavaScript 库,用于实现事件的订阅和发布

2023-09-06 17:36:42 536

原创 创建自定义脚手架

创建自定义脚手架:每次开新项目时都需要从头搭建架构,或者就是把之前的项目直接复制粘贴过来修修改改。当然有时稍微勤奋一点的就会弄个基础模板放在本地或者放在 github,需要的时候直接 clone 过来。但是其便捷性和通用性极差,就开始想为什么不做一个类似 vue-cli 的命令行工具呢(刚好现在有时间~)

2023-05-09 16:57:19 988 1

原创 npm pulish 报错:npm ERR! code E403 npm ERR! 403 403 Forbidden - PUT https://registry.npmjs.org/test -

3、解决:修改 package.json 的 name 为唯一的包名,修改完成后再次进行 npm publish。1、异常报错:发包过程执行 npm pulish。2、异常原因:包名已经存在。

2023-04-20 23:45:47 602

原创 NPM包发布过程中报错——`npm ERR! Unexpected token < in JSON at position 0 while parsing near ‘<!DOCTYPE HTML P

1、异常报错过程:发包过程中,进行 npm login 时出现以下报错。2、报错原因:npm 的镜像源异常,且代理未进行设置。

2023-04-20 23:40:08 376

原创 右键弹出菜单组件 vue-context-menu

右键弹出菜单组件 vue-context-menu

2023-03-29 10:36:20 2441

原创 vue 修饰符 .sync

sync 修饰符最先出现在 vue1.0 中,vue2.0 移除,后续在实际项目中发现这个修饰符还是有可使用的地方。因此在 vue2.3.0 时重新引入 .sync,作为一个语法糖。

2023-03-21 11:59:59 337

原创 Vue 中 Event Bus 事件总线

Event Bus 是 vue 中组件间数据传递的一种方式,通过一个 Vue 实例进行事件的派发和监听。值得注意的是,这种方式是非响应式的。

2023-03-20 17:13:17 283

原创 vue 数据传递方式

【代码】vue 数据传递方式。

2023-03-20 15:44:52 360

原创 前端错误监控收集与上报

前端错误监控收集与上报

2023-03-14 15:30:14 497

原创 JavaScript 根据目录路径转为目录结构

JavaScript 根据目录路径转为目录结构

2023-02-28 19:31:04 1306

原创 可拖拽分隔面板(vue-splitpane)

可拖拽分隔面板(vue-splitpane)

2023-02-28 15:09:38 3833

原创 axios 整理记录

axios 整理记录

2022-10-12 11:21:05 3563

原创 前端 新旧字符串差异比对功能--diff-match-patch

前端 新旧字符串差异比对功能--diff-match-patch

2022-09-06 10:56:00 3452

原创 webstorm 识别 markdown文件

webstorm 支持识别 markdown 文件

2022-09-05 09:38:08 2719

空空如也

空空如也

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

TA关注的人

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