自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

大香蕉的博客

最清楚的前端代码,让你不再扶额挠头

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

原创 为摸鱼助力:一份Vue3的生成式ElementPlus表单组件

Vue3的生成式ElementPlus表单组件基于elementPlus的低代码表单组件

2023-06-20 22:15:00 4228 3

原创 Vue3:探讨一下mixin

Vue3中的mixinVue2中的MixinmixinMixinComposition API

2022-04-27 14:59:33 16401 4

原创 Vue3和Vue2的区别

Vue3和Vue2的区别vue3和vue2生命周期对比

2022-02-17 22:17:51 20110 1

原创 vite2+ts+elementplus+vuex4+vue-router4

搭建vite+vue3基础项目,整合element-plus、vuex4、vue-router4、mock数据、vite2别名配置

2021-12-23 10:46:18 843

原创 vue实现PS效果,鼠标拖拽指令、十字辅助线、鼠标选点、打印页面指定内容、生成随机id、颜色选择器、div上输入文字(类似QQ截图输入文字)、vue图片上传转base64...

vue实现PS效果,鼠标拖拽指令、十字辅助线、鼠标选点、打印页面指定内容、生成随机id、颜色选择器、div上输入文字(类似QQ截图输入文字)、vue图片上传转base64...

2021-12-08 15:47:09 116614 1

原创 从头搭建一个基于webpack的项目

使用webpack搭建vue2 或 vue3项目

2023-08-24 09:46:22 1924

原创 Vue3+TS+ElementPlus报错集锦

不能将命名空间“FormInstance”用作类型。不能将命名空间“FormRules”用作类型。模块 ""element-plus"" 没有导出的成员 "FormInstance"。你是想改用 "import FormInstance from "element-plus"" 吗?Vue3引入文件爆红且不提示不能将类型“.......”分配给类型“ComponentProps类型“undefined”不能作为索引类型使用模块的默认导出具有或正在使用专用名称“Props”

2023-05-18 17:39:18 9376 1

原创 聊一聊localStorage、sessionStorage和cookie

sessionStorage共享

2023-05-10 16:43:06 815

原创 在Vue2项目中使用new Proxy做一些事情。

watch、new Proxy()

2023-04-17 19:45:00 1115

原创 从零开始学JAVA(05):面向对象编程--04

StringBuilderJava继承多态instanceof操作符继承专属的访问控制:protectedfinal修饰符继承里的静态方法Object类hashCode和equals方法初探

2023-04-17 15:25:35 405

原创 从零开始学JAVA(05):面向对象编程--03

一、方法的签名和重载二、重载的参数匹配规则三、构造方法:构造实例的方法四、静态变量五、静态方法六、static代码块和static变量初始化七、方法和属性的可见性修饰符

2023-03-30 17:05:20 567

原创 pdfjs打印预览多出一页空白页

测试发现,当pdf恰好是一页时,会出现打印预览多出一页空白页的问题,而当页面多时是正常的。修改pdfjs源码/static/pdf/web/viewer.css。

2023-03-24 17:44:31 1630 1

原创 面试题:作用域、变量提升、块级作用域、函数作用域、暂存性死区、var和let的区别

作用域、变量提升、块级作用域、函数作用域、暂存性死区、var和let的区别

2023-02-13 16:13:00 469

原创 (京东)下面代码中 a 在什么情况下会打印 1?

数据类型转换面试题

2023-02-10 20:28:04 250

原创 从零开始学JAVA(05):面向对象编程--02

/ 访问修饰符---public// 返回值类型---void(无需返回值用void表示,它是Java中的关键字)// 方法名---communicateByTelephone// 参数列表---圆括号中的// 方法体--大括号中的System.out.println("打电话给" + name);

2023-01-16 10:18:34 459

原创 玩转webpack(03):webpack进阶使用

一、自动清理构建目录二、自动补齐CSS3前缀三、移动端px自动转换为rem四、静态资源内联五、多页面应用打包通用方案六、使用source map七、基础库分离(externals)八、提取页面公共资源九、Tree Shaking的原理和使用十、Scope Hoisting的原理和使用十一、代码分割和动态import十二、在webpack中使用ESLint** eslint-loader安装报错?十三、webpack打包库和组件

