会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
yanda
博客园
首页
新随笔
联系
订阅
管理
2023年4月30日
实现默认展示title并隐藏不定高度的文字,hover触发时全部展示
摘要: title和word的容器使用绝对定位脱离文档流使其可以覆盖图片,word使用流体布局限制最大行数避免文字完全覆盖图片,之后设置容器默认和触发两个状态 默认:transform: translateY(calc(100% - title高度)),注意使用calc时,加号减号前后需要空格,不然会无效(
阅读全文
posted @ 2023-04-30 00:28 北火廿口
阅读(32)
评论(0)
推荐(0)
2023年4月28日
父元素设置相对定位和overflow:hidden会清除子元素绝对定位的脱离文档流效果
摘要: 当父元素同时设置相对定位和overflow:hidden时会使得子元素的绝对定位的脱离文档流效果失效。 原因:绝对定位会根据最近的设置了绝对定位或相对定位的祖先元素进行定位,绝对定位会使得元素脱离文档流,但这里overflow:hidden会消除脱离文档流的效果,导致了son在设置了绝对定位后依然被
阅读全文
posted @ 2023-04-28 11:55 北火廿口
阅读(125)
评论(0)
推荐(0)
2023年4月19日
入职okg半年个人提升规划
摘要: 规划从两个层面出发,即技术层面和业务层面。 1.技术层面 技术层面应包含对原本掌握的技术的巩固以及对新技术的学习。 1.1 技术的巩固 JavsScript。js很多知识很久没有用或者一直停留在学习了但没用过,所以需要再去过一遍es6文档;此外对js的使用上大多习惯于使用笨语法,在之后的项目开发上应
阅读全文
posted @ 2023-04-19 12:46 北火廿口
阅读(128)
评论(0)
推荐(0)
2022年9月12日
浏览器内多个标签页之间的通讯
摘要: 主要有三种方式 1.localStorage 在一个标签页里面使用localStorage.setItem(key,value)添加(修改、删除)内容;在另一个标签页里面监听storage事件。即可得到localstorge存储的值,实现不同标签页之间的通信 // 添加 localStorage.s
阅读全文
posted @ 2022-09-12 13:11 北火廿口
阅读(74)
评论(0)
推荐(0)
2022年8月15日
对箭头函数中this的一些讨论
摘要: 先看道题 var obj = { hi: function(){ console.log(this); return ()=>{ console.log(this); } }, sayHi: function(){ return function() { console.log(this); ret
阅读全文
posted @ 2022-08-15 16:00 北火廿口
阅读(46)
评论(0)
推荐(0)
2022年8月9日
javascript手写题
摘要: 判断数据类型 function myTypeOf(obj) { let res = Object.prototype.toString.call(obj).split(' ')[1] res=res.substring(0, res.length - 1).toLowerCase() return
阅读全文
posted @ 2022-08-09 18:34 北火廿口
阅读(34)
评论(0)
推荐(0)
2022年8月5日
webpack原理
摘要: Loader loader就是将webpack不能识别的文件转换为webpack可识别的模块 loader是一个函数,当webpack解析资源时会调用相应的loader去处理,loader接收到文件内容作为参数,返回内容出去 分类 pre:前置loader normal:普通loader inlin
阅读全文
posted @ 2022-08-05 18:57 北火廿口
阅读(80)
评论(0)
推荐(0)
使用DOM事件监听时,由浏览器触发事件和在代码中手动触发事件,所产生的结果不同的原因
摘要: 先上代码 button.addEventListener('click', () => { Promise.resolve().then(() => console.log('Miscr1')) console.log('L1') }) button.addEventListener('click'
阅读全文
posted @ 2022-08-05 11:42 北火廿口
阅读(113)
评论(0)
推荐(0)
无法使用map遍历Array创建的数组的原因
摘要: 在 JavaScript 内部,数组就是用数字作为键名的对象。 ['a', 'b', 'c'] 在本质上就等于 { 0: 'a', 1: 'b', 2: 'c', length: 3 } 当访问数组中索引 0 的元素时,实际上访问的是对象中键名为 0 的属性的键值。这很重要,因为当你把数组作为对象看
阅读全文
posted @ 2022-08-05 11:26 北火廿口
阅读(268)
评论(0)
推荐(0)
2022年8月2日
使用vis-network时,在同一节点中设置多种样式的办法
摘要: var svg1 = '<svg xmlns="http://www.w3.org/2000/svg" width="390px" height="200px">' + '' + '<foreignObject x="0" y="0" width="100%" height="100%">' + '
阅读全文
posted @ 2022-08-02 15:07 北火廿口
阅读(1038)
评论(1)
推荐(1)
公告