iframe 页面间的通信(分享)
在许多老的项目中使用的都是 iframe 进行的页面嵌套，我这里写了三个页面进行演示红色的页面为最外层，本地开的服务，端口为 5500，而黄色和蓝色的页面分别为第二层和第三层，端口为 5501专门做的不是一个端口，后面会有作用。
DOM操作元素-样式属性操作
我们可以通过 JS 修改元素的大小、颜色、位置等样式。element.style 行内样式操作element.className 类名样式操作一、element.style 行内样式操作使用element.style 获得修改元素的样式。更改的结果会变为行内样式。使用
什么？？？你连vue中父组件怎么监听子组件的事件都不知道？快来看看vue2和vue3中父组件监听子组件事件的区别吧
vue2和vue3中父组件监听子组件事件
webpack配置（超全loader和插件）
webpack webpack中的loader webpack 插件
Vue3：自定义指令以及简单的后台管理权限封装
说起这个自定义指令的使用场景，我第一反应就是，后台管理的权限管理，要问我为什么？就是ruoyi系统用多了😂；本篇就聊聊vue3的自定义指令以及若依的管理权限封装。如果对vue指令还是有点懵，不清楚这是vue哪一块的知识，v-if,v-show,v-for总用过吧？没错，指令说的就是它们，这些都是v
vue中轻量级模糊查询fuse.js使用
基于fuse.js插件完成模糊搜索的相关应用场景
前端实现真实可动态变化进度条,axios+ Ant Design Vue实现.
由于本菜鸡之前都是用的假的进度条,最近有一个新需求,要求在前端实现真实的进度条展示,让用户可以看到文件上传的状态,于是搞了一下这方面的,发出来和大家讨论
input输入限制以及校验之总结篇
input的输入限制是一个非常常见的需求，比如我们在一个表单内需要输入时间，则我们就需要限制输入的内容只能是数字，并且是正整数，这如果用表单校验也可以，但是如果直接可以通过input的输入限制，直接讲此扼杀在摇篮中那岂不是美哉下面就是我对一些常见的输入限制的一些总结：（本文的技术栈是Vue3）2.通
XSS绕过技巧
XSS绕过技巧
vue3项目使用WebSocket 传输 Protobuf 格式的数据
vue3项目中protobuf格式数据传输的示例项目。
js跨域问题及解决方法汇总
前端跨域问题的诞生和解决方法浅析。
vite和webpack的区别
而Vite则采用了基于ES Module的开发服务器，只有在需要时才会编译对应的模块，大幅度提升了开发环境的响应速度。3、集成Vue.js：由于Vite是由Vue.js的作者开发的，因此在使用Vue.js开发项目时，Vite能够提供更好的支持。总的来说，Vite的开发环境启动速度和模块热更新速度相比
react项目启动加载过程个人笔记(Ant Design Pro)
1.项目启动后，会先加载。（PS：菜鸟教程说，manifest.json 指定了开始页面 index.html，一切的开始都从这里开始，所以这个是代码执行的源头；但是Ant Design Pro项目里开始页面并没有在这里指定…）2.项目启动后，会打开。（可以修改默认启动端口，例如修改的启动命令为）3
kettle开发篇-JavaScript脚本-Day31
前言： 昨天我们讲了映射，映射可以帮我来将转换进行封装便于我们的重用，今天我们来讲解下JavaScript脚本，可以通过JavaScript脚本来处理一些复杂的转换问题。JavaScript脚本就是使用JavaScript语言通过代码编程来完成对数据流的操作。JS中有很多内置函数，可以在编写JS代码
前端实现图片转Base64
但是，一般我们在做这样的需求前，处理的图片肯定不止一张，接下来就要批量处理，但是这个方法是异步，我们要将一个数组内的每个对象的地址都转成base64,才算真正完成我们的功能。前端一般接收到后端的数据一般是这种格式。最后我们将图片使用img标签正常渲染就好了，小知识：浏览器在识别同一个一模一样的图片地
封装通用el-form表单（2种方式）
封装通用el-form表单（2种方式）
npm pack 命令生成离线npm模块/npm依赖包
本文介绍了如何利用 npm pack 命令生成依赖包，并将其移动到指定目录的实现方法。通过遍历 node_modules 目录，查找所有的 package.json 文件，并执行 npm pack 命令生成压缩文件，最后将生成的压缩文件移动到指定目录下。这个方法可以方便地将所有依赖包打包成一个压缩文
vue2与vue3的区别
一. vue2和vue3双向数据绑定原理发生了改变vue2 的双向数据绑定是利用ES5 的一个 API Object.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的。vue3 中使用了 es6 的 ProxyAPI 对数据代理。相比于vue2.x，使用proxy的优势
TypeScript（三）对象类型
在TS中除了之前的基本类型外，还包含Array（数组），Object（对象），Function（函数）等等继承于对象的其他对象，以及Tuple（元组），Enum（枚举）等高级类型，以及泛型，never，unknown类型。这些类型是TS强类型检查的基础Array（数组）Object（对象）Funct
JavaScript split()方法
JavaScript split()方法一、定义和用法二、语法三、参数值四、返回值五、更多实例5.1 省略分割参数5.2 使用limit参数5.3 使用一个字符作为分割符