2022-12-10 14:48:19 1170

原创 从零开始学JAVA(05):面向对象编程--01

一、class类二、引用数据类型三、类、对象和引用的关系四、重识数组五、引用的缺省值:null六、像自定义类型一样使用类(随意组合)

2022-12-04 20:43:42 335

原创 玩转webpack(02):webpack基础使用

webpack5内置了terser-webpack-plugin,如果需要额外配置需要安装terser-webpack-plugin并进行一系列调整。webpack默认只支持js和json两种文件类型,通过loaders去支持其他文件类型并且把他们转化成有效的模块,并且可以添加到依赖图中。(6)新建文件webpack.prod.js,并将原有的webpack.config.js改为webpack.dev.js。webpack-dev-middleware将webpack输出的文件传输给服务器。

2022-11-30 10:44:13 821

原创 从零开始学JAVA(04):数组

数组、二维数组

2022-11-28 22:41:30 580

原创 玩转webpack(01):初识webpack

初识webpack

2022-11-28 14:29:56 519

原创 从零开始学JAVA(03):流程控制语句

一、if-else二、for语句三、Break语句四、continue语句五、代码块和变量的作用域六、while语句七、do-while语句八、switch语句

2022-11-27 17:54:15 311

原创 从零开始学JAVA(02):基本知识、基本数据类型、运算符、转义符

数字的基本数据类型、转义符语法和常用的转义符、整数的除法运算、和JavaScript不一样的String、bit 和 byte

2022-11-26 16:15:52 575

原创 从零开始学JAVA(01):配置Java运行环境、实现HelloWorld

从零开始学JAVA

2022-11-23 16:02:58 515

原创 Vue2:使用provide和inject时,无法获取到实时更新的数据

组合无疑是很方便的一种做法了,但如此只是注入的初始值,并不能随时拿到数据源的实时更新。多个子组件或孙子级组件都要使用顶级或父级的数据。provide 和 inject。(即:祖先向下传递数据)、

2022-11-15 17:36:50 5420 2

原创 react:innerHTML的替代方案dangerouslySetInnerHTML

通常来讲,使用代码直接设置 HTML 存在风险,因为很容易无意中使用户暴露于。因此,你可以直接在 React 中设置 HTML,但当你想设置。中不仅仅可以设置内容为一个和HTML片段,也可以是一个普通的字符串。是 React 为浏览器 DOM 提供。时,需要向其传递包含 key 为。的对象,以此来警示你。

2022-10-23 15:12:43 3317

原创 react:值得一看的“react哲学”

react官网文档中核心概念第12节React哲学一篇,无论你是否使用react进行日常的前端开发工作,只要你是一名前端的开发工作者那就非常值得一看,里面的一些思想值得在日常工作中去应用,相信也会有很多的收获及效率提升。......

2022-08-29 16:04:09 314

原创 react:理解“为了在回调中使用 `this`,这个绑定是必不可少的”

this指向、“为了在回调中使用 `this`,这个绑定是必不可少的”、当函数作为回调函数被调用时

2022-08-05 14:07:32 362

原创 react:函数组件

react:函数组件学习笔记

2022-08-01 17:51:26 1163

原创 JS: 数组和树的相互转换

树转数组,实现的要点还是在于递归查找,定义一个空数组,去接收没有children属性的每一项。

2022-07-28 16:58:05 2802 2

原创 js对象:实现继承的几种方式及优缺点

js对象继承的集中方式原型链继承、构造函数继承、组合继承(构造函数式继承+原型链继承)、拷贝继承(原型式继承)、寄生式继承、寄生组合式继承、使用ES6中class关键字

2022-07-10 19:26:39 427

原创 js对象:检测属性是否存在

检测属性是否存在一、in二、hasOwnProperty()三、propertyIsEnumerable()四、!== 或===

2022-07-10 16:14:58 2420 2

原创 Vue3:自定义指令directive

Vue3自定义指令directiveVue2自定义指令directive

