Solid | 易学教程

通过BGP EVPN方式动态建立VXLAN隧道实现

阅读更多关于通过BGP EVPN方式动态建立VXLAN隧道实现

原文：华为官网技术支持：EVPN配置举例组网需求如下图的组网图所示，Router1为企业分支网关，Router2为企业总部网关，由于分支与总部之间用户的业务需求不同，则将其规划为不同网段。企业分支的PC_1与总部的PC_2终端用户所属VLAN ID分别为VLAN 10、VLAN 20。现企业希望通过分支与总部之间通过BGP EVPN方式动态建立VXLAN隧道实现用户间互通通过VXLAN三层网关通信组网图配置思路采用如下思路配置不同网段用户通过BGP EVPN方式动态建立VXLAN隧道实现互通：分别在Router1、Router2、Router3上配置路由协议，保证网络三层互通。分别在Router1、Router2上配置VXLAN接入业务选择部署方式。配置BGP EVPN对等体关系。在Router1和Router2上配置源端VTEP的IP地址。在Router1和Router2上配置VPN实例。在Router1和Router2上配置三层网关。在Router1与Router2之间配置BGP对邻居发布IP前缀类型的路由。操作步骤配置路由协议。配置Router1。Router2和Router3的配置与Router1类似，这里不再赘述。配置OSPF时，需要发布设备上的32位Loopback接口地址。 <Huawei> system-view [Huawei]

FastJson 又被爆出漏洞，是时候抛弃了

阅读更多关于 FastJson 又被爆出漏洞，是时候抛弃了

点击“ 开发者技术前线 ”，选择“星标🔝” 在看|星标|留言, 真爱链接：urlify.cn/iYN3Uj 回复“666” 获取一份专属大礼包 2020年05月28日， 360CERT监测发现业内安全厂商发布了Fastjson远程代码执行漏洞的风险通告，漏洞等级：高危。 Fastjson是阿里巴巴的开源JSON解析库，它可以解析JSON格式的字符串，支持将Java Bean序列化为JSON字符串，也可以从JSON字符串反序列化到JavaBean。 Fastjson存在远程代码执行漏洞，autotype开关的限制可以被绕过，链式的反序列化攻击者精心构造反序列化利用链，最终达成远程命令执行的后果。此漏洞本身无法绕过Fastjson的黑名单限制，需要配合不在黑名单中的反序列化利用链才能完成完整的漏洞利用。截止到漏洞通告发布，官方还未发布1.2.69版本，360CERT建议广大用户及时关注官方更新通告，做好资产自查，同时根据临时修复建议进行安全加固，以免遭受黑客攻击。 0x02 风险等级 360CERT对该漏洞的评定结果如下评定方式等级威胁等级【高危】影响面【广泛】 0x03 影响版本 Fastjson：<= 1.2.68 0x04 修复建议临时修补建议：升级到Fastjson 1.2.68版本，通过配置以下参数开启 SafeMode 来防护攻击

一文看懂 YAML

阅读更多关于一文看懂 YAML

前言 YAML 并不是一种新奇的语言，YAML 首次发表于 2001 年，距离现在已经过去差不多 20 个年头。YAML 虽然不如 JSON、XML 之类的语言流行，应用也没有那么广泛，但是 YAML 也有它的优势。互联网上的关于 YAML 的文章虽然不多，但也足以让人了解这一款语言，那我为什么还要写这一片入门文章呢？我认为现有的文章有以下几点不足： - 内容碎片化，阅读起来不够流畅 - 讲解较为生硬，阅读起来比较费劲 - 缺少对比，难以让人快速理解所以本篇文章的主要目的就是让读者能够快速并准确地了解这款语言，事不宜迟，让我们开始吧！ > 为了帮助理解，我将在文中穿插相对应的 JSON 格式的内容作为对比。 > 可能是东半球最通俗易懂的 YAML 中文讲解之一（手动狗头）简介 YAML 是一种较为人性化的数据序列化语言，可以配合目前大多数编程语言使用。 YAML 的语法比较简洁直观，特点是使用空格来表达层次结构，其最大优势在于数据结构方面的表达，所以 YAML 更多应用于编写配置文件，其文件一般以 .yml 为后缀。 > YAML 目前的官方全称为 “ YAML Ain't Markup Language （YAML 不是标记语言）”，但有意思的是，其实 YAML 最初的含义是 “ Yet Another Markup Language （还是一种标记语言）

