- 博客(35)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 qiankun主系统、子系统传参（包括变量、方法 ）
globalState主要用于数据共享，把方法、或者变量写进主系统的globalState里。在相应页面把要传递的方法set进去以供主系统监听使用。初始化的时候在main.ts中set一下。2.子系统使用主系统的变量。1.主系统调用子系统方法。
2024-03-29 15:41:59
737
原创 可以用于在浏览器中打开文件选择器的js方法
让用户选择一个目录。该方法返回一个Promise对象，该对象解析为一个DirectoryHandle对象，该对象表示用户选择的目录。，允许用户选择一个或多个文件。该方法返回一个Promise对象，该对象解析为一个File对象数组，每个对象代表用户选择的一个文件。，允许用户选择一个文件名和保存位置。该方法返回一个Promise对象，该对象解析为一个File对象，代表用户选择的文件。showDirectoryPicker：用于在浏览器中打开一个。用户可以选择一个或多个文件，然后将其上传到服务器。
2023-12-05 11:02:11
963
原创 随机生成hex颜色的方法（随机生成的是0到15的随机数）
我们将随机数与100取模，以得到介于0和99之间的数字。如果想生成0和15之间的数字，需要将随机数与16取模。--- 使用的是浏览器内置的 Crypto API，随机性高安全性也高。---数字重复较高，颜色比较单一。
2023-11-09 19:08:47
197
原创 使用ant design vue的a-upload上传组件，自定义上传事件，点了导入图标按钮就自动打开了电脑上的文件夹，将选中的.json文件里的数据解析出来页面使用（纯前端操作）
reader.readAsText(data.file)中data.file的数据格式为。使用FileReader对象读取文件内容，最后将文件内容进行处理使用。
2023-11-02 10:29:12
2163
原创 将antv g6生成的图片URL转成blob,再将blob转成file，最后将转成的file作为接口参数传给后端
/antv g6 API生成的图片URL。// 将blob转file。
2023-11-02 10:21:04
188
原创 身份证和姓名脱敏
1.身份证脱敏formRecharge.idNo ? (formRecharge.idNo + "").replace( /^(.{6})(?:\w+)(.{4})$/, "\$1********\$2" ) : ""2.姓名脱敏 formRecharge.cardOwnerName
2021-12-07 17:49:32
1243
原创 电话号码脱敏
1.十一位电话号码脱敏 formRecharge.tel ? (formRecharge.tel + "").replace( /^(\d{3})\d{4}(\d{4})$/, "$1****$2" ) : ""2.不论几位都可以脱敏显示formRecharge
2021-12-07 17:47:37
1457
1
原创 JS延迟加载
1.defer属性2.async属性3.动态创建dom方式4.使用jQuery的getScript方法5.使用setTimeout延迟方法6.让js最后加载
2021-10-11 19:19:35
91
原创 vue指令
（1）意义： 对普通dom元素进行底层操作，可以通过指令知道什么时候dom创建完成，从而依赖进行dom的库的初始化工作（2）自定义指令（3）钩子函数（4）nextTick
2021-09-27 21:54:41
85
原创 Vue动态组件
. 动态组件<component> 元素，动态地绑定多个组件到它的 is 属性 <keep-alive> 保留状态，避免重新渲染 <keep-alive> <component :is="which"></component> </keep-alive> <footer> <ul> <li @click=" w
2021-09-26 13:25:06
67
原创 slot插槽（又叫内容分发）
意义： 扩展组件能力，提高组件的复用性单个插槽<slot></slot>具名插槽<slotname="a"></slot>旧版slot：<body> <div id="box"> <!-- 当前组件或者节点 在哪个模板中，就能访问哪个模板状态 --> <child> <div slot="a">11111111111111<...
2021-09-26 13:22:54
145
原创 Vue组件通信5----ref通信
用ref为自己的DOM做标记，然后利用this.$refs来获得从而进行操作/* ref -绑定dom节点，拿到的就是 dom对象 ref -绑定组件，拿到的就是 组件对象 */<body> <div id="box"> <child ref="mychild"></child> </div> <script> Vue.c...
2021-09-26 11:32:05
391
原创 Vue组件通信4-----bus中央事件总线（订阅发布者模式）
varbus=newVue()bus.$on("。。"，（）=>{ })//监听事件 bus.$emit("。。")//触发事件<body> <div id="box"> <child1></child1> <child2></child2> </div> ...
2021-09-26 11:19:04
144
原创 vue组件通信3------兄弟组件（通过中间人）
子传父和父传子的相结合<body> <div id="box"> <button @click="handleAjax">ajax</button> <film-item v-for="item in datalist" :key="item.filmId" :mydata="item" @event="handleEvent"></film-item>
2021-09-26 10:39:35
206
原创 Vue组件通信2-----子传父（通过事件）--$emit
子组件中需要以某种方式例如点击事件的方法来触发一个自定义事件，将需要传的值作为t$emit的第二个参数，该值将作为实参传给响应自定义事件的方法，在父组件中注册子组件并在子组件标签上绑定对自定义事件的监听。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi
2021-09-25 20:55:49
196
原创 Vue组件通信1------父传子（通过属性）
子组件在props中创建一个属性，用以接收父组件传过来的值父组件中注册子组件在子组件标签中添加子组件props中创建的属性把需要传给子组件的值赋给该属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
2021-09-25 20:50:34
171
原创 Vue组件
组件化： 扩展HTML元素，封装可重用的代码注意点： 1.起名字：js驼峰，html链接符-2.dom片段没有代码提示没有高亮显示-vue单文件组件解决3.css只能写成行内。-vue单文件组件解决4.template包含一个根节点 5.组件是孤岛,无法【直接】访问外面的组件的状态或者方法。-间接的组件通信来交流。6.自定义的组件data必须是一个函数，...
2021-09-25 20:46:25
50
原创 JS中的绑定事件
原生JS绑定事件document.getElementById("test").onclick = function(){ console.log("test...");jQuery的bind绑定事件$("#test").bind("click",function(){ console.log("世上无难事，只怕有心人"); });语法： $(selector).bind( eventType [, eventData...
2021-09-16 18:49:46
137
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人