RED | 易学教程

CSS选择器

阅读更多关于 CSS选择器

选择器作用找到特定HTML元素基础选择器标签选择器标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } id选择器 #id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 类选择器 .类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 通配符选择器 *{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 选择器作用缺点使用情况用法标签选择器可以选出所有相同的标签，比如p 不能差异化选择较多 p { color：red;} 类选择器可以选出1个或者多个标签可以根据需求选择非常多 .nav { color: red; } id选择器一次只能选择器1个标签只能使用一次不推荐使用 #nav {color: red;} 通配符选择器选择所有的标签选择的太多，有部分不需要不推荐使用 * {color: red;} 复合选择器后代选择器父级子级{属性:属性值;属性:属性值;} 子选择器：必须是儿子辈！！！父级>子级{属性:属性值;属性:属性值;} 交集选择器 h3.class{color:red;font-size:25px} 其中第一个为标签选择器，第二个为class选择器，两个选择器之间**不能有空格**，表示为：类名是class的h3标签并集选择器 h3,.class

JavaScript图形实例：太极图

阅读更多关于 JavaScript图形实例：太极图

在Canvas API中，上下文CanvasRenderingContext2D对象提供了一个绘制圆与圆弧的方法，其基本格式为： void arc(in float x, in float y, in float radius, in float startAngle, in float endAngle, in boolean anticlockwise); 其中，参数x和y是圆心坐标，radius是半径，startAngle和endAngle则是扇形的起始角度和终止角度（以弧度表示），anticlockwise表示作图时应该逆时针画（true）还是顺时针画（false）。 1．太极图通过绘制4个半圆弧和两个小圆的方式可以绘制一个太极图。编写HTML文件的内容如下。 <!DOCTYPE html> <head> <title>太极图</title> <script type="text/javascript"> function draw(id) { var canvas=document.getElementById(id); if (canvas==null) return false; var context=canvas.getContext('2d'); context.fillStyle="#EEEEFF"; context.fillRect(0,0,400,400

关于Linux操作系统的开机过程详解

阅读更多关于关于Linux操作系统的开机过程详解

由于操作系统正在变得越来越复杂，所以开机引导和关机下电的过程也越来越智能化。从简单的DOS系统转移到 Windows NT系统，人们已经亲身感受到了这些变化——这已不仅仅是核心操作系统的启动引导和关闭了，还包括必须要同时启动或者关闭相当数量的服务项目。类似于 Windows NT，Linux系统启动过程需要打开的服务项目也是数量极大的。　　这里，我们假设大家已经熟悉其它操作系统的引导过程，了解硬件的自检引导步骤，就只从Linux操作系统的引导加载程序(对个人电脑而言通常是LILO)开始，介绍Linux开机引导的步骤。　　加载内核　　LILO启动之后，如果你选择了Linux作为准备引导的操作系统，第一个被加载的东西就是内核。请记住此时的计算机内存中还不存在任何操作系统， PC(因为它们天然的设计缺陷)也还没有办法存取机器上全部的内存。因此，内核就必须完整地加载到可用RAM的第一个兆字节之内。为了实现这个目的，内核是被压缩了的。这个文件的头部包含着必要的代码，先设置CPU进入安全模式(以此解除内存限制)，再对内核的剩余部分进行解压缩。　　执行内核　　内核在内存中解压缩之后，就可以开始运行了。此时的内核只知道它本身内建的各种功能，也就是说被编译为模块的内核部分还不能使用。最基本的是，内核必须有足够的代码设置自己的虚拟内存子系统和根文件系统(通常就是ext2文件系统)

基于C51单片机的丁字路口交通灯控制系统

阅读更多关于基于C51单片机的丁字路口交通灯控制系统

基于C51单片机的丁字路口交通灯控制系统项目要求：用单片机设计一套丁字路口的交通灯显示系统，如图所示，有三组相同的道路显示系统项目概述：采用多机通讯实现对多个红绿灯的控制主机功能：主机，用于在特殊情况下操纵从机，和对从机的时间统一。从机功能：从机，每隔10s红灯亮、每隔10s绿灯亮，绿灯到红灯时黄灯闪烁3秒。项目图纸：概览图： 2. C51单片机连图： 3. 丁字路口模拟图： 4. 紧急情况处理按钮：项目代码代码注释较为详细，自行观看程序中断图：主机代码： // 程序说明 ; 主机，用于在特殊情况下操纵从机，和对从机的时间统一。 ; 采用串口通信方式二，波特率固定fosc/64 ; SCON = 1000 0000B = 80H, PCON = 00H 波特率不加倍 ; 定时器T0，方式1，50ms中断一次，20次为1s。 ; 初值：X = 2^16 - (50 * 10^-3) / (1 * 10^-6) = 15536D = 3CB0H // 变量定义 START EQU 30H STOP EQU 31H // 程序起点 ORG 0000H ; 复位入口 LJMP MAIN ; 转到主程序 ORG 000BH ; T0中断入口 LJMP COUNTTIME ; 转到T0中断服务程序 ORG 0023H ; 串行中断入口 LJMP CONNECT ;

如何用CSS画三角形

阅读更多关于如何用CSS画三角形

1.前言在博主某次前端面试过程中，被问到如何用css画一个三角形？相信很多朋友在面试中也被问到过这个问题，并且网上针对这个问题也有非常多的解决方案，大部分都是采用border来实现，经过我一番搜索，发现讲具体实现的代码的很多，但是讲实现原理的几乎没有(也可能是我没有找到)，下面，我就谈谈利用border画三角形其内部的原理。 2.原理 2.1 第一步首先，先来一个div，然后给这个div加一层border，并且给上下左右border分别加上不同颜色，以便观察，代码和效果如下： .trangle { 　　width : 100px ; 　　height : 100px ; 　　border : 100px solid #000 ; 　　border-top-color : red ; 　　border-bottom-color : yellow ; 　　border-left-color : blue ; 　　border-right-color : green ; } <div class="trangle"></div> 2.2 第二步接着，将这个div的width变为0，我们再来看看效果。可以看到，由于div的宽度变成了0，左右两边的border“吸”在了一起，同时上下的border变成了三角形，好像快要完成了，别急，再看看第三步。 .trangle { 　　width

【Spring】ThemeResolver主题解析器源码分析

阅读更多关于【Spring】ThemeResolver主题解析器源码分析

ThemeResolver 主题解析器作用：相同页面切换不同样式显示，类似换主页皮肤操作工作原理：本质和LocaleResolver无区别，都是将数据保存在Session、Cookie等位置且与请求绑定，实现JSP页面数据动态化处理 1. jsp 案例代码主题资源文件配置 /** * function: 主题配置 * author: zhiwei_yang * time: 2020/6/21-23:50 */ @Configuration public class ThemeConfig implements WebMvcConfigurer { /** * 配置主题资源文件： theme. 表示主题资源配置文件： classpath/theme 目录下 * * bean名称固定：themeSource * org.springframework.web.context.support.GenericWebApplicationContext#onRefresh() * org.springframework.ui.context.support.UiApplicationContextUtils#initThemeSource * * @return */ @Bean("themeSource") public ResourceBundleThemeSource

JavaScript数组

阅读更多关于 JavaScript数组

1.数组的概念之前的变量只能存储一个值。如果我们想存储班级中所有学生的姓名，该如何存储呢？可以使用数组（array）。数组可以把一组相关的数据一起存放，并提供方便的访问方式。数组就是一组数据的集合，其中每个数据被称为元素，在数组中可以存放仍以类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。 //普通变量一次只能存储一个值 var num = 10; //数组一次可以存储多个值 var arr = [1,2,3,4,5] 2.数组创建 2.1创建数组的方式 JS中创建数组有两种方式：利用new 创建数组利用数组字面量创建数组（常用）数组的字面量是方括号[] 声明数组并赋值成为数组的初始化这种字面方式也是我们以后最多使用的方式 <script> // 1.数组（array）: 就是一组数据的集合，存储在单个变量下的优雅方式 // 2.利用new 创建数组 var arr = new Array(); // 创建了一个空的数组。 // 3.利用数组字面量来创建数组[] var arr = []; // 创建了一个空的数组 var arr1 = [1,2,'pink老师', true ]; // 4.我们数组里面的数据一定用 , 分隔 // 5.数组里面的数据比如1，2 我们称为数组元素 </script> 2.4数组元素的类型数组中可以存放

c# winForm DotNetBar控件之SuperGridControl

阅读更多关于 c# winForm DotNetBar控件之SuperGridControl

1.添加表头 sgc.PrimaryGrid.SelectionGranularity = SelectionGranularity.Row; // 点击选中一行 DevComponents.DotNetBar.SuperGrid.GridColumn gc = null ; gc = new DevComponents.DotNetBar.SuperGrid.GridColumn( " ID " ); sgc.PrimaryGrid.Columns.Add(gc); gc = new DevComponents.DotNetBar.SuperGrid.GridColumn( " 类型编码 " ); sgc.PrimaryGrid.Columns.Add(gc); 2.添加数据加一行 sgc.PrimaryGrid.Rows.Add( new GridRow( new object [] { " a " , " b " })); //也就是加一个GrindRow对像 3.设点击选中一行后取第一行第一列的值 SelectedElementCollection col = sgc.PrimaryGrid.GetSelectedRows(); // 选中的行集合 if (col.Count > 0 ) { GridRow gr = (col[ 0 ] as GridRow); //

aliexpress 速卖通API 获取商品详情

阅读更多关于 aliexpress 速卖通API 获取商品详情

item_get - 获得aliexpress商品详情免费测试网址: http://console.open.onebound.cn/console/?i=Ed Result Object: { "item": { "num_iid": "32667038134", "title": "女装T恤短袖吸湿快干健身T恤女装顶级Clotheswomen牛逼shirtt恤womenfitness T恤的妇女 - 全球速卖通", "desc_short": "", "price": "US $4.35 - 4.68", "total_price": 0, "suggestive_price": 0, "orginal_price": "US $6.21 - 6.68", "nick": "SILVERCELL SILVERCELL Store", "num": 3409, "min_num": 0, "detail_url": " https://www.aliexpress.com/item/32667038134.html ", "pic_url": " https://ae01.alicdn.com/kf/HTB12r_yabEF6uJjSZFOq6xUvVXa1/Women-T-Shirt-Short-Sleeves-Hygroscopic-Quick-Drying-Fitness

5分钟轻松搞定，Python开发之turtle库的基本操作

阅读更多关于 5分钟轻松搞定，Python开发之turtle库的基本操作

文源网络，仅供学习之用，如有侵权请联系删除。基础总结 turtle库是python标准库之一，入门级绘图库。import turtle之后即可使用。 turtle绘图原理：有一只海龟，其实在窗体正中心，在画布上游，走过的轨迹形成了绘制的图形，海龟由程序控制，可以变换颜色、改变宽度等。 1、绘图窗口设置命令 turtle.setup(400,300,200,100)：参数以此（宽，高，距离屏幕左边距离，距离屏幕上方距离），屏幕左上角原点，单位像素。 2、运动命令 turtle.goto(x,y)：直接跳转到（x,y）点，以绘图窗口中心为原点，向右为x轴，向上为y轴。 turtle.fd(d)、turtle.forward(d)：以当前方向，往前行进d像素。 turtle.bk(d)、turtle.backword(d)：保持当前方向不变，往后退行d像素。 turtle.circle(r,angle)：从当前位置以r为半径圆的angle角度旋转。 3、方向设置命令 turtle.seth(angle)：以x轴方向为起点将方向偏转为angle度，逆时针为正。只改变行进方向但不行进。 turtle.left(angle)：在当前行进方向的基础上，向左旋转angle度。 turtle.right(angle)：在当前行进方向的基础上，向右旋转angle度。 4、画笔控制命令

订阅 RED