RED

CSS布局(五) 网页布局方式

我的梦境 提交于 2020-05-02 14:08:46
网页实质是块与块之间的位置,块挨着块,块嵌套块,块叠着块。 三种关系:相邻,嵌套,重叠 。 下面介绍网页布局的常用几种方式 1.一列布局: 一般都是固定的宽高,设置margin : 0 auto来水平居中,用于界面显著标题的展示等; .main { width : 200px ; height : 100px ; background-color : grey ; margin : 0 auto ; } <div class="main"></div> 2.两列布局:   说起两列布局,最常见的就是使用 float 来实现。float浮动布局的 缺点是浮动后会造成文本环绕等效果,以及需要及时 清除浮动 。   设置左左浮动,或设置左右浮动(这是需要确定父级元素的宽度)   如何父级元素没有设置高度,则需要设置overflow:hidden来清除浮动产生的影响   对于自己相邻元素清除浮动产生的影响用:clear:both; < div class ="main" > < div class ="left" > left </ div > < div class ="right" > right </ div > </ div > .main { width : 400px ; background : red ; overflow : hidden ; } .left {

NOIP 历年试题大致考点总结

倖福魔咒の 提交于 2020-05-02 12:05:13
总的来说,水平还不够…… 要努力了! NOIP2012 D1T1 模拟, 字符串 D1T2 贪心, 数学 (推导贪心策略), 高精度 D1T3 <span style="color:red">unsolved</span> 开车旅行 倍增 D2T1 解线性模方程 数学 (模板) D2T2 二分, 前缀和 D2T3 <span style="color:red">unsolved</span> 疫情控制 二分, 倍增, 树上操作 NOIP2013 D1T1 快速幂, 数学 D1T2 求逆序对 归并排序, 树状数组 D1T3 <span style="color:red">unsolved</span> 货车运输 最大生成树, 求 LCA D2T1 模拟 D2T2 DP or 数学 D2T3 <span style="color:red">unsolved</span> 华容道 图论综合 (bfs+spfa) NOIP2014 D1T1 模拟 D1T2 DP D1T3 <span style="color:red">unsolved</span> 飞扬的小鸟 DP (背包) D2T1 模拟, 枚举 D2T2 <span style="color:red">TLE 70</span> 寻找道路 图论综合 (spfa) D2T3 <span style="color:red"

Scala进阶之路-Scala中的枚举用法案例展示

耗尽温柔 提交于 2020-05-02 10:54:27
             Scala进阶之路-Scala中的枚举用法案例展示                                     作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任。   Scala中的枚举值和Java中的枚举值有点差别,不过使用起来也都差大同小异,我这里分别写了一个Java定义枚举类型和Scala定义枚举类型的案例。 一.Java中定义枚举类型案例展示 1 /* 2 @author :yinzhengjie 3 Blog: http://www.cnblogs.com/yinzhengjie/tag/Scala%E8%BF%9B%E9%98%B6%E4%B9%8B%E8%B7%AF/ 4 EMAIL:y1053419035@qq.com 5 */ 6 package cn.org.yinzhengjie; 7 8 import java.util.Arrays; 9 10 /** 11 * 定义枚举类型,只需要使用关键字enum关键字即可,内部的每个元素用逗号(",")分隔。 12 */ 13 enum Day { 14 MONDAY, 15 TUESDAY, 16 WEDNESDAY, 17 THURSDAY, 18 FRIDAY, 19 SATURDAY, 20 SUNDAY 21 } 22 23 24 public class

同步IDEA系列软件的设置,再也不用但心我的配置丢失了

爱⌒轻易说出口 提交于 2020-05-02 10:19:27
同步IDEA系列软件的设置 问题描述:重装idea,之前配置好的快捷键就没有了。之前一直是每隔几个月要把配置导出一下,上传百度云盘。现在好了,通过配置可以自动同步配置了。我再也不用但心配置丢失了。 快看看这项技能吧。get到! 1. 使用github创建一个仓库来同步idea系列软件的配置 2. 创建一个仓库来放置setting 3. 复制仓库地址 https://github.com/*****/****.git 4. 创建一个github的token给idea 使用 选择权限 <font color='red'><b>切记::复制好你的token,保存好你的token,保管好你的token。</b></font> 5. 打开IDEA设置仓库地址 6. 输入仓库地址 注意下面的三个按钮: 第一个:比较合并 第二个:覆盖本地 第三个:覆盖远程(初次配置选择这个) 7.填写Token 仓库里面就会上传你的本地配置了 这样就可以同步配置了,以后再也不用担心我的配置会丢了。可以创建不同的仓库来同步不同的软件。token只需一个即可 来源: oschina 链接: https://my.oschina.net/u/4311595/blog/3290183

生的昼夜调和的文学观所

隐身守侯 提交于 2020-05-02 09:49:25
sdfsdf 服务网格作为一个改善服务到服务通信的专用基础设施层,是云原生范畴中最热门的话题。随着容器愈加流行,服务拓扑也频繁变动,这就需要更好的网络性能。服务网格能够通过服务发现、路由、负载均衡、心跳检测和支持可观测性,帮助我们管理网络流量。服务网格试图为无规则的复杂的容器问题提供规范化的解决方案 将供应链搬出中国,似乎成了过去两三个月新冠肺炎疫情衍生出的热门话题。 年初新冠肺炎疫情爆发,让中国供应链的生产活动几乎完全停顿,影响席卷全球:苹果的新 5G 有可能因疫情而延期推出,特斯拉新款芯片无法及时交付、陷入“芯片门”纠纷。其余像三星、小米、索尼等著名跨国企业,均受到供应链停摆的影响。 因此,fzpdbmixcloud.com/LN5IjI67w3l79kU/ mixcloud.com/z2uAvl8667trqQd/ mixcloud.com/J2Red47g3d6f27W/ mixcloud.com/771LWPKHMi5ldEi/ mixcloud.com/8dU24I3P99B11p7/ mixcloud.com/M0t51t9hWB0knyF/ mixcloud.com/443gcQu9Bs664BS/ mixcloud.com/ZtM4f1beX0VqJLe/ mixcloud.com/iAWfMprIyyRe76D/ mixcloud.com

通过2-3树理解红黑树

▼魔方 西西 提交于 2020-05-02 09:18:05
一、简介   前面的文章我们循序渐进的讲解了 《二叉树》 《二分搜索树》 《AVL-平衡二叉树》 ,从左至右互为基础。尤其是二分搜索树给了我们如何将数据组织成为搜索树的思想,当然二分搜索树存在的天然问题--在极端情况下回退化为链表。所以引出了AVL-平衡二叉树,通过再平衡即LL,LR,RR,RL四个旋转操作维护了一棵平衡的二分搜索树。本章节我们继续梳理一个高阶的树结构即:红黑树。想必大家都知道,红黑树如何维持平衡,如何进行颜色反转让人很难理解,虽然很多博文很多书对红黑树都有讲解,但是想要掌握或者精通红黑树依然让大家望而生畏。本文,我们借鉴《算法-4》对红黑树的分析,从2-3树入手来理解红黑树。至于为什么从2-3树入手去理解红黑树是有原因的,就像达尔文的进化论,任何一个物种都不会是从石头中蹦出来的一样。数据结构的发展同样遵循着生物进化的理论。红黑树正是从2-3树进化来的一种树结构。   后面会持续更新数据结构相关的博文。   数据结构专栏: https://www.cnblogs.com/hello-shf/category/1519192.html   git传送门: https://github.com/hello-shf/data-structure.git 二、2-3树   2.1、2-3树的性质   2-3树类似于一棵完美二叉树(满二叉树),不过就是2

[CSP-S 2019] 自闭记

烈酒焚心 提交于 2020-05-02 09:16:53
<span id="info-running" style="color: red; cursor: auto;">Running</span> ###Day 0 晚上来机房玩耍,也没干什么,9点多钟Tham就要我们回去了; 无聊啊~~无聊啊。。。。。。 跟几个小伙伴(@wsk1202,@dz_ice)到操场上边聊天遍散步散了有个5、6圈,挺开心的; 中间一段谈话内容如下: me:我们要不奶一口明天考试的程序名字是什么? wsk1202:我猜一个build; dz_ice:那我就猜一个很常见的:tree(神仙,居然真的中了[来自考后的我]) 晚上回家,早点休息,准备第二天的考试; ###Day 1 自闭了 开开心心去考场,平平安安(悲痛欲绝)回家来; 嗯,湖大前进楼前贴着的横幅:首届CSP非专业认证……,没错,的确是首届(作为一个没有获得过绝(si)版(le)的Noip的证书的我,这的确是首届) 进来后很快找到了考场,开考前10分钟,压缩包发下来了,密码123456?WA! 额,过了五分钟,监考老师才把密码写到了黑板上,???黑板上写的啥?看不清!(坐在最后一排的我表示很无语) 密码:RenZZhenOSilKao9 这是啥子乱七八糟的密码???点击确定,WA! 再一看,看错了,原来中间是数字2019! 再输入一遍:Ren2Zhen0Si1Kao9 点击确定,WA!(自闭了

通过2-3树理解红黑树

无人久伴 提交于 2020-05-02 09:06:48
一、简介   前面的文章我们循序渐进的讲解了 《二叉树》 《二分搜索树》 《AVL-平衡二叉树》 ,从左至右互为基础。尤其是二分搜索树给了我们如何将数据组织成为搜索树的思想,当然二分搜索树存在的天然问题--在极端情况下回退化为链表。所以引出了AVL-平衡二叉树,通过再平衡即LL,LR,RR,RL四个旋转操作维护了一棵平衡的二分搜索树。本章节我们继续梳理一个高阶的树结构即:红黑树。想必大家都知道,红黑树如何维持平衡,如何进行颜色反转让人很难理解,虽然很多博文很多书对红黑树都有讲解,但是想要掌握或者精通红黑树依然让大家望而生畏。本文,我们借鉴《算法-4》对红黑树的分析,从2-3树入手来理解红黑树。至于为什么从2-3树入手去理解红黑树是有原因的,就像达尔文的进化论,任何一个物种都不会是从石头中蹦出来的一样。数据结构的发展同样遵循着生物进化的理论。红黑树正是从2-3树进化来的一种树结构。   后面会持续更新数据结构相关的博文。   数据结构专栏: https://www.cnblogs.com/hello-shf/category/1519192.html   git传送门: https://github.com/hello-shf/data-structure.git 二、2-3树   2.1、2-3树的性质   2-3树类似于一棵完美二叉树(满二叉树),不过就是2

Vue中计算属性、侦听、过滤、自定义指令、ref的操作

大憨熊 提交于 2020-05-02 07:29:36
1.计算属性 <div id="app"> <input type="text" v-model="x"> <input type="text" v-model="y"> {{get}} </div> <script> var app= new Vue({ el: "#app" , data:{ x: "" , y: "" }, computed:{ get: function (){ return this .x+ this .y; } } }); </script> 我们可以将同一函数定义为一个方法而不是一个计算属性。两种方式的最终结果确实是完全相同的。然而,不同的是 计算属性是基于它们的依赖进行缓存的 。只在相关依赖发生改变时它们才会重新求值;多次调用,计算属性会立即返回之前的计算结果,而不必再次执行函数。 2.使用侦听器 <body> <div id="app"> <input type="text" v-model="msg"> {{msg}} </div> </body> <script> var app= new Vue({ el: "#app" , data:{ msg: "" , }, watch: { msg: function (newval,oldval){ if (newval=="admin" ){ this .msg= oldval; } else {

c/c++ 模板与STL小例子系列<二> 模板类与友元函数

那年仲夏 提交于 2020-05-02 04:38:15
c/c++ 模板与STL小例子系列<二> 模板类与友元函数 比如某个类是个模板类D,有个需求是需要重载D的operator<<函数,这时就需要用到友元。 <font color=red>实现这样的友元需要3个必要步骤</font> 1,在模板类D的实现代码的上面声明友元函数 template<typename> class D;//因为友元函数的参数里使用了D,所以要先在这里声明一下 template<typename T> ostream& operator<< (ostream&, const D<T> &); 2,在模板类D的实现代码里面声明它是我的友元 //注意operator<<后面有<T> friend ostream& operator<< <T>(ostream& ,const D<T>&); 3,实现友元函数 template<typename T> //注意operator<<后面没有<T> ostream& operator << (ostream& out,const D<T>& d){ out << d.x; return out; } 例子代码: #include <iostream> using namespace std; template<typename T> class Test{ public: Test(T t) : data(t){}