上一页 1 2 3 4 5 6 7 8 ··· 18 下一页
摘要: ###1.前言 本节讲述vue组件的基本格式以及实际开发的应用场景,本节内容兼容Vue2.x与Vue3.x ###2.组件基础 组件的本质其实就是一个对象,这个对象包含多个属性,常见的属性有:template/data/methods/props/生命周期等 var some_component = 阅读全文
posted @ 2022-05-03 23:27 ---空白--- 阅读(44) 评论(0) 推荐(0) 编辑
摘要: ###1.前言 文本行滚动组件,效果如图 ###2.封装思路 封装一个组件,接收一个数组,每个数组元素就是一个段文本 组件使用httpVueLoader进行封装加载 使用css位移,配合过渡效果才展示动画 滚动逻辑类似与轮播图,需要将第一行文本复制一份到最后,当已经滚动到最后时,则关闭动画,重置到第 阅读全文
posted @ 2022-04-24 17:10 ---空白--- 阅读(276) 评论(0) 推荐(0) 编辑
摘要: ###1.前言 当一段文本需要单行显示,但是又限于容器宽度无法完全展示时,我们需要对其滚动展示,所以就有了这个插件,如图: ###2.封装思路 使用js模拟循环滚动的动画,容器宽度固定且超出隐藏,文本元素禁止换行,为其动态设定位移 通过Vue指令开启该效果 对比容器宽度和文本宽度,当文本宽度大于容器 阅读全文
posted @ 2022-04-24 14:45 ---空白--- 阅读(184) 评论(0) 推荐(0) 编辑
摘要: ###1.前言 在使用bootstrap的时候,发现其竟然没有集成开关组件,网上一搜才发现这个bootstrap-switch这个插件,值得注意的是,这个插件只是和bootstrap的样式风格相同,本身和bootstrap没什么关系。之所以写这个笔记,主要是因为这个插件文档少的可伶,在梳理完插件的配 阅读全文
posted @ 2022-03-16 18:52 ---空白--- 阅读(647) 评论(0) 推荐(0) 编辑
摘要: 1.对话框 当打开的对话框页面元素众多,俨然一个iframe页面时,可以做2个优化: 滚动条:对话框去滚动,当对话框内容过多时,把滚动条控制在对话框内部,避免出现页面级的滚动条 标题栏:优化对话框标题样式,为其添加一个背景色,使之看上去更像一个iframe页面 实现思路: 把滚动条控制在对话框内部, 阅读全文
posted @ 2022-03-11 09:54 ---空白--- 阅读(535) 评论(0) 推荐(0) 编辑
摘要: 1.传统异步处理 ES6之前使用回调进行处理,示例代码: //创建一个异步返回 双倍数值 的函数 function asyncDouble(num,cb){ // 创建标识,表示该异步处理是否完成 var complite = false // 数值处理结果 var result = null va 阅读全文
posted @ 2022-03-10 09:59 ---空白--- 阅读(81) 评论(0) 推荐(0) 编辑
摘要: 1.前言 本节主要讲述如何将后台返回的JSON以文件的形式保存到本地 官方文档 兼容性(转载) Browser Constructs as Filenames Max Blob Size Dependencies Firefox 20+ Blob Yes 800 MiB None Firefox < 阅读全文
posted @ 2022-03-04 18:14 ---空白--- 阅读(452) 评论(0) 推荐(0) 编辑
摘要: ###1.前言 官方的picker组件不能禁用某个下拉项,所以就有了这个下拉组件 组件只适配了宽屏模式,效果参照element-ui的select组件 demo地址:lianlizhou / ep-select ###2.封装思路 此组件使用了字体图标,素材来源于iconfont 组件分为3个部分: 阅读全文
posted @ 2022-02-18 16:57 ---空白--- 阅读(5141) 评论(2) 推荐(0) 编辑
摘要: ###1.弹窗页面大小 <div id="toolbar" class="toolbar"> <a data-area='["90%","80%"]'>edit</a> </div> ###2.多选 启用多选框 table.bootstrapTable({ columns:[ [ {field: ' 阅读全文
posted @ 2022-02-08 09:10 ---空白--- 阅读(563) 评论(2) 推荐(0) 编辑
摘要: ###1.下载文件 主线程中调用下载 win.webContents.downloadURL(url) 监听下载事件 //监听下载动作 win.webContents.session.on('will-download', (event, item, webContents) => { //拼接要存 阅读全文
posted @ 2022-01-25 11:14 ---空白--- 阅读(1683) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 ··· 18 下一页