RED | 易学教程

vue生命周期和react生命周期对比

阅读更多关于 vue生命周期和react生命周期对比

一 vue的生命周期如下图所示(很清晰)初始化、编译、更新、销毁二 vue生命周期的栗子注意触发vue的created事件以后,this便指向vue实例,这点很重要 <!DOCTYPE html> <html> <head> <meta charset= " UTF-8 " > <title>vue生命周期</title> <script src= " ../js/vue.js " ></script> <meta name= " viewport " content= " width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no " /> </head> <body> <div class = " test " style= " border: 1px black dashed;padding: 8px; " > {{a}} </div> <div class = " test2 " style= " border: 1px red solid;margin-top: 10px;padding: 8px; " > 我是内容二 </div> <script type= " text/javascript " > var myVue = new Vue({ el: "

Spring注解驱动开发之Ioc容器篇

阅读更多关于 Spring注解驱动开发之Ioc容器篇

　　前言：现今SpringBoot、SpringCloud技术非常火热，作为Spring之上的框架，他们大量使用到了Spring的一些底层注解、原理，比如@Conditional、@Import、@EnableXXX等。如果掌握这些底层原理、注解，那么我们对这些高层框架就能做到高度定制，使用的游刃有余本篇主要内容：spring IOC 容器的组件添加、组件赋值、组件注入及生命周期一、组件注册 1、@Configuration&@Bean给容器中注册组件：　　　过去使用xml配置文件 <bean id="person" class="com.atguigu.bean.Person" scope="prototype" > <property name="age" value="${}"></property> <property name="name" value="zhangsan"></property> </bean> 　　　现在使用@Configuration+@Bean注解 //配置类==配置文件 @Configuration //告诉Spring这是一个配置类 public class MainConfig { //给容器中注册一个Bean;类型为返回值的类型，id默认是用方法名作为id @Bean("person") public Person person01(

Linux系统之运行状态分析及问题排查思路

阅读更多关于 Linux系统之运行状态分析及问题排查思路

〇、一件事儿以下分析是站在Java工程师的角度来分析的。 <a name="anchor_cpu"></a> 一、CPU分析分析CPU的繁忙程度，两个指标：系统负载和CPU利用率 1、系统负载分析系统负载：在Linux系统中表示，一段时间内正在执行进程数和CPU 运行队列中就绪等待进程数，以及非常重要的休眠但不可中断的进程数的平均值（具体load值的计算方式，有兴趣可以自行深究，这里不深究）。<font style="color:red;">说白了就是，系统负载与R( Linux系统之进程状态 )和D( Linux系统之进程状态 )状态的进程有关，这两个状态的进程越多，负载越高。</font> 查看系统负载，见 top命令：第1部分。怎么看load average的值？通常先看15分钟的load值，如果load很高，再看1分钟和5分钟的load值，查看是否有下降趋势。短时间内load值高，无须太担心；但是如果长时间内load值持续过高，那么就要赶紧看看发生了什么。需要警惕的load average的值（以单核CPU为例）: load值持续大于0.7 ，必须开始找问题出在哪里，防止情况恶化； load值持续大于1.0 ，解决问题已迫在眉睫； load值持续大升高达到5.0 ，表示各种请求几乎得不到响应，机器几近崩溃； <font style="color

WPF Geometry 添加Path数据

阅读更多关于 WPF Geometry 添加Path数据

原文: WPF Geometry 添加Path数据当图片转svg，svg转Xaml后，根据数据加载显示图片 DrawingImage： 1 < DrawingImage x:Key ="Image.Search" > 2 < DrawingImage.Drawing > 3 < GeometryDrawing > 4 < GeometryDrawing.Brush > 5 < SolidColorBrush Color ="#FF666666" Opacity ="0.5" /> 6 </ GeometryDrawing.Brush > 7 < GeometryDrawing.Geometry > 8 < PathGeometry FillRule ="Nonzero" 9 Figures ="M6.5,2C4.01471853256226,2 2,4.01471853256226 1.99999988079071,6.5 2,8.98528099060059 4.01471853256226,11 6.5,11 8.98528099060059,11 11,8.98528099060059 11,6.5 11,4.01471853256226 8.98528099060059,2 6.5,2z M6.5,1.00000011920929C9.53756618499756,1

Cesium学习笔记（六）：几何和外观(Geometry and Appearances)【转】

阅读更多关于 Cesium学习笔记（六）：几何和外观(Geometry and Appearances)【转】

https://blog.csdn.net/UmGsoil/article/details/74912638 我们先直接来看一个例子 var viewer = new Cesium.Viewer('cesiumContainer'); var flag = viewer.entities.add({ 　　rectangle : { 　　　　coordinates : Cesium.Rectangle.fromDegrees(-100.0, 20.0, -90.0, 30.0), 　　　　material : new Cesium.StripeMaterialProperty({ 　　　　evenColor: Cesium.Color.WHITE, 　　　　oddColor: Cesium.Color.BLUE, 　　　　repeat: 5 　　　　}) 　　　} }); 这是我们之前的写法，直接创建一个实体对象而在这一章，我们将会使用几何和外观来创建实体对象，这样更灵活更有效率首先，还是先看一下，上面那段代码的改造 var viewer = new Cesium.Viewer('cesiumContainer'); var scene = viewer.scene; //创建几何图形 var instance = new Cesium.GeometryInstance({

JavaScript-简介、ECMAScript5.0

阅读更多关于 JavaScript-简介、ECMAScript5.0

Javascript简介 web前端有三层： HTML：从语义的角度，描述页面的结构 CSS：从审美的角度，描述样式（美化页面） Javascript：从交互的角度，描述行为（提升用户体验） JavaScript的组成 ECMAScript5.0：定义了js的语法标准：包含变量、表达式、元素符、函数、if语句 for循环 while循环、内置的函数 DOM：操作网页上元素的API。比如让盒子显示隐藏、变色、动画form表达验证 BOM：操作浏览器部分功能API。比如刷新页面、前进后退、让浏览器自动滚动 ECMAScript 5.0 JS的引入方式注释调试语句变量的声明变量的命名规范基本数据类型复杂(引用)数据类型运算符数据类型转换流程控制常用内置对象(复杂数据类型)（重点）函数（重点）伪数组arguments 对象Object(重点) Date日期对象 JSON(重点) JS的引入方式内接式 <script type= " text/javascript " > </script> 外接式  <script type= " text/javascript " src = ' ./index.js ' ></script> 注释 #### 调试语句 - alert( '' ); 弹出警告框 - console.log( ''

Cesium专栏-空间分析之地形等高线（附源码下载）

阅读更多关于 Cesium专栏-空间分析之地形等高线（附源码下载）

Cesium Cesium 是一款面向三维地球和地图的，世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包，方便用户快速搭建一款零插件的虚拟地球Web应用，并在性能，精度，渲染质量以及多平台，易用性上都有高质量的保证。关于等高线等高线指的是地形图上高程相等的相邻各点所连成的闭合曲线。把地面上海拔高度相同的点连成的闭合曲线，并垂直投影到一个水平面上，并按比例缩绘在图纸上，就得到等高线。等高线也可以看作是不同海拔高度的水平面与实际地面的交线，所以等高线是闭合曲线。在等高线上标注的数字为该等高线的海拔。Cesium中的等高线主要是对Material进行操作。效果图简单的认知先上几张图，对于等高线有个基本的直观了解，图片均来源于百度，如有侵权，请告知。 Cesium中等高线的做法原理：修改Globe的Material属性，适应于全球的具体步骤 1、并初始化地球，调用全球地形服务 Cesium.Ion.defaultAccessToken = 'xxxx'; var viewer = new Cesium.Viewer( 'cesiumContainer', { imageryProvider: new Cesium.UrlTemplateImageryProvider({ url: 'http://www.google.cn/maps/vt

Cobaltstrike系列教程(一)-简介与安装

阅读更多关于 Cobaltstrike系列教程(一)-简介与安装

0x001-Cobaltstrike简介 Cobalt Strike是一款美国Red Team开发的渗透测试神器，常被业界人称为CS。这款神器许多大佬们都已经玩的很6，我一个菜鸡玩的略有心得，因此写一下自己的Cobaltstrike系列文章，希望给各位一点帮助。最近这个工具大火，成为了渗透测试中不可缺少的利器。其拥有多种协议主机上线方式，集成了提权，凭据导出，端口转发，socket代理，office攻击，文件捆绑，钓鱼等功能。同时，Cobalt Strike还可以调用Mimikatz等其他知名工具，因此广受黑客喜爱。项目官网: https://www.cobaltstrike.com 话说这个工具的社区版是大家熟知的Armitage(一个MSF的图形化界面工具)，而Cobaltstrike大家可以理解其为Armitage的商业版。 0x002-Cobaltstrike架构本人使用的是Cabaltstrike3.13版本，虽然官方已经更新到3.14版本，但是我发现3.14版本并不稳定，因此不推荐使用 3.13版本文件架构如下。 │ Scripts 用户安装的插件 │ Log 每天的日志 │ c2lint 检查profile的错误异常 │ cobaltstrike │ cobaltstrike.jar 客户端程序 │ icon.jpg LOGO │ license.pdf

用Linux命令查看硬件信息

阅读更多关于用Linux命令查看硬件信息

操作系统：CentOS Linux release 7.8 1.查看物理CPU的个数 [root@146 ~]# cat /proc/cpuinfo |grep "physical id"|sort|uniq|wc -l 2 2.查看逻辑CPU的个数 [root@146 ~]# cat /proc/cpuinfo|grep "processor"|wc -l 32 3.查看CPU是几核 [root@146 ~]# cat /proc/cpuinfo |grep "cores"|uniq cpu cores : 8 4.当前CPU运行在64位模式下 [root@146 ~]# getconf LONG_BIT 64 5.查看系统内核版本 [root@146 ~]# cat /proc/version Linux version 3.10.0-1062.el7.x86_64 (mockbuild@kbuilder.bsys.centos.org) (gcc version 4.8.5 20150623 (Red Hat 4.8.5-36) (GCC) ) #1 SMP Wed Aug 7 18:08:02 UTC 2019 6.查看硬盘信息 [root@146 ~]# df -h 文件系统容量已用可用已用% 挂载点 devtmpfs 7.7G 0 7.7G 0% /dev

SDOI2018一轮NOI培训题目整理

阅读更多关于 SDOI2018一轮NOI培训题目整理

$qwq$首先，这些题对于我而言……类似于$emmm$洪水猛兽 $\mathcal{Day \ \ 1}$ T1 $\mathcal{\color{red}{Description}}$ 作为钦钦草原最绿的男人，杨某针每天都要开车巡视钦钦草原一圈。钦钦草原由 $n$ 个城市组成， $m$ 条双向道路连接着它们。经过第 $i$ 条道路要花费的时间是 $2^i$。杨某针想要经过每条道路至少一次，在此基础上他想最小化他花费的时间。但作为曾经 $CTSC$ 的 $Cu$ 选手，他并不能很快地计算出这个问题。所以他向你求助。【输入格式】从文件 $carcar.in$ 中读入数据。输入第一行包含两个正整数 $n, m$。接下来 $m$ 行，每行两个正整数 $a_i, b_i$，表示第 $i$ 条边连接点 $a_i$ 和 $b_i$，它的权值为 $2^i$。保证 $a_i ,b_i$，不存在重边，且任意两个点之间可以互相到达。【输出格式】输出到文件 $carcar.out$ 中。输出一行一个整数，表示答案对 $10^9 + 7$ 取模的值。 $\mathcal{\color{red}{Solution}}$ 首先我们要认识到，这个题类似于求一个欧拉路这么一个东西。但是要求遍历所有的边并回到出发点，那么这不就是传说中的——一笔画问题吗qwq？嗯，那就是欧拉图了!即

订阅 RED