解决高度塌陷问题

阅读更多关于解决高度塌陷问题

所谓高度塌陷就是在文档流中，父元素的高度默认是被子元素撑开的，也就是子元素多高，父元素就多高。但是当为子元素设置浮动以后，子元素会完全脱离文档流，此时将会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷。由于父元素的高度塌陷了，则父元素下的所有元素都会向上移动，这样将会导致页面布局混乱。例如： <!DOCTYPE html> <html> <head> <meta charset= " utf-8 " /> <title></title> <style type= " text/css " > .box1{ /* 为box1设置一个边框 */ border: 10px red solid; } .box2{ width: 100px; height: 100px; background - color: blue; /* 为子元素设置向左浮动 */ float : left; } .box3{ height: 100px; background - color: yellow; } </style> </head> <body> <div class = " box1 " > <div class = " box2 " ></div> </div> <div class = " box3 " ></div> </body> </html> 解决高度塌陷问题方法一:　　

CSS3圆角边框“完全解读”

阅读更多关于 CSS3圆角边框“完全解读”

HTML5学堂小编：圆形，一个很奇妙的形状，在各种地方都可以看得到，特别是现在各类网站，都会有各种的圆形。圆角的制作曾经困扰了开发者很久，以至于以前开发者只能使用图片来替代。但是当CSS3的这个border-radius出现之后，对于开发者而言简直就是福利，只需要在需要圆的地方给上一句代码就可以了。一起来学习学习吧~~~ 如何理解border-radius border-radius——CSS3的圆角属性。但是除了圆角的定义外，它还可以做点别的事情。radius其实指的是边框所在圆的半径，这个CSS3属性不仅能够创建圆角，还可以创建椭圆角（如图下图第2），而把这些角按照不同的顺序和大小来展现，也能够绘制成多种多样的图形。以下图例就是通过定义border-radius得到的效果。基本语法想要完成上述的这些图例，我们及很有必要来了解一下其语法到底是怎么样的。书写形式如下： border-radius ： none | {1,4} [/ {1,4} ]?； none代表的是不设置圆角。后面的参数值代表水平或者垂直方向的圆角值设置，其中前部分参数 {1,4}代表水平方向的值，后部分参数[/ {1,4} ]?代表垂直方向的值，可省略。提醒：border-radius是CSS3的属性，书写的时候建议加上内核前缀。 border-radius可以通过值来定义样式相同的角

程序员副业保狗命指南

阅读更多关于程序员副业保狗命指南

2019年有两个很火的词，那就是“中年危机”、“35岁这道坎”，这两个词可能很多人听说过，甚至有些人也亲身体会过。这段时间受疫情影响，我一个朋友A君，在微信上抱怨说：“这个月工资只发50%了，房贷要还，家里生活要开支，父母小孩要养，我现在好迷茫，不知道下一步该怎么走？” 类似A君的抱怨，其实，今年我听到或看到很多！从来没想过这样的问题会发生在我的身边，以前总觉得网上说的这些离我们还有点远。我时常反问自己：像我们这样的二线城市，安逸的生活是不是让我们产生错觉了？在家隔离期间，我也在思考反问自己：如果我遇到了像我朋友这种情况，我该怎么办？我的竞争力在哪里？我又凭什么认为我不会遇到？一旦无法确定，我就会陷入焦虑中。我相信很多朋友也会有跟我一样的焦虑! 面对当前的经济环境，想提高工资很难，面对工资的瓶颈和生活压力时，这时候，“副业”就变得迫在眉睫。那什么是副业？怎样建立自己的副业？副业就是除了自己的主要工作（主业）之外的业余工作（爱好），比如作为程序员你每天上班，靠上班工资为主，上班就是你的主业，但是你还在业余时间接些项目开发，这个就是你的副业。副业也可以帮你开启人生第二曲线。但是程序员没有资源，没有运营经验，怎么开启自己的副业之路呢？关于如何开启副业，这段时间有点思考，通过分析副业方向、如何规划副业、副业落地渠道三个方面说出来和大家一起讨论下：如何分析自己的副业？ 0 1

