栖木hy - 博客园

2022年8月30日

摘要：仅个人学习记录，看不懂得话就去看官方的示例吧阅读全文

posted @ 2022-08-30 15:27 栖木hy 阅读(302) 评论(0) 推荐(0)

摘要：一、概述网格布局（Grid）是最强大的 CSS 布局方案。它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。 Grid 布局与 Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大阅读全文

posted @ 2022-08-30 10:43 栖木hy 阅读(145) 评论(0) 推荐(0)

2022年8月29日

arcgis for javascript4.x 屏蔽掉地图的默认事件及默认控件

摘要：屏蔽地图默认事件原理是通过设置view的监听，然后在相应事件触发时候阻止事件冒泡，我们可以添加一个内部状态curentState来设置是否启用禁止默认事件效果。 //禁止默认事件 DisableInteraction(view) { let curentState = true; //禁止通过键盘阅读全文

posted @ 2022-08-29 15:58 栖木hy 阅读(384) 评论(0) 推荐(0)

2022年8月28日

关于vue的css样式对js动态添加的dom节点不生效问题的解决方法

摘要：一、问题描述开发的时候免不了有时候需要向某个节点appendchild，添加子节点，但是如果是在vue中，就会发现通过操作dom的appendchild方式添加节点会出现样式对这些新增的节点无效。二、解决思路通过查看原始的节点与新增的节点发现，原始节点与新增节点的class都一样，但是原始的阅读全文

posted @ 2022-08-28 12:17 栖木hy 阅读(2325) 评论(0) 推荐(1)

如何给shadow DOM下的元素添加样式

摘要：一、问题描述项目中在dom结构里遇到了shadow-DOM(open)，如下是一个表格组件，主要感觉滚动条有点low，需要自定义但发现自己写的样式渗透不进去╮(╯▽╰)╭ Shadow DOM Shadow DOM 这款工具旨在构建基于组件的应用。因此，可为网络开发中的常见问题提供解决方案：阅读全文

posted @ 2022-08-28 00:39 栖木hy 阅读(824) 评论(1) 推荐(1)

CSS 设置滚动条样式 ::-webkit-scrollbar

摘要： ::-webkit-scrollbar 仅仅在支持WebKit的浏览器 (例如, 谷歌Chrome, 苹果Safari)可以使用. ::-webkit-scrollbar — 整个滚动条. ::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头). ::-webkit- 阅读全文

posted @ 2022-08-28 00:13 栖木hy 阅读(4655) 评论(0) 推荐(0)

2022年8月27日

element-UI dropdown 传多个参数

摘要： <el-tree :data="layersName" :props="defaultProps" node-key="id" :default-checked-keys="checked" show-checkbox @check-change="handleCheckChange" dragga 阅读全文

posted @ 2022-08-27 20:56 栖木hy 阅读(236) 评论(0) 推荐(0)

ArcGIS API forJavaScript4.x去除地图获取焦点的黑色边框

摘要： ArcGIS API forJavaScript4.x去除地图获取焦点的黑色边框 CSS /* 去掉地图聚焦边框 */ .esri-view-surface--inset-outline:focus::after { outline: none !important; } 如果上面的css不能起效果阅读全文

posted @ 2022-08-27 19:55 栖木hy 阅读(247) 评论(0) 推荐(0)

el-button点击了按钮会出现保留点击的状态

摘要：问题 el-button点击了按钮之后，将鼠标移出按钮，会出现保留点击的状态再查看它的css样式后，可以看到官方默认设置有:focus的状态规则解决办法在el-button的css里自定义或者复制原有的color、border-color、background-color三条样式，然后再重写阅读全文

posted @ 2022-08-27 19:35 栖木hy 阅读(2674) 评论(1) 推荐(1)

window.print()实现打印指定内容——功能实现

摘要： HTML  <div id="report"> <h1>..</h1> < 重点 <div>..</div> </div> JS function printpage() { // 打印的整体思路是：获取body的内容进行存储，然后获取打印区域的内容填充到bo 阅读全文

posted @ 2022-08-27 18:56 栖木hy 阅读(705) 评论(0) 推荐(0)

北风几吹夏

阅读是一座随身携带的避难所。——毛姆

公告