- 博客(17)
- 收藏
- 关注
RSS订阅原创 qiankun + Vue + React18 搭建微前端
本章节基于 Vue + qianakun 的方式搭建的微前端，微前端有主应用与微应用构成。**主应用：**Vue3 + Vite。
2024-09-26 13:48:23
1376
原创 Element-Plus主题切换
基于 Vue3 + TypeScript + Scss + Element-plus 实现 Element-plus 主题切换。Element-plus 主题切换涉及了的和，因此在一些个别的浏览器和老版本的浏览器上无法实现该动画效果。
2024-09-25 01:21:03
934
1
原创 import和export在浏览器中的使用方式
一般情况下，import 和 export 的使用通常是在 webpack、Vite 等构建工具中已模块的形式使用，而想在浏览器中直接使用，则需要通过一下方式：
2022-04-04 17:31:10
4976
原创 Flex布局
Flex 布局Flexible Box 模型：有伸缩容器（父容器/元素）和伸缩项目（子容器/元素）组成。注意：使用 flex 布局时，columns 属性在父容器中失效，float、clear 和 vertical-align 属性将在子容器中失效。Flex 布局是由主轴和侧轴来划分的主轴：父容器的主轴，子元素沿着这条轴进行排列布局。主轴的方向可以是水平（X 轴）方向或垂直（Y 轴）方向。主轴的方向取决于 flex-direction 属性的值，默认： row（水平方向）。侧轴：始终垂直与主轴，
2021-08-31 20:07:57
284
原创 Reflect
ReflectReflect 是一个内置的对象，它提供拦截 JS 操作的方法。这些方法与 proxy 中的 handlers 对象 的方法相同。且 Reflect 不是一个函数对象，因此它不可构造，不能通过 new 运算符实现调用。静态方法Reflect.apply()：该方法通过指定的参数列表发起对目标(target)函数的调用。语法 Reflect.apply(target, thisArgument, argumentsList)参数target：目标函数。thisA
2021-07-31 15:20:41
204
原创 Proxy 中的 Handler 对象
Proxy 中的 Handler 对象handler：对象包含 Proxy 的各个捕获器，且所有的捕获器是可选的。如果没有定义某个捕捉器，那么就会保留源对象的默认行为。在使用 Proxy 对象的 handler 时，通常与 Reflect 内置对象配合使用，且 Reflect 内置对象的方法与 handler 对象的方法相同。方法handler.apply()：该方法用于拦截函数的调用。语法 const proxy = new Proxy(target, { apply(targ
2021-07-31 14:52:47
1296
原创 Proxy
ProxyProxy 对象用于创建一个对象的代理，从而实现基本的拦截和自定义（如属性查找、赋值、枚举、函数调用等）操作。参数创建 Proxy 对象时，需要传入两个参数 target 和 handler 。target ：指要代理的目标对象。handler：指处理器对象，用于执行监视目标对象的各种操作。案例 // 目标对象 const person = { name: 'Jack', age: 20, } // handler 对象 class handler {
2021-07-31 14:32:53
560
原创 审查 vue webpack 配置信息
审查 vue webpack 配置信息由于 Vue CLI 中的 @vue/cli-service 对 webpack 进行抽象配置，所以 Vue CLI 中的 @vue/cli-service 向外暴露 inspect 命令用于审查 vue webpack 配置信息。命令的使用箭头 > 用于指定输出的文件 vue inspect > webpack.js可以同过输入规则审查指定的配置vue inspect --mode=development > webpack.
2021-07-10 19:48:14
209
原创 Windows IDE无法使用内置终端问题
Windows IDE无法使用内置终端问题在大多数对的情况下，IDE在使用终端时，出现以下问题：CategoryInfo: ObjectNotFound: (sacc:String) [], CommandNotFoundException FullyQualifiedErrorId : CommandNotFoundException只需在IDE的终端输入以下代码，即可解决：Set-ExecutionPolicy Unrestricted -Scope CurrentUser...
2021-06-22 21:40:20
308
原创 tsconfig.json详细配置
tsconfig.json详细配置tsconfig.json文件是 TypeScript 编译器的配置文件，TypeScript 编译器可以根据它的规则来对代码进行编译。根选项include：指定被编译文件所在的目录。exclude：指定不需要被编译的目录。extends：指定要继承的配置文件。files：指定被编译的文件。references：项目引用，是 TS 3.0 中的一项新功能，它允许将 TS 程序组织成更小的部分。compilerOptions 定义项目的运行时期望、Ja
2021-06-05 22:08:18
3534
原创 Vue3创建项目步骤
Vue3创建项目步骤Vue3 项目创建之初，需要 Node.js 和 Vue CLI 的环境一、搭建环境下载 Node.js 并安装通过 node -v 命令验证安装是否成功和当前版本 通过 Node 自带的包管理器 npm 全局安装 Vue CLInpm install -g @vue/cli通过 vue 命令验证安装是否成功二、创建项目通过 vue create 项目名称 创建项目 请选一个预置（上下键进行选择）第一选项：创建Vue2默认选项（当
2021-06-02 21:10:35
292
原创 Sass的安装和常用命令
Sass的安装和常用命令Sass的安装使用node.js，通过npm安装npm install -g sass检查sass是否安装成功，并查看当前版本sass --versionSass编译
2021-05-29 10:03:58
3672
原创 箭头函数的用法及注意事项
箭头函数的使用箭头函数的基本使用普通函数与箭头函数的区别： // ES5的函数写法 let fun1 = function(me) {return me} // ES6的箭头函数写法 let fun2 = (me) => {return me} console.log(fun1('hello')); console.log(fun2('hello'));箭头函数的简写：如果函数的参数有且仅有一个时，可以省略参数的括号。如果函数的方法体是单条语句时，可省略 ret
2021-05-23 22:42:44
363
原创 JavaScript原型与原型链
JavaScript原型与原型1. 原型：我们在创建函数、对象时都会想函数、对象中会自动添加一个prototype属性，该属性对应着一个对象即原型对象。当以构造函数的形式调用时，通过构造函数.prototype的形式调用原型对象中的属性和方法。通过实例对象调用时，在new一个实例对象时，实例对象中隐含一个 __ proto __属性，指向该构造函数的原型对象，通过实例对象. __ proto __的方式调用原型对象。 // 新建一个构造函数 function Person() {}
2021-05-13 18:11:15
98
原创 npm、cnpm、yarn 三者的安装和使用
npm、cnpm、yarn 三者的安装和基本使用以下安装以Windows系统为例npm安装安装npm只需安装Node.js，Node中自带npm包管理器Node官网下载地址：http://nodejs.cn/download/cnpm安装由于npm安装插件是从国外服务器下载，受网络影响较大，可能出现异常情况，于是淘宝团队做了个npm镜像叫cnpm，为了与官方同步淘宝镜像每 10分钟 进行一次同步以保证尽量与官方服务同步。安装cnpm包管理器前提是已安装npm安装：npm install -g
2021-04-18 17:14:25
904
原创 Git下载、安装和配置
Git下载和安装Git下载：https://git-scm.com/点击Downloads这里以Windows系统为例点击Windows根据Windows系统版本选择Git版本Git安装运行安装程序该界面不做选择 点击 Next选择安装路径点击Next选择要安装的组件在这里我取消 Git GUI Here选项该选项为Git图形界面点击 Next选择开始菜单文件夹（默认即可）点击Next选择Git编辑器（默认即可）点击Next
2021-04-13 14:05:52
214
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人