耀樱-优快云博客

原创前端打包工具对比（Webpack、Vite、Rollup）

工具构建速度配置复杂度适用场景Webpack慢高企业级复杂应用Vite极快低开发体验优先项目Rollup中等中库/组件开发选择建议需要 HMR 和完整生态选 Webpack。追求开发速度选 Vite。开发开源库优先考虑 Rollup。

2025-06-12 15:35:42 136

原创 VSCode 设置常用的代码片段

代码片段功能可帮助开发者快速插入预设代码模板，适用于高频使用的代码模式（如函数结构、类定义、循环模板等），显著提升编码效率。

2025-06-05 16:22:25 430

可以通过注册全局自定义指令，或在组件中通过directives选项注册局部指令。全局注册示例el.focus();});局部注册示例focus: {el.focus();使用自定义指令指令钩子函数created：元素属性绑定前调用。：指令首次绑定到元素时调用。mounted：元素插入父 DOM 后调用。：组件更新前调用。updated：组件更新后调用。：组件卸载前调用。unmounted：指令与元素解绑后调用。

2025-06-05 11:14:29 360

原创 Vue3 快速上手 -第一章

1、MVC和MVVM的区别MVC是指Modal、View、Control。分别是数据层，视图层，控制层。MVVM 指 Modal、View、ViewModel视图数据2、MV中的ViewModel，是数据model中会挂载到vm，vm劫持数据并将数据渲染到view层3、数据更新也会回调给vm，再返回到model4、vue是如何实现MVVM的呢双向数据绑定---》模版指令{{ }} 通过这个花括号，正向劫持，反向监听通过监听绑定事件，也可以处理数据。

2025-06-05 10:47:12 305

原创 Antd 使用DatePicker报错 date.clone is not a function

今天在Form表单中使用DatePicker组件。页面如果添加name,页面报错。去除绑定Form中的name,在DatePicker中使用value 绑定值。getValueProps为子元素添加额外的属性。使用getValueProps。

2023-12-07 14:54:05 1073

原创使用JavaScript实现数组去重的几种方法

好久没有更博，我的懒癌又出来作祟了，今天重温下js的基础，发现自己的基础特别差，所以写篇文章，自己学习的时候也和他人一起研究分享……加油吧！以下为正文方法一：第一个想到的就是ES6新增的语法Set，下面我们用代码实现看看吧！var str = [1,2,3,4,5,4];var strSet = new Set(str);console.log(strSet); //Set {1, 2,...

2018-06-22 10:26:58 301

原创 JS学习笔记（三）

一、函数1.函数中arguments对象的使用 2.js允许创建匿名函数二、自定义对象三、内部函数四、闭包闭包是指有权访问另一个函数作用域中的变量的函数第一种方式：在函数中创建另一个函数 function adder(a){ return function(b){ return a+b;} } 第二种方式

2017-11-29 10:46:23 203

转载 Vue入门学习（一）

一、简介Vue.js 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。它专注于MVVM模型的ViewModel层，通过双向数据绑定把View层和Model层链接起来。二、Vue常用的插件1. vue-cli（vue官方命令行工具）快速构建vue的脚手架工具，用于快速搭

2017-10-25 09:25:44 501

原创 JS学习笔记（二）

一、对象构建对象的两种方式：对象构造函数 var obj =new object();对象字面量法 var obj={}对象的属性的访问方式，见图完成创建后，对象属性可以通过如下两种方式进行赋值和访问：这两种方法在语义上也是相同的。第二种方法的优点在于属性的名称被看作一个字符串，这就意味着它可以在运行时被计算，缺点在于这样的代码有可能无法在后期被解释器优化。它也可以被用来访问某些以预

2017-10-20 10:12:04 208

原创 JS学习笔记（一）

参考文档：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript一、JavaScript概览JS是一种面向对象的动态语言，它包含类型、运算符、标准内置（built-in）对象和方法。JS与Java、C比较的两个主要区别是（1）JS不支持类，类这一概念在JS中通过对象原型（objec

2017-10-18 10:12:12 315

原创 js链式调用的原理

今天上班不是很忙，感觉自己写的代码没有规范性和复用性，仔细研究了大神写的代码。果然很多我都不是特别理解。看到大神写的对象最后一句都加了个return this；本人写代码从来没写过，上网看了下原来时链式调用。下面我就详细的做一些比较，大家一起学习啊！链式调用其实我们在用jquery代码写操作的时候经常应用，例如$("#id").addClass('active').siblings().re

2017-07-21 14:05:00 5241