![](https://img-blog.csdnimg.cn/20200521105601265.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端问题细节
前端问题细节
超人不会飞/
这个作者很懒,什么都没留下…
展开
-
实现鼠标移入框内改变内容(文本/按钮等)
思路:用hover+transform <div class="hover-box-outer"> <div class="hover-box"> <div class="before-hover">before</div> <div class="after-hover">after</div> </div> </div&原创 2020-08-19 17:00:07 · 1252 阅读 · 0 评论 -
vue+Element【el-collapse】实现任务框的实现与隐藏(点击其他按钮也可隐藏)
大体效果如下 点击open实现任务框的实现且文本变为close,改造了el-collapse原来的样式 组件原样式 改造后的样式 代码实现 <el-collapse @change="handleChange"> <el-collapse-item :title="context" name="1"> <el-button @click="closePanel">close</el-button>//内部一个close按钮 <.原创 2020-08-19 13:50:55 · 4391 阅读 · 1 评论 -
typescript中querySelector/getElementBy出现【Property ‘style‘ does not exist on type ‘Element‘.】解决方法
vue+typescript项目中 使用querySelector/querySelectorAll/getElementBy 出现【Property ‘style’ does not exist on type ‘Element’.】 解决方法: //data 设置一个变量为any类型,然后赋值 private d1:any //method d1 = document.querySelector('content') d1.style.display = 'none' //getElmentBy原创 2020-08-19 11:38:20 · 897 阅读 · 0 评论 -
前端获取视窗的兼容方法
1. 总结(网上兼容写法) var clientWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; 2. window.innerWidth/Height 获取浏览器可视区域宽/高度 宽度:获取的是包含滚动条宽度的浏览器可视区域宽度 高度:不包含工具栏高度,只是可视区域高度 IE 8 及更早 IE版本不支持这两个属性。 3. document.documentE原创 2020-05-21 11:04:05 · 160 阅读 · 0 评论