爆炸性新闻，计算机类专升本同学请注意！！

阅读更多关于爆炸性新闻，计算机类专升本同学请注意！！

！！今天的爆炸性新闻特别的强！！计算机类型专升本考试技能上机改为笔试以下内容来自沈阳工程学院官网辽宁省2018年职业教育对口升学考试沈阳工程学院考点考务工作通知 2018-04-16 11:44 教务处根据《辽宁省教育厅辽宁省招生考试办公室关于进一步完善职业教育对口升学考试招生工作的意见》（辽教发【2016】37号）文件精神，以及《辽宁省教育厅辽宁省高中等教育招生考试委员会办公室关于2018年职业教育对口升学招生考试工作时间及相关事项调整的通知》（辽教发【2018】7号）文件精神，为做好我考点考务工作，现将有关事项通知如下：一、考试安排序号考试时间事宜考试形式考试科目/考核要点 1 5月12日9:00-11:30 专业综合课笔试 312（网络互联技术、计算机网络原理、网络安全与维护） 313（程序设计基础、计算机网络、数据库原理及应用） 314（C语言程序设计、信息安全、网络技术基础） 320（软件测试技术、计算机网络、网络数据库管理） 2 5月12日14:00-15:00 技能考核笔试 12（1.企业局域网的搭建与配置。2.计算机技术应用。） 13（1.程序设计解决实际问题。2.应用文档编辑和数据处理。） 14（1.数据库技术。2.程序设计。） 20（1.C语言程序设计。2.网络数据库管理。） 3 5月13日9:00-11:30 专业综合课笔试

Bootstrap 美化样式

阅读更多关于 Bootstrap 美化样式

body { font-family : 'Lora', serif ; font-size : 16px ; color : #6f6767 ;} a { color : #6f6767 ;} a:hover { color : #17223f ; text-decoration : none ;} a:focus { outline : 0 ;} .bg-color { background-color : #f9f0f0 ;} .button { background-color : #ffffff ; border-radius : 40px ; border : 2px solid #ffffff ; color : #6f6767 ; display : inline-block ; font-size : 16px ; font-weight : bold ; line-height : 1.7 ; padding : 10px 40px ; -webkit-transition : 0.3s linear all ; -moz-transition : 0.3s linear all ; -ms-transition : 0.3s linear all ; -o-transition : 0.3s linear all ; transition : 0.3s

js+css模拟接收websocket推送数据,实现冒泡置顶动画效果

阅读更多关于 js+css模拟接收websocket推送数据,实现冒泡置顶动画效果

js+css模拟接收websocket推送数据,实现冒泡置顶动画效果效果如下: 1.第一种方法思路: 1).在外面定义一个假的浮动盒子,当数据变化时,将原来的数据节点删除, 2).将变化的数据放到这个盒子里,移动盒子位置到顶部 3).盒子移动到顶部之后,隐藏该盒子,将变化之后的数据节点插入到第一条的位置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; } html, body { display: flex; height: 100%; width: 100%; justify-content: center; align-items: center; } .box { height: 320px; width: 400px; background: #333; overflow: auto; position: relative; } .box p { height: 30px; line-height: 30px; background: #00ACED; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .box

【小程序】回到顶部

回到顶部 scroll-view形式下回到顶部 //wxml <scroll-view scroll-y scroll-top='{{topNum}}' bindscroll="scrolltoupper"> </scroll-view> <view class="gotop" hidden='{{!cangotop}}' catchtap="goTop"> <view>回到顶部</view> </view> // wxss .toTop { width: 80rpx; height: 80rpx; border: 1px solid rgb(197, 197, 197); position: fixed; top: 84%; right: 2%; text-align: center; line-height: 80rpx; background: #fff; border-radius: 50%; } .my-text{ font-size: 50rpx; } // js data:{ topNum: 0 } // 获取滚动条当前位置 scrolltoupper:function(e){ console.log(e) if (e.detail.scrollTop > 100 && !this.data.cangotop) { //避免重复设置setData this

订阅 Solid