RED

在我们使用VUE+Element 处理界面的时候，往往碰到需要利用JS集合处理的各种方法，如Filter、Map、reduce等方法，也可以设计到一些对象属性赋值等常规的处理或者递归的处理方法，以前对于这些不是很在意，但往往真正使用的时候，需要了解清楚，否则很容易脑袋出现短路的情况。本篇随笔列出一些在VUE+Element 前端开发中经常碰到的JS处理场景，供参考学习。 1、常规集合的filter、map、reduce处理方法 filter函数的主要用途是对数组元素进行过滤，并返回一个符合条件的元素的数组 const nums = [10,20,30,111,222,333 ] let newNums =nums.filter( function (n){ return n<100 }) 输出：[10,20,30] map函数是对数组每个元素的映射操作，并返回一个新数组，原数组不会改变将newNums中每个数字乘2 const nums = [10,20,30,111,222,333 ] let newNums =nums.filter( function (n){ return n*2 }) 输出：[20,40,60,222,666] reduce函数主要用于对数组所以元素的汇总操作，如全部相加、相乘等 const nums = [10,20,30,111,222,333 ]

许多团队希望在常规构建过程中快速生成Understand的 HTML报告和指标，或者以其他方式自动创建项目。命令行工具“ und”提供了许多用于执行此操作的选项。在本演练中，我将使用最新版本的源代码创建一个Understand项目，并为该版本的代码生成html报告和指标。由于und有几种不同的模式，因此我将说明如何在每种模式下完成此操作。 [dl]15-194[/dl] 互动模式 交互模式不是您要用于自动化过程的模式，但是对于测试命令和快速任务很有用。以交互方式运行这些命令是一项很好的测试，以确保按所需方式配置了所有内容。und的路径是SciTools / bin / / und或在Mac Understand.app/Contents/MacOS/und上 如果您需要更多地自定义这些命令，那么und help和und help 将提供详尽的文档。要查看项目运行和列表-all settings myproject.udb的所有可用选项，请按照und help settings开头的说明将每个选项转换为命令行开关。 批处理模式 一旦确定了要使用交互模式运行的命令，请将这些确切的命令放在文本文件中。无需包含第一个und命令或quit命令，它们将自动处理。 然后，您要做的就是运行： 和myCommands.txt 并且文件中的所有命令将按顺序处理。在早期版本的und中

好久没有写博客了，也好久没有泡坛了，工作压力是大了很多，但实际上还是自己懒了很多，也比以前浮澡了很多，趁今天领导都去开会的机会，把昨天的帮客户解决网络问题的心得写一下，供大家参考，也希望大家提出宝贵意见。 客户网络环境： 一个小型办公网络，有两家公司（A、B）在一个写字楼办公，共申请一条4M独享VDSL专线（其中A是缴3M的专线费用，B是缴1M的专线费用），共60台电脑左右，各30台电脑，各三台非网管24口D-LINK交换机，一台华为1821路由器（1wan口，4lan口）。 用户特殊需求： （1）、A、B不能互访。 （2）、A、B都通过华为路由器DHCP获取地址。 （3）、A、B带宽必须划分开，A享受3M带宽，B享受1M带宽（原来的时候B公司网络流量过大经常影响到A公司网络办公）。 简单解决方案： 根据现有网络条件，实际上仅通过华为1821路由器可以实现以上功能，具体实施如下： （1）、在华为路由器1821内部网关口（eth1/0）划分子接口（eth1/0.1、eth1/0.2），分别配置两个网关（192.168.0.1、192.168.0.2），并分别进行封装与vlan2、vlan3相对应。 （2）、在华为路由器1821两个lan口（eth1/1、eth1/2）划分两个vlan(vlan2、vlan3)。 （3）、分别在两个不同的逻辑子接口（eth1/0.1、eth1/0.2

