会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
波仔、
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
5
下一页
2022年3月17日
Vue.js mixin 和 mixins 区别
摘要: mixin ⽤于全局混⼊,会影响到每个组件实例,通常插件都是这样做初始化的,但是这种⽅式会影响到每个组件的 beforeCreate 钩⼦函数 文档也不建议我们直接使⽤ mixin,我还没用过 mixins 如果多个组件中有相同的业务逻辑, 就可以将这些逻辑剥离出来,通过 mixins 混⼊代码,⽐
阅读全文
posted @ 2022-03-17 14:36 波仔、
阅读(436)
评论(0)
推荐(0)
2022年3月16日
Window postMessage() 方法
摘要: postMessage() 方法用于安全地实现跨源通信。 //发送消息 window.postMessage({ time: new Date().toLocaleString() }); } //监听并接收消息 window.addEventListener( "message", functio
阅读全文
posted @ 2022-03-16 10:21 波仔、
阅读(396)
评论(0)
推荐(0)
2022年3月14日
css 样式
摘要: 禁止浏览器自动填充账号密码 <FormItem label="新密码" prop="loginpwd"> <Input type="password" v-noFill v-model.trim="userinfo.loginpwd" readonly password placeholder="请
阅读全文
posted @ 2022-03-14 15:26 波仔、
阅读(61)
评论(0)
推荐(0)
2022年3月12日
iView + Vue 踩坑日记
摘要: 递归对树形结构数据处理 js模糊查询 //递归对树形结构数据处理 js模糊查询 const rebuildData = (value, arr) => { let newarr = []; arr.forEach(element => { if (element.title.indexOf(valu
阅读全文
posted @ 2022-03-12 16:02 波仔、
阅读(362)
评论(0)
推荐(0)
2022年2月23日
shadow DOM 影子DOM
摘要: shadow DOM有以下特点: shadow DOM与外部html是隔离的,外面用外面的样式,里面用里面的样式。 通过DOM API查找DOM元素时,document只能查到外部的元素,shadow DOM内部元素需要通过shadow root元素来查找。 总结起来就是,shadow DOM可以把
阅读全文
posted @ 2022-02-23 16:52 波仔、
阅读(549)
评论(0)
推荐(0)
qiankun 主应用注册、启动子应用的代码实现
摘要: 原视频地址:https://www.bilibili.com/video/BV1H34y117fe/ 我也是看视频学的,在这分享一下源码,qiankun 配置我就不写了,之前分享有dome,下面直接上代码 在主应用src下新建 micro-fe文件 micro-fe文件下新建index.js 作为主
阅读全文
posted @ 2022-02-23 14:35 波仔、
阅读(1430)
评论(0)
推荐(0)
哈希路由(hash模式)和历史路由(history模式)的区别
摘要: hash模式 这里的 hash 就是指 url 尾巴后的 # 号以及后面的字符。这里的 # 和 css 里的 # 是一个意思。hash 也 称作 锚点,本身是用来做页面定位的,她可以使对应 id 的元素显示在可视区域内。 由于 hash 值变化不会导致浏览器向服务器发出请求,而且 hash 改变会触
阅读全文
posted @ 2022-02-23 14:11 波仔、
阅读(5825)
评论(0)
推荐(0)
qiankun-前端微服务化搭建
摘要: 创建vue项目 vue create qiankun-base 安装qiankun 插件 $ yarn add qiankun # 或者 npm i qiankun -S 只需要在主应用安装qiankun 即可,最重要的是webpack版本必须在4.0.0,不然会报jsonpfunction 错误。
阅读全文
posted @ 2022-02-23 11:15 波仔、
阅读(147)
评论(0)
推荐(0)
2022年2月17日
监听DOM及标签自定义属性修改
摘要: <body> <div class="index">hello world</div> <button onclick="settagname()">更改blue-buy标签</button> <script> const prices = { t_porsche: '66,00 €', t_fen
阅读全文
posted @ 2022-02-17 11:34 波仔、
阅读(98)
评论(0)
推荐(0)
2022年2月9日
JavaScript获取IP的方法
摘要: <!-- 搜狐接口获取IP地址 --><script src="//pv.sohu.com/cityjson?ie=utf-8"></script> <script> //搜狐接口返回json对象。里面保存了ip和城市名字。 window.returnCitySN = returnCitySN;//
阅读全文
posted @ 2022-02-09 11:42 波仔、
阅读(431)
评论(0)
推荐(0)
上一页
1
2
3
4
5
下一页
公告