2022-07-03 17:02:50 2985

原创 踩坑记:JSON.parse和JSON.stringify

在项目中很多人为求简单、方便在进行数据的深拷贝时会采用JSON.parse(JSON.stringify(...))的方式,殊不知,这两个组合的深克隆方式存在很多弊端,要慎用! 当被序列化的数据中有Function 或 undefined 时,序列化后,Function 和 undefined 会丢失.........

2022-06-27 15:31:55 3142

原创 Vue3:v-model、自定义修饰符

vue3的v-model原理vue3自定义修饰符

2022-05-03 17:19:42 2932

原创 Vue3:自动导入

自动导入封装的Ajax-API、vue3的API自动导入、element-plus组件

2022-04-27 11:22:16 3645

原创 Vue3:性能优化---异步组件

效果图SuspenseSuspense 是一个试验性的新特性(暂时不要用到生产环境吧~~)在正确渲染组件之前进行一些异步请求是很常见的事。组件通常会在本地处理这种逻辑,绝大多数情况下这是非常完美的做法。该<suspense>组件提供了另一个方案,允许将等待过程提升到组件树中处理,而不是在单个组件中。<suspense>组件有两个插槽。它们都只接收一个直接子节点。default插槽里的节点会尽可能展示出来。如果不能,则展示fallback插槽...

2022-04-20 21:58:57 972

原创 Vue3:插槽v-slot

几种插槽匿名插槽 具名插槽 作用域插槽 动态插槽v-slot的简写方式<template v-slot></template><========匿名插槽-简写==========><template #default></template><template v-slot:title></template><========具名插槽-简写==========><t

2022-04-18 22:26:35 3522

原创 Vue3:动态组件

使用component内置组件,通过is绑定要展示的组件多用于tab页切换的场景markRaw的作用及应用(必须使用markRaw跳过对组件的代理,否则vue会给警告)效果图Vue2回顾<template> <div> <component :is="A"></component> </div></template><script>import A from './A'..

2022-04-17 16:02:35 7228 2

原创 vue3:递归组件

vue3中可以直接使用组件文件名来递归组件,常用于页面菜单树的开发效果图父组件<template> <Tree @tree-click="treeClick" :data="data"></Tree></template><script setup lang="ts">import Tree from '@/components/treeItem.vue';import { reactive } from 'vu..

2022-04-16 17:25:58 5670 1

原创 Vue3:父子组件传参

一、父组件给子组件传参父组件通过v-bind绑定要传给子组件的数据,在子组件中通过defineProps接收传过来的值父组件:<template> <Child :data="cMasterwork" :sMasterwork="sMasterwork"></Child></template><script setup lang="ts">// 这里只需要引入即可使用组件,不需要注册import Child from '.

2022-04-14 15:09:16 7854

vue3+pinia+element-plus搭建的模板工程

这里有一个基于最新技术栈构建的系统模板工程,结合了Pinia、Vue3、Element Plus和Webpack 5的强大力量。它为您提供了一个前所未有的开发体验,让您的项目脱颖而出。 这个模板工程不仅仅是一个简单的骨架,它还内置了四种令人惊叹的布局方式:默认布局、经典布局、双栏布局和单栏布局。无论您是追求时尚现代感还是传统经典风格,都能找到最适合您项目需求的布局风格。 更加令人兴奋的是,这个模板工程已经事先为您配置了暗黑模式。这意味着您的应用程序可以轻松地根据用户偏好切换到黑暗主题,为用户带来更加炫酷和舒适的界面体验。 而且,这个模板工程对全局配置进行了高度拆分和封装。通过清晰的架构和优雅的代码,您可以轻松地管理和定制全局配置,节省宝贵的开发时间,让您专注于构建出色的功能和用户体验。 无论您是一名经验丰富的开发者还是刚入门的新手,这个Pinia+Vue3+Element Plus+Webpack 5搭建的系统模板工程都将成为您的得力助手。 此zip解压后即可立即运行,为了保证项目依赖一致性,我将node_modules也一起上传了~

2024-01-04

空空如也

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

TA关注的人

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