在读技术博客的过程中，我们会发现那些能够把知识、成果讲透的博主很多都会做动态图表。他们的图是怎么做的？难度大吗？这篇文章就介绍了 Python 中一种简单的动态图表制作方法。 看这优美的舞姿 很多人学习python，不知道从何学起。 很多人学习python，掌握了基本语法过后，不知道在哪里寻找案例上手。 很多已经做案例的人，却不知道如何去学习更加高深的知识。 那么针对这三类人，我给大家提供一个好的学习平台，免费领取视频教程，电子书籍，以及课程的源代码！ QQ群：1097524789 数据暴增的年代，数据科学家、分析师在被要求对数据有更深的理解与分析的同时，还需要将结果有效地传递给他人。 如何让目标听众更直观地理解？ 当然是将数据可视化啊，而且最 好是动态可视化。 本文将以线型图、条形图和饼图为例，系统地讲解如何让你的数据图表动起来 。 这些动态图表是用什么做的？ 接触过数据可视化的同学应该对 Python 里的 Matplotlib 库并不陌生。它是一个基于 Python 的开源数据绘图包，仅需几行代码就可以帮助开发者生成直方图、功率谱、条形图、散点图等。这个库里有个非常实用的扩展包——FuncAnimation，可以让我们的静态图表动起来。 FuncAnimation 是 Matplotlib 库中 Animation 类的一部分，后续会展示多个示例。如果是首次接触

图片格式的icon图标有很多缺点，例如放大时会失真，图片体积大，不支持变色等，这篇文章会手把手指导你如何将一个png、jpg等图片格式的icon转换成字体文件的图标 用下面的png图片做示例 （一）首先我们需要找到一个png图片转svg矢量图的网站，百度上可以找到很多这种网站，我这里是用的autotracer： https://www.autotracer.org/zh.html （二）在转svg图片时根据实际需要，注意勾选忽略白色背景这个设置，当你的图标和我的实例一样是纯色的时候，建议勾上它，否则你后面生成的字体图标会包含多个path。而如果你的图标由多种颜色构成，则没必要选他。 参考： https://www.cnblogs.com/momozjm/p/6383058.html ①当纯色图片没有勾选忽略白色背景时，生成的字体样式会有多个path： ②勾选忽略白色背景后，就不会带有path了 （三）当我们拿到转换的svg图片后，就可以使用icnmoon工具生成我们的字体样式文件了 ①打开 https://icomoon.io/app/#/select 网站，通过左上角的import icon按钮导入刚刚我们生成的svg矢量图 ②使用select按钮选中我们刚刚导入的svg图标，然后点击右下角的Generate Font按钮，就可以自动生成我们所需的字体文件图标了 （四

导语 同时使用Docker和Kubernetes已成为行业中更快的应用程序部署和发布的新规范。 正文 当前，有越来越多的公司开始接受云原生的DevOps之旅，了解Docker和Kubernetes之类的工具对实现数字化转型的重要性。 随着公司迁移其基础架构和体系结构以适应云原生和数据驱动时代不断发展的技术趋势，我们已经看到了对云计算、容器化和编排解决方案的兴趣。 在谈论云原生时，很难忽略诸如Docker和Kubernetes之类的名称，它们彻底改变了我们大规模创建、开发、部署和交付软件的方式。 Docker实战 由于Docker容器提供了自己的OS库，因此Docker通过帮助开发人员在相同的环境中运行应用程序而使开发人员真正轻松了起来，而没有诸如依赖项或OS之类问题的麻烦。在引入Docker之前，开发人员会将代码发送给测试人员，但是由于各种依赖性问题，很多时候代码无法在测试人员的计 算机上运行，但在开发人员的计算机上却可以正常工作。 引入Docker之后，情况发生了变化：测试人员和开发人员现在在Docker容器上运行相同的系统，因此不再有混乱——两者都可以在Docker环境中运行应用程序而没有任何困难或依赖关系上的差异。 使用Docker构建和部署容器 Docker帮助开发人员在容器内创建和部署软件。它是一个开源工具，可以让我们“在任何地方构建，发布和运行应用程序”。

