- 博客(91)
- 资源 (6)
- 收藏
- 关注
原创 Linux下的权限掩码umask
在这里不做详细介绍。在上面的umask为022,我们创建的目录对于同组用户是没有写权限的,在实际中可能需要给同组用户能够在目录下创建和修改文件,那么此时需要创建的目录同组用户是具有写权限的,也就是说我们的umask不要拿走同组用户的写权限,那么就是把umask设置为002就可以达到效果。然而,在目录和文件的默认权限属性是不同的,因为对于一个目录来说它的x权限也就是执行权限是很重要的,进入目录等操作都是需要目录具有执行权限的,而对于文件来说,一般情况都是用于数据的记录操作,所以一般不需要执行权限。
2022-09-13 10:00:36
1227
2
原创 如何建立编程思想和提高编程思想
编程思想是一种指导思想,这个指导思想,将会诱发你如何写代码的行为。如果理解这话的意思呢?打个比方,中华文明千百年在民众心中形成了一个“统一天下”的思想,这种思想会诱发各个混乱时期的诸侯或者军阀,以统一中国为目标,而不会像欧洲一样以分裂中国各自独立、各自称帝为目标。那么编程思想有哪种种类呢?1)面向过程编程。这是我国绝大部分程序员的思想。这种思想诱发了他们写代码的时候这样的现象:一个方法中写了糅杂了很多的业务逻辑,或者从ui层(点)业务逻辑层(点)数据库访问层这种路径的写法。2)函数编程。...
2022-08-10 10:29:14
1172
1
原创 深入理解 Linux的 I/O 系统
在 Linux 系统中,传统的访问方式是通过 write() 和 read() 两个系统调用实现的,通过 read() 函数读取文件到到缓存区中,然后通过 write() 方法把缓存中的数据输出到网络端口。下图分别对应传统 I/O 操作的数据读写流程,整个过程涉及 2 次 CPU 拷贝、2 次 DMA 拷贝,总共 4 次拷贝,以及 4 次上下文切换。由 CPU 直接处理数据的传送,数据拷贝时会一直占用 CPU 的资源。由 CPU 向DMA磁盘控制器下达指令,让 DMA 控制器来处理数据的传送,数据传送完毕
2022-07-01 22:43:13
403
转载 Linux和Windows系统目录结构对比
Windows是大家最常用的操作系统,但可能很多人都没有去研究过 Windows 系统盘(默认C盘)的目录结构。如果使用 Linux 系统,我们就很有必要认真了解它的系统目录结构,本文将拿 Linux 和 Windows 的系统目录进行简单的对比,从而得出两个系统的目录结构的异同,与我们熟悉的 Windows 作对比,将有助于我们更快地学习 Linux。在对比系统目录前,我们先来对比一下 Windows 和 Linux 是如何访问硬盘数据的。在 Windows 中,假如我把硬盘的空间分成3个区,每个区都有一
2022-06-12 23:25:39
3455
1
原创 039CSS3之2D转换
一、简介转换(transform)是CSS3中具有颠覆性的特征之一,可以实现元素的位移、旋转、缩放等效果移动:translate旋转:rotate缩放:scale转换(transform)你可以简单理解为变形二、二维坐标系2D转换是改变标签在二维平面上的位置和形状的一种技术,先来学习二维坐标系三、2D转换之移动translate1、简介2D移动是2D转换里面的一种功能,可以改变元素在页面中的位置,类似定位。2、语法transform: translate(x,y); 或者分开
2022-05-08 16:42:00
340
原创 038制作web服务器和发布网站
一、web服务器的作用我们写的品优购网站,目前是放到自己电脑上的,只能自己访问浏览。如果想要很多人访问我们的网站,可以把品优购放到服务器上,这样就可以多人访问我们的品优购网站了。二、什么是web服务器服务器(我们也会称之为主机)是提供计算服务的设备,它也是一台计算机。在网络环境下,根据服务器提供的服务类型不同,服务器又分为文件服务器、数据库服务器、应用程序服务器、Web 服务器等。Web 服务器一般指网站服务器,是指驻留于因特网上某种类型计算机的程序,可以向浏览器等 Web 客户端提供文档,也可
2022-05-03 17:16:59
359
原创 037CSS3过渡
一、简介过渡(transition)是CSS3中具有颠覆性的特征之一,我们可以在不使用 Flash 动画或JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画: 是从一个状态 渐渐的过渡到另外一个状态可以让我们页面更好看,更动感十足,虽然 低版本浏览器不支持(ie9以下版本) 但是不会影响页面布局。我们现在经常和 :hover 一起 搭配使用。二、语法transition: 要过渡的属性 花费时间 运动曲线 何时开始;1.属性 : 想要变化的 css 属
2022-04-03 00:13:14
258
原创 036CSS3之calc函数
一、calc函数介绍calc() 此CSS函数让你在声明CSS属性值时执行一些计算。width: calc(100% - 80px);括号里面可以使用 + - * / 来进行计算。二、案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
2022-04-02 23:46:29
267
原创 035CSS3过滤器filter
一、简介CSS3 Filter是W3C CSS filter Effect 1.0中定义的滤镜,是一个使用CSS改变图片和HTML的模糊度、亮度、对比度、饱和度等等效果的过滤器。二、语法filter: 函数(); 例如: filter: blur(5px); blur模糊处理 数值越大越模糊三、案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <
2022-04-02 23:36:35
414
原创 034CSS3盒子模型大小计算方法
一、分类CSS3 中可以通过 box-sizing属性 来指定盒子模型大小的计算方法,有2个值:即可指定为 content-box、border-box,这样我们计算盒子大小的方式就发生了改变。可以分成两种情况:1. box-sizing: content-box 盒子大小为 width + padding + border (以前默认的)2. box-sizing: border-box 盒子大小为 width如果盒子模型我们改为了box-sizing: border-box , 那paddi
2022-04-02 23:26:37
1507
原创 033CSS3新增选择器
一、属性选择器属性选择器可以根据元素特定的属性来选择元素。 这样就可以不用借助于类或者id选择器。注意:类选择器、属性选择器、伪类选择器,权重为 10。案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=
2022-04-02 22:13:03
295
原创 032HTML5新增的表单属性
一、新增的表单属性可以通过以下设置方式修改placeholder里面的字体颜色:input::placeholder { color: pink; }案例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta na
2022-03-30 22:37:03
221
原创 031HTML5 新增的 input 类型
一、新增的类型重点记住: number tel search 这三个二、案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, i
2022-03-30 22:19:15
180
原创 030HTML5 新增的多媒体标签
一、新增的多媒体标签音频:<audio>视频:<video>使用它们可以很方便的在页面中嵌入音频和视频,而不再去使用 flash 和其他浏览器插件。HTML5 在不使用插件的情况下,也可以原生的支持视频格式文件的播放,当然,支持的格式是有限的。二、视频<video>当前 元素支持三种视频格式: 尽量使用 mp4格式语法:<video src="文件地址" controls="controls"></video><vid
2022-03-30 17:19:11
324
原创 029HTML5新增的语义化标签
一、简介以前布局,我们基本用 div 来做。div 对于搜索引擎来说,是没有语义的。<div class=“header”> </div><div class=“nav”> </div><div class=“content”> </div><div class=“footer”> </div>二、新增的语义标签<header>:头部标签<nav>:导航标签<ar
2022-03-29 16:27:54
431
原创 028CSS初始化
一、为什么要进行初始化不同浏览器对有些标签的默认值是不同的,为了消除不同浏览器对HTML文本呈现的差异,照顾浏览器的兼容,我们需要对CSS 初始化。简单理解: CSS初始化是指重设浏览器的样式。 (也称为CSS reset)每个网页都必须首先进行 CSS初始化。这里我们以 京东CSS初始化代码为例。Unicode编码字体:把中文字体的名称用相应的Unicode编码来代替,这样就可以有效的避免浏览器解释CSS代码时候出现乱码的问题。比如:黑体 \9ED1\4F53宋体 \5B8B\4F53
2022-03-29 15:40:09
144
原创 027溢出的文字省略号显示
一、单行文本溢出显示省略号/*1. 先强制一行内显示文本*/ white-space: nowrap; ( 默认 normal 自动换行) /*2. 超出的部分隐藏*/ overflow: hidden; /*3. 文字用省略号替代超出的部分*/ text-overflow: ellipsis;案例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
2022-03-23 22:05:29
136
原创 026CSS之更改用户的鼠标样式
一、语法鼠标样式 cursorli {cursor: pointer; }设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。案例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="view
2022-03-22 22:55:16
191
原创 025CSS之三角
一、简介网页中常见一些三角形,使用 CSS 直接画出来就可以,不必做成图片或者字体图标。一张图, 你就知道 CSS 三角是怎么来的了, 做法如下: .box{ width: 0; height: 0; line-height: 0; font-size: 0; margin: 200px auto; border: 100px solid tr
2022-03-22 22:33:58
84
原创 024字体图标
一、字体图标的产生字体图标使用场景: 主要用于显示网页中通用、常用的一些小图标。精灵图是有诸多优点的,但是缺点很明显。图片文件还是比较大的。图片本身放大和缩小会失真。一旦图片制作完毕想要更换非常复杂。此时,有一种技术的出现很好的解决了以上问题,就是字体图标 iconfont。字体图标可以为前端工程师提供一种方便高效的图标使用方式,展示的是图标,本质属于字体。二、字体图标的优点轻量级:一个图标字体要比一系列的图像要小。一旦字体加载了,图标就会马上渲染出来,减少了服务器请求灵活性:本质其
2022-03-22 17:25:00
102
原创 023精灵图
一、为什么需要精灵图一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。因此,为了有效地减少服务器接收和发送请求的次数,提高页面的加载速度,出现了 CSS 精灵技术(也称CSS Sprites、CSS 雪碧)。核心原理:将网页中的一些小背景图像整合到一张大图中 ,这样服务器只需要一次请求就可以了。比如王者荣耀官网中 就是使用了精灵图二、使用精灵图核心精灵技术主要针对于背景图片使用。就是
2022-03-21 21:46:58
93
原创 022元素的显示与隐藏
一、本质让一个元素在页面中隐藏或者显示出来。二、display属性display 属性用于设置一个元素应如何显示。display: none ;隐藏对象display:block ;除了转换为块级元素之外,同时还有显示元素的意思display 隐藏元素后,不再占有原来的位置。后面应用及其广泛,搭配 JS 可以做很多的网页特效。案例:土豆网鼠标经过显示遮罩...
2022-03-18 16:49:13
358
原创 021淘宝轮播图制作
一、效果二、代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t
2022-03-12 17:00:13
290
原创 020定位的拓展
一、定位叠放次序 z-index在使用定位布局时,可能会出现盒子重叠的情况。此时,可以使用 z-index 来控制盒子的前后次序 (z轴)语法:选择器 { z-index: 1; }数值可以是正整数、负整数或 0, 默认是 auto,数值越大,盒子越靠上如果属性值相同,则按照书写顺序,后来居上数字后面不能加单位只有定位的盒子才有 z-index 属性案例:<!DOCTYPE html><html lang="en"><head> <
2022-03-12 16:06:34
236
原创 019定位
一、为什么需要定位1、某个元素可以自由的在一个盒子内移动位置,并且压住其他盒子.2、 当我们滚动窗口的时候,盒子是固定屏幕某个位置的。以上效果,标准流或浮动都无法快速实现,此时需要定位来实现。所以:浮动可以让多个块级盒子一行没有缝隙排列显示, 经常用于横向排列盒子。定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子。二、定位基本概念1、定位组成定位:将盒子定在某一个位置,所以定位也是在摆放盒子, 按照定位的方式移动盒子。定位 = 定位模式 +
2022-03-11 14:21:17
95
原创 018清除浮动
一、为什么需要清除浮动由于父级盒子很多情况下,不方便给高度,但是子盒子浮动又不占有位置,最后父级盒子高度为 0 时,就会影响下面的标准流盒子。由于浮动元素不再占用原文档流的位置,所以它会对后面的元素排版产生影响。二、清除浮动本质清除浮动的本质是清除浮动元素造成的影响如果父盒子本身有高度,则不需要清除浮动清除浮动之后,父级就会根据浮动的子盒子自动检测高度。父级有了高度,就不会影响下面的标准流了三、语法语法:选择器{clear:属性值;}我们实际工作中, 几乎只用 clear: bo
2022-02-19 12:53:46
99
原创 017常见网页布局
一、常见的布局方式1、第一种<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2022-02-13 13:26:37
1817
原创 016浮动
一、传统网页布局的三种方式网页布局的本质——用 CSS 来摆放盒子。 把盒子摆放到相应位置.CSS 提供了三种传统布局方式(简单说,就是盒子如何进行排列顺序):普通流(标准流)浮动定位二、标准流(普通流/文档流)所谓的标准流: 就是标签按照规定好默认方式排列.1、块级元素会独占一行,从上向下顺序排列。常用元素:div、hr、p、h1~h6、ul、ol、dl、form、table2、行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘则自动换行。常用元素:span、a、i、em
2022-02-12 23:31:49
278
原创 015圆角边框、盒子阴影和文字阴影
一、圆角边框在 CSS3 中,新增了圆角边框样式,这样我们的盒子就可以变圆角了。border-radius 属性用于设置元素的外边框圆角。语法:border-radius:length;参数值可以为数值或百分比的形式如果是正方形,想要设置为一个圆,把数值修改为高度或者宽度的一半即可,或者直接写为 50%该属性是一个简写属性,可以跟四个值,分别代表左上角、右上角、右下角、左下角 分开写:border-top-left-radius、border-top-right-radius、bord
2022-02-07 14:36:36
103
原创 013CSS之盒子模型(Box Model)
一、简介所谓 盒子模型:就是把 HTML 页面中的布局元素看作是一个矩形的盒子,也就是一个盛装内容的容器。CSS 盒子模型本质上是一个盒子,封装周围的 HTML 元素,它包括:边框、外边距、内边距、和 实际内容1、边框(border)border可以设置元素的边框。边框有三部分组成:边框宽度(粗细) 边框样式 边框颜色语法:border : border-width || border-style || border-colorCSS 边框属性允许你指定一个元素边框的样式和颜色。边
2022-02-05 17:33:48
793
原创 011CSS的背景
一、简介通过 CSS 背景属性,可以给页面元素添加背景样式。背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。二、背景颜色background-color 属性定义了元素的背景颜色。background-color:颜色值;一般情况下元素背景颜色默认值是 transparent(透明),我们也可以手动指定背景颜色为透明色。background-color:transparent;三、背景图片background-image 属性描述了元素的背景图像。实际开发常见
2022-02-04 17:42:05
96
原创 009复合选择器
一、简介在 CSS 中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。复合选择器可以更准确、更高效的选择目标元素(标签)复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的常用的复合选择器包括:后代选择器、子选择器、并集选择器、伪类选择器等等二、后代选择器后代选择器又称为包含选择器,可以选择父元素里面子元素。其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔。当标签发生嵌套时,内层标签就成为外层标签
2022-02-04 15:46:18
127
原创 008Emmet语法
一、简介Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法.1、快速生成HTML结构语法生成标签 直接输入标签名 按tab键即可 比如 div 然后tab 键, 就可以生成 如果想要生成多个相同标签 加上 * 就可以了 比如 div*3 就可以快速生成3个div如果有父子级关系的标签,可以用 > 比如 ul > li就可以了如果有兄弟关系的标签,用 + 就可以了 比如 div+p如果生成带有类名或者id名字的
2022-02-04 15:16:10
106
原创 007CSS引入方式
一、CSS 的三种样式表按照 CSS 样式书写的位置(或者引入的方式),CSS 样式表可以分为三大类:行内样式表(行内式)内部样式表(嵌入式)外部样式表(链接式)二、内部样式表内部样式表(内嵌样式表)是写到html页面内部. 是将所有的 CSS 代码抽取出来,单独放到一个 <style> 标签中。<style> div { color: red; font-size: 12px; }</style><style> 标签理论上可
2022-02-04 14:14:31
89
原创 006CSS文本属性
一、简介CSS Text(文本)属性可定义文本的外观,比如文本的颜色、对齐文本、装饰文本、文本缩进、行间距等。二、文本颜色color 属性用于定义文本的颜色。div { color: red;}开发中最常用的是十六进制.三、对齐文本text-align 属性用于设置元素内文本内容的水平对齐方式。div { text-align: center;}四、装饰文本text-decoration 属性规定添加到文本的修饰。可以给文本添加下划线、删除线、上划线等。div {
2022-02-04 14:06:27
122
原创 005CSS字体属性
一、 简介CSS Fonts (字体)属性用于定义字体系列、大小、粗细、和文字样式(如斜体)。二、字体系列CSS 使用 font-family 属性定义文本的字体系列。p { font-family:"微软雅黑";} div {font-family: Arial,"Microsoft Yahei", "微软雅黑";}各种字体之间必须使用英文状态下的逗号隔开一般情况下,如果有空格隔开的多个单词组成的字体,加引号.尽量使用系统默认自带字体,保证在任何用户的浏览器中都能正确显示最常见的几个
2022-02-04 13:39:14
140
原创 010元素的显示模式
一、什么是元素显示模式网页的标签非常多,在不同地方会用到不同类型的标签,了解他们的特点可以更好的布局我们的网页。元素显示模式就是元素标签以什么方式显示,比如div标签自己占一行,比如一行可以放多个span。HTML元素一般分为块元素 和 行内元素两种类型。二、块元素常见的块元素 h1 h2 div ul ol li 等,其中div标签是最典型的块元素。块级元素的特点:1、比较霸道,自己独占一行。2、高度、宽度、外边距以及内边距都可以控制。3、宽度默认是容器(父级宽度)
2022-02-04 13:16:58
1112
原创 C++ explicit 关键字
一、隐式类型转换 (构造函数的隐式调用)#include <iostream>using namespace std;class Point {public: int x, y; Point(int x = 0, int y = 0) : x(x), y(y) {}};void displayPoint(const Point& p){ cout << "(" << p.x << ","
2021-11-28 22:11:02
513
原创 重载new,delete运算符
new,delete在c++中也被归为运算符,所以可以重载它们。new的行为:先开辟内存空间 再调用类的构造函数开辟内存空间的部分,可以被重载。delete的行为:先调用类的析构函数再释放内存空间释放内存空间的部分,可以被重载。为什么要要重载它们?有时需要实现内存池的时候需要重载它们。频繁的new和delete对象,会造成内存碎片,内存不足等问题,影响程序的正常执行,所以一次开辟一个适当大的空间,每次需要对象的时候,不再需要去开辟内存空间,只需要调用构造函数(使用placemen
2021-11-24 23:06:54
889
SQLiteExpertPersSetup64.exe
2020-10-20
Visual Leak Detector软件
2020-10-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人