前端问题细节
前端问题细节
超人不会飞/
这个作者很懒,什么都没留下…
展开
-
实现鼠标移入框内改变内容(文本/按钮等)
思路:用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 · 1275 阅读 · 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 · 4442 阅读 · 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//methodd1 = document.querySelector('content')d1.style.display = 'none'//getElmentBy原创 2020-08-19 11:38:20 · 920 阅读 · 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 · 177 阅读 · 0 评论