最近着手导师分配的项目任务，对Linux有了一定基础的了解，项目其中有要求在Linux部署一个开机自启动服务。本文将以此为目的来探索如何实现开机自启动服务。 GNU/Linux 实现开机自启动服务有两种方式： SysVinit systemd SysVinit SysVinit 作为 init 进程执行 /etc/init.d/ 中的脚本，这些脚本称为“服务”，每个run level所对应的目录 /etc/rcX.d/ 都存放这指向 /etc/init.d/ 的链接，其中 X =0, 1, 2, 3, 4, 5, 6对应不同的运行级别， S 比较特殊， init 进程作为1号进程启动后，会在开始对应运行级别的服务之前开始 /etc/rcS.d 中的服务。 运行级别 关机 单用户模式 多用户模式(没有NFS) 多用户模式 保留 x window模式（图形界面） 重启 /etc/init.d 中的服务样式如下： #!/bin/bash start() { # 你要执行的程序或脚本 } stop() { ... } # shell脚本中，$0表示自身shell脚本对于当前执行路径的相对名称 # 从$1开始表示接收的参数 # example: # cd ~ # sh start.sh hello # $0: start.sh # $1: hello switch $1 in case

　　Linux是非常热门的技术，随着应用领域不断拓展，越来越多的人都想要加入Linux行业中，当我们进入行业确定好自己发展路线之后，就是选择一个合适的Linux版本，但是对于很多人都是比较头疼的问题，Linux各个版本应用在哪些场景?为大家介绍一下。 　　如果你是一个Linux爱好者，想要选择一个桌面系统，但是不想用盗版，有不少话费太多钱，可以选择Ubuntu桌面系统。 　　如果你需要服务器端的Linux系统，用一个比较稳定的服务器系统，或者想要进入Linux运维行业中工作，建议选择CentOS或Red Hat。这两者之间首选CentOS，因为市场趋势较好，社区比较活跃，是国内互联网企业服务器端实际应用比较多的系统。 　　如果对系统稳定性、安全性有更高的要求，或者是特殊使用偏好的用户，可以考虑Debian或FreeBSD。 　　痴迷于新技术体验和追求新的软件版本，可以选择Fedora，但是我们需要容忍bug和稳定性的问题。 　　如果喜欢更多中文环境支持，可以选择麒麟Linux。 　　Linux虽然有很多版本，但是系统核心以及大部分外围基础应用软件都是相同，或许只是简单的变种，只要学会其中一个，就可以通用。 来源： oschina 链接： https://my.oschina.net/u/4388188/blog/4329577

一、概述 今天在项目开发中有一个需求，要求日期选择器中，指定的日期标红，并且其他日期不能选择。查阅资料后我们得知，ElementUI在2.12.0版本里，日期选择器的picker-options新增了cellClassName方法，那么我们就来看一下如何实现。 二、代码分析 1. 定义一个pickerOptions并绑定给el-date-picker元素上，如下图： 代码如下： <el-date-picker class="myDatePicker" v-model="update" type="date" :picker-options="pickerOptions" format="yyyy-MM-dd" :clearable="false" value-format="yyyy-MM-dd" placeholder="监测时间"></el-date-picker> 2. 定义pickerOptions对象，其中disabledDate方法是控制只有给定的日期数组containerVue.notWriteDaily中的日期才可以点击，cellClassName方法是控制指定的日期设置指定的class。如下图： 代码如下： pickerOptions:{ //限制日期只能选择给定的日期 disabledDate:function(time){ if(!containerVue

CSS 学习总结 css简要介绍 什么是CSS css作用 css与HTML之间的关系 导入CSS的方式 CSS的基本使用规则 CSS语法 CSS样式表特征 CSS基础选择器 div+css布局 CSS基础样式 字体的设置 文本属性 盒子模型 浮动 元素 伪类 定位 精灵图 css简要介绍 什么是CSS css是层叠样式表 （Cascading Style Sheet），又叫级联样式表，简称样式表。 css作用 用于HTML文档中元素样式的定义。 实现了将内容与表现分离。 提高代码的可重用性和可维护性。 文件后缀是.css。 css与HTML之间的关系 HTML用于构建网页的结构 <!DOCTYPE html> < html lang = " en " > < head > < meta charset = " UTF-8 " > < meta name="viewport" content="width=device-width, initial-scale=1.0"> < title > Document </ title > </ head > < body > 内容区域 </ body > </ html > CSS用于构建HTML元素的样式 HTML是页面的内容组成，CSS是页面的表现 结构层 HTML 表示层 CSS 行为层 JS 导入CSS的方式 内联方式