间距 组件css
Vue-打印组件
组件代码： <el-button v-print="{id: 'print-content'}" icon="el-icon-printer">打印</el-button> // 插件 vue-print-nb 示例： ......
Vue-表格组件封装
封装代码： <!-- * @Descripttion：表格组件--> <template> <div class='YxkTable'> <el-table :data="data" v-bind="tableBind" v-on="this.$listeners"> <ELTableColumn ......
Vue-搜索组件封装
组件代码： <!-- * @Descripttion：搜索组件--> <template> <div class='YxkSearch'> <el-form :model="form" :ref="$attrs.formRef" v-bind="$attrs"> <!-- 搜索项 --> <temp ......
Vue-Drag 拖拽组件
组件代码： <!-- 拖拽组件，使用说明见 README.md，--> <template> <div class='YxkDrag'> <VDraggable v-bind="dragBind(dragObj)" @start="dragStart" @end="dragEnd" v-on="th ......
Vue-表单组件
组件代码： <!-- * @Descripttion：表单组件--> <template> <div class='YxkForm'> <el-form :model="form" :ref="$attrs.formRef || 'ruleForm'" v-bind="formBind(formOb ......
纯css js 写出星空背景
每次刷新星星的位置都是随机的，可以根据自己需求调整星星的数量和位置，具体代码如下，直接复制就可运行 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Random Starry Sky</title> 5 <style> 6 body { 7 margin: ......
vue组件递归
这样的场景：渲染列表数据的时候，列表的子项还是列表。如果层级少尚且可以用几个 for 循环搞定，但是层级多或者层级不确定就有点无从下手了。 其实这就是树形结构数据，像常见的组织架构图，文件夹目录，导航菜单等都属于这种结构。很多组件库都带有树形组件，但往往样式不是想要的，改起来也非常的费劲。那么，如何 ......
vue2.0源码简读（3. 组件化）
3.1 createComponent 在分析 createElement 的实现的时候，它最终会调用 _createElement 方法，其中有一段逻辑是对参数 tag 的判断，如果是一个普通的 html 标签，上一章的例子那样是一个普通的 div，则会实例化一个普通 VNode 节点，否则通过 ......
React AntD的Dropdown组件报错：React.Children.only expected to receive a single React element child.可能的n原因
React.Children.only expected to receive a single React element child. Error: React.Children.only expected to receive a single React element child. at ......
记录--alova组件使用方法（区别axios）
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在我们写项目代码时，应该更加专注于业务逻辑的实现，而把定式代码交给js库或工程化自动处理，而我想说的是，请求逻辑其实也是可以继续简化的。 你可能会说，用axios或fetch api就够了啊，哪有什么请求逻辑，那可能是你还没有意识到这个问 ......
css改变图片的颜色
background-image: url($img), linear-gradient(#f00, #f00);//也可以实现渐变 filter: drop-shadow(70px 0 0 #EA5E30) ......
所见即所得的动画效果：Animate.css
我们可以在集成Animate.css来改善界面的用户体验，省掉大量手写css动画的时间。 官网：Animate.css 使用 1、安装依赖 npm install animate.css --save 2、引入依赖 import 'animate.css'; 3、在项目中使用 在class类名上an ......
element中select组件加入滚动分页及模糊查询
element中select组件加入滚动分页及模糊查询 1.directive.js-自定义vue指令 import Vue from 'vue' export default () => { Vue.directive('loadMore', { bind (el, binding) { // 如 ......
Flutter 组件技巧 刷新数据
1. 起因 因为组件在创建后，放入widget数之后，就会调用 initState，执行一次里面的内容。 我之前的项目里， 有一个Stack，用来切换子页面，子页面有2级； 在子页面的initState里，我去获取后端的数据，看中了initState只调用一次，达到我获取一次然后拿来显示的目的 这样 ......
css_使用backdrop-filter实现磨玻璃效果
<div id="container"> <div id="mask"></div> </div> #container { width: 500px; height: 300px; position: relative; border: 1px solid #ccc; background-ima ......
chromedriver 爬虫组件更新，114版本以上
1.解决问题 由于Google浏览器chrome自动更新导致python爬虫脚本无法启动，且浏览器版本大于114。 2.报错如下 selenium.common.exceptions.SessionNotCreatedException: Message: session not created: ......
CSS之min-height的使用
1. 关于 min-height 的使用 效果 2. 不给 height 会造成的问题 期望 min-height 生效 3. 直接给 height 会产生的问题 期望被内容撑开的 height 生效 注：no 底边距，==> 到底边的距离，懒得改了555，强迫症大免疫 ......
iframe本身就不是动态语言，样式和脚本都需要额外导入.iFrame的本质是内联框架的缩写，它是HTML元素的一个组件
以下哪个选项的描述是错误的 A iframe是用来在网页中插入第三方页面，早期的页面使用iframe主要是用于导航栏这种很多页面都相同的部分，这样在切换页面的时候避免重复下载 B iframe的创建比一般的DOM元素慢了1-2个数量级 C iframe标签会阻塞页面的的加载 D iframe本质是动 ......
vue2组件二次封装
有时候公共UI组件满足不了一些特定的需求样式，并且有较多地方使用同一个UI组件，这时候就需要考虑二次封装现有UI组件 组件二次封装关键的几点： 使用 $attrs 接收 props 使用 $listeners 接收事件 使用 $slots 和 $scopedSlots 接收插槽 使用model定义p ......
网页调试（css,html,js）获取资源链接等
进入调试模式 F12或者右键检查 在元素栏点击相应的组件可以查看html源码，图片视频音频链接等， 或者点击组件右键检查还可以查看组件css布局变化 html 元素源码可以看到class类名，触发事件以及style样式 在css上的改变是实时的，刷新页面会失效 html的改变需要双击，同样刷新页面失 ......
BI 数据可视化平台建设（2）—筛选器组件升级实践
本文主要介绍了BI数据可视化平台建设中比较核心的筛选器组件， 涉及组件分类、组件库开发等升级实践经验，通过分享一些对交互和业务耦合度高的组件开发迭代的思考，希望可以给正在做组件重构解耦的读者带来启发。 ......
8、Flutter Paddiing组件
Padding组件处理容器与子元素之间的间距。 class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return Containe ......
css3知识总结
一、css3新增选择器 1.用::selection去除所有鼠标选中元素的背景色 2.用：not来设置选中元素下面的非p标签元素 3.用：root设置网页背景色 ：enabled 选择状态可用的【input、button】 ：disabled 选择状态不可用的iput、button ：checked ......
界面组件DevExpress Reporting v23.1亮点 - 全新升级报表查看器
DevExpress Reporting是.NET Framework下功能完善的报表平台，它附带了易于使用的Visual Studio报表设计器和丰富的报表控件集，包括数据透视表、图表，因此您可以构建无与伦比、信息清晰的报表 界面组件DevExpress Reporting v23.1已经发布一段 ......
Cocos Creator中骨骼动画组件的使用
在Cocos Creator游戏开发中，骨骼动画对于优化系统资源占用有很大帮助，很多时候我们都会使用。 对惹，这里有一个游戏开发交流小组，希望大家可以点击进来一起交流一下开发经验呀~ spine骨骼动画工具 1: 骨骼动画: 把动画打散, 通过工具，调骨骼的运动等来形成动画 2: spine是一个非 ......
CSS
CSS 什么是CSS Cascading Style Sheet层叠级联样式表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--规范--> <link rel="style ......
7、Flutter GridView网格布局组件
GridView创建网格列表主要有下面三种方式 1、可以通过GridView.count 实现网格布局 一行的 Widget 数量 class HomePage extends StatelessWidget { const HomePage({Key? key}) : super(key: key ......
ggplot画组合热图，设置面板间距
ggplot(Data, aes(x = Cancer, y =Type, fill = Number)) + geom_tile() + scale_x_discrete(position="top") + #设置x轴坐标位置 scale_fill_gradient(low = "white", ......
【Vue】组件传值的六种方法
Vue 组件之间的通信大概归类为： 父子组件通信: props；ref；$attrs / $listeners；$parent / $children 兄弟组件通信: eventBus；vuex 跨级通信: eventBus；Vuex；$attrs / $listeners 一、props/$emi ......