element

前置 最近写了几篇随笔，大家都不看内容，看博客皮肤 😂，满足你们。以下所有功能都可作为一个插件使用，你可以将它迁移到你的博客，代码仓库地址在文末。或者使用 awescnb 将这些插件集成到你现有的博客园皮肤。若有错误，恳请指点一二，感激不尽。欢迎评论区交流。另外插件还在不断扩充。 基本配置 属性 描述 值类型 默认值 可选值 name 全局主题名称 String 'reacg' 'reacg' 'element' 'gshang' 'acg' color 全局主题色 String '#ffb3cc' 16 进制颜色值 avatar 头像图片链接 String 无 title 网站标题 String 你的博客名 favicon 网站图标链接 String 内置 headerBackground 头部背景，图片链接 String 内置 theme: { name: 'reacg', color: '#FFB3CC', title: '', avatar: '//pic.cnblogs.com/avatar/1501373/20200119190802.png', favicon: 'https://guangzan.gitee.io/imagehost/awescnb/favicon.png', headerBackground: 'https://guangzan.gitee.io

前言 ：最近使用element开发项目，在使用异步树时（即添加了lazy），翻阅了官方提供的文档，并未找到可直接提供给开发者使用的刷新某个树节点的方法。可喜的是，终于还是找到了解决的办法，即找到对应的树节点，使用 expand 方法 思路 ： 找到想要刷新的树节点，重新模拟执行一次展开请求子节点的功能。 　话不多说，直接看代码吧！ 1 <el- tree 2 lazy 3 ref="asyncTree" 4 :load="loadNode" 5 :node-key="id" 6 > 7 </el-tree> 8 ... 9 <scripit> 10 ... 11 methods: { 12 refreshNodeBy(id){ 13 let node = this .$refs.asyncTree.getNode(id); // 通过节点id找到对应树节点对象 14 node.loaded = false ; 15 node.expand(); // 主动调用展开节点方法，重新查询该节点下的所有子节点 16 } 17 } 18 ... 19 </script> 来源： oschina 链接： https://my.oschina.net/u/4274818/blog/4320124

一、后台项目隔行换色需要的技术部分 新标签的学习 < thead > < tr > < th > 标题 </ th > </ tr > </ thead > < tbody > < tr > < td > </ td > </ tr > </ tbody > 确定事件(页面加载事件 onload ) 获取元素：获取表格( document.getElementById() ),最终是为了获取表格中 tbody 里面的行数(长度)。 tbody里面的行数( rows.length ) JS的遍历(for循环) 获取奇数行和偶数行(对遍历中角标对2取余) 设置背景颜色( .style.backgroundColor ) 二、 隔行换色的步骤 第一步：确定事件(onload)并为其绑定一个函数 第二步：书写函数(获取表格) 第三步：获取tbody里面的行数 第四步：对tbody里面的行进行遍历 第五步：获取奇数行和偶数行(角标对2取余) 第六步：分别对奇数行和偶数行设置背景颜色 三、 代码实现 < script > window . onload = function ( ) { //获取表格 var tblEle = document . getElementById ( "tbl" ) ; var len = tblEle . tBodies [ 0 ] . rows .

封装一个ECharts组件的一点思路 有关后台管理系统之前写过三遍博客,看这篇之前最好先看下这三篇博客。另外这里只展示关键部分代码，项目代码放在github上： mall-manage-system 1、 Vue + Element-ui实现后台管理系统(1) --- 总述 2、 Vue + Element-ui实现后台管理系统(2) --- 项目搭建 + ⾸⻚布局实现 3、 Vue + Element-ui实现后台管理系统(3) --- 面包屑 + Tag标签切换功能 这篇主要讲解实现图表的功能： 整体效果 一、封装一个ECharts组件的一点思路 1、绘制一个简单的图表 ECharts上手非常简单，具体简单示例可以参考我之前写的一篇博客： 图表工具--- ECharts.js学习（一） 简单入门 。 2、封装思路 在实际项目开发中，我们会经常与图表打交道,比如 订单数量表 、 商品销量表 、 会员数量表 等等，它可能是以 折线图 、 柱状图 、 饼状图 等等的方式来展现。 如果我们没有封装组件的思想的话,那么我们每次需要画一个图表都要重复类似相同的工作，而且代码看去非常冗余。所以我们就需要考虑封装一个ECharts组件，这个组件通过接收 不同的数据来渲染成不同的图表,以后当需要生成一张图表的时候，只需要把相关的数据传入到这个组件中，就会渲染对应的图表。 而这里的核心就是

假如需求，左边是树形菜单，右边是点击树形菜单显示的所以按钮以及选中的按钮，每一个子节点对应的按钮可能不一样，如何实现选择的按钮更新到数据对象中 假如初始的数据结构是下面的mainData如下： data() { return { btnTableData: [], multipleSelectionBtn: [], selectedTreeObj: {}, mainData: [ { menuId: "1", menuName: "一级1", children: [ { menuId: "2", menuName: "二级1", allButtons: [ { btnId: 1, btnName: "增加" }, { btnId: 2, btnName: "编辑" }, { btnId: 3, btnName: "删除" } ], selectedBtn: [ { btnId: 1, btnName: "增加" }, { btnId: 2, btnName: "编辑" } ] }, { menuId: "3", menuName: "二级2", allButtons: [ { btnId: 1, btnName: "增加" }, { btnId: 2, btnName: "编辑" }, { btnId: 3, btnName: "删除" } ], selectedBtn: [{

工作流介绍 工作流（Workflow）就是工作流程的计算模型，即将工作流程中的工作如何前后组织在一起的逻辑和规则在计算机中以恰当的模型进行表示并对其实施计算。 工作流在IT领域不算是“新人”了，工作流思想在上世纪60年代就有人提出过；70年代就有人开始尝试，但是由于当时许多的限制，工作流一直没有成功的被实现；80年代才出现第一批成功的工作流系统；90年代工作流技术走向了第一个发展高峰期；90年代后至今工作流出现了很多版本，但是主旨还是不变的，为了使我们的工作变得更加高效。 我们通过工作流可以节省很多不必要的时间，预设置好的处理人，可以让我们不必反复的问别人谁负责此节点；通过任务来实现最后的操作，可以让我们减少很多人力成本，当然想要实现一套完善、简单、通用、方便管理的工作流系统也是非常不容易的，接下来推荐一个较为通用的，方便使用及管理的工作流系统。 Demo: 工作流系统（ferry） 项目问答社区: 问答社区 此工作流系统使用的技术栈： Golang Gin Gorm Vue Element 数据结构设计 对于一个完整的工作流系统来说，我们需要有流程、模版、分组、用户、任务等等，并且这些东西都是可以灵活定制的，因为如果不能灵活定制的话，对于普通的使用这来说是非常不方便的，所以对于一个好的工作流系统，是必须要实现灵活性的。 下面直接来展示一下，数据结构的设计图。

很多人学习python，不知道从何学起。 很多人学习python，掌握了基本语法过后，不知道在哪里寻找案例上手。 很多已经做案例的人，却不知道如何去学习更加高深的知识。 那么针对这三类人，我给大家提供一个好的学习平台，免费领取视频教程，电子书籍，以及课程的源代码！ QQ群：1097524789 首先需要先导入webdriver from selenium import webdriver 复制代码 webdriver支持主流的浏览器，比如说：谷歌浏览器、火狐浏览器、IE浏览器等等 然后可以创建一个webdriver对象，通过这个对象就可以通过get方法请求网站 driver = webdriver.Chrome() # 创建driver对象 driver.get( 'https://www.baidu.com') # 请求百度 复制代码 接下来可以定义一个方法：search_product 一、selenium的简单介绍 1.selenium简介 selenium是一个用于测试网站的自动化测试工具，支持很多主流的浏览器，比如：谷歌浏览器、火狐浏览器、IE、Safari等。 2.支持多个操作系统 如windows、Linux、IOS、Android等。 3、安装selenium 打开终端输入 pip install Selenium 复制代码 4、安装浏览器驱动 1

前置 最近写了几篇随笔，大家都不看内容，看博客皮肤 😂，满足你们。以下所有功能都可作为一个插件使用，你可以将它迁移到你的博客，代码仓库地址在文末。或者使用 awescnb 将这些插件集成到你现有的博客园皮肤。若有错误，恳请指点一二，感激不尽。欢迎评论区交流。另外插件还在不断扩充。 基本配置 属性 描述 值类型 默认值 可选值 name 全局主题名称 String 'reacg' 'reacg' 'element' 'gshang' 'acg' color 全局主题色 String '#ffb3cc' 16 进制颜色值 avatar 头像图片链接 String 无 title 网站标题 String 你的博客名 favicon 网站图标链接 String 内置 headerBackground 头部背景，图片链接 String 内置 theme: { name: 'reacg', color: '#FFB3CC', title: '', avatar: '//pic.cnblogs.com/avatar/1501373/20200119190802.png', favicon: 'https://guangzan.gitee.io/imagehost/awescnb/favicon.png', headerBackground: 'https://guangzan.gitee.io

Spring 源码解读继续。 本文是 Spring 系列第八篇，如果小伙伴们还没阅读过本系列前面的文章，建议先看看，这有助于更好的理解本文。 Spring 源码解读计划 Spring 源码第一篇开整！配置文件是怎么加载的？ Spring 源码第二弹！XML 文件解析流程 Spring 源码第三弹！EntityResolver 是个什么鬼？ Spring 源码第四弹！深入理解 BeanDefinition 手把手教你搭建 Spring 源码分析环境 Spring 源码第六弹！松哥和大家聊聊容器的始祖 DefaultListableBeanFactory 1.前文回顾 不知道小伙伴们是否还记得，在前面我们讲 Spring 文档加载的时候，涉及到如下一段源码： protected int doLoadBeanDefinitions(InputSource inputSource, Resource resource) throws BeanDefinitionStoreException { try { Document doc = doLoadDocument(inputSource, resource); int count = registerBeanDefinitions(doc, resource); if (logger.isDebugEnabled()) { logger

《玩转Redis》系列文章主要讲述Redis的基础及中高级应用。本文是《玩转Redis》系列第【9】篇，最新系列文章请前往 公众号“zxiaofan” 查看，或 百度搜索“玩转Redis zxiaofan” 即可。 本文关键字：玩转Redis、微博日活/月活、UV统计、HyperLogLog； 大纲 日活数据统计面临哪些挑战 Bitmaps可用于统计日活吗？ 日活数据统计的特点 HyperLogLog介绍 HyperLogLog必知 HyperLogLog和Sets的区别 HyperLogLog如何使用 HyperLogLog命令对比分析 HyperLogLog命令详解 HyperLogLog命令注意事项 HyperLogLog命令示例 HyperLogLog的应用场景 名词解释 DAU(Daily Active User)日活跃用户数量 常用于反映网站、互联网应用或网络游戏的运营情况。DAU通常统计一日（统计日）之内，登录或使用了某个产品的用户数（去除重复登录的用户）； 月活跃用户数量(Monthly Active User，MAU) 月活跃用户数量通常统计一个月（统计月）之内，登录或使用了某个产品的用户数（去除重复登录的用户）； Note：日活、月活反映用户的活跃度，但是无法反映用户的粘性。 1. 日活数据统计面临哪些挑战   2020年2月26日