- 博客(31)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 磁盘分区及格式化和挂载
1、磁盘分区（1）易于管理和使用：比如说我们把磁盘分了sda1、sda2、sda3、sda4盘，我们假设sda1盘为系统盘，其他的比如说游戏、办公、软件盘，这样我们要重新分哪个区就直接在对应的盘分就可以了，不需要整块磁盘进行分区。根据用途我们也能较快的去使用相应的磁盘。（2）有利于数据的安全：通过分区可以降低数据损失的风险。出现硬盘坏道、错误操作、重装系统都有可能造成数据损失，如果分区了，那么我们就可以将损失最小化。（3）节约寻找文件的时间：这个我觉得跟第一条比较像，但是这里所说的寻找文件的时间
2020-05-21 08:41:36
4260
1
原创 linux基本权限、特殊权限、ARL权限
使用ll (ls -l )查看该目录的内容列表，如：d rwx r-x r-x ，代表的就是这个目录或文件的权限。简单来讲，r表示可读、w表示可写、x表示可执行。第一列表示这个文件的类型d: 表示这个文件为目录-: 表示这个文件为文件l: 表示这个文件为连接文件b: 表示设备文件里面的可供存储的借口设备c: 表示设备里面的串行端口设备第一组rwx表示文件所有者权限。第二组rwx表示同用户组权限，与文件所有者处于同一用户组拥有的权限。第三组rwx表示其他人权限，不是文件所有者也不...
2020-05-19 08:30:55
490
原创 Bootstrap 前端开发框架
Bootstrap 前端开发框架Bootstrap 来自TWitter（推特）， 是目前最受欢迎的前端框架。bootstrap 是基于HTML、CSS和JavaScript的， 它简洁灵活，使得web开发更加快捷。中文官网： http://www.bootcss.com/官网：http://getbootstrap.com/推荐使用：http://bootstrap.css88.com/...
2019-11-25 14:18:38
3137
1
原创 rem适配方案与移动端web开发之响应式布局
rem适配方案1. 让一些不能等比自适应的元素， 达到当设备尺寸发生改变的时候，等比例适配当前设备。2. 使用媒体查询根据不同设备按比例设置html的字体大小，然后页面元素使用rem做尺寸单位，当HTML字体大小变化元素尺寸也会发生变化，从而达到等比缩放的适配。1. rem实际开发适配方案 1. 按照设计与设备宽度的比例，动态计算并设置html根标签的font-size 大小； （媒体...
2019-11-24 15:47:03
690
原创 Less 基础
Less 基础1.CSS是一门非程序语言， 没有变量、函数、SCOPE（作用域）等概念。 1. CSS需要书写大量看似没有逻辑的代码，CSS冗余度是比较高的。 2. 不方便维护及扩展，不利于复用。 3. CSS没有很好的计算能力。 4. 非前端开发工程师来讲，往往会因为缺少CSS编程经验而很难写出组织良好且易于维护的CSS代码项目。css的缺点：<!D...
2019-11-23 01:50:34
261
原创 rem基础、 媒体查询、 引入资源 （理解）
rem基础rem单位 rem（root em）是一个相对单位，类似于em，em是父元素字体大小。 不同的是rem的基准是相对于html元素的字体大小。 比如，根元素（html） 设置font-size=12px； 非根元素设置width：2rem；则换成px表示就是24px。命令演示：<!DOCTYPE html><html lang="en">...
2019-11-21 23:40:19
324
原创 制作 携程网移动端首页
1. 技术选型 方案： 我们采取单独制作移动页面方案 技术： 布局采取flex布局 2. 设置视口标签以及引入初始化样式 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale...
2019-11-21 00:57:31
4149
1
原创 移动web开发之flex布局
1. flex布局体验传统布局 flex弹性布局 兼容性好 操作方便，布局极为简单，移动端应用很广泛布局繁琐 PC端浏览器支持情况较 局限性，不能再移动端很好的布局 IE 11或更低版本，...
2019-11-20 02:19:26
397
原创 移动布局中的 4. 移动端开发选择 5. 移动端技术解决方案 6. 移动端常见布局
4. 移动端开发选择1. 移动端主流方案1.单独制作移动端页面（主流）： 京东商城手机版、淘宝触屏版、苏宁易购手机版。2.响应式页面兼容移动端（其次）三星手机官网。2.单独移动端页面（主流）通常情况下，网址域名前面加m（moblie）可以打开移动端。通过判断设备，如果是移动设备，如果是移动设备打开，则跳转到移动端页面。 比如： m.taobao.com m.jd.com ...
2019-11-19 00:06:28
411
原创 移动布局中的 1.移动端基础 2.视口 3.二倍图
1. 移动端基础1. 浏览器现状 PC端常见浏览器： 360浏览器、谷歌浏览器、QQ浏览器、百度浏览器、 搜狗浏览器、IE浏览器。 移动端常见浏览器：UC浏览器、QQ浏览器、欧朋浏览器、百度手机浏览器、360安全浏览器、 谷歌浏览器、搜狗浏览器、搜狗手机浏览器、猎豹浏览器、以及其他杂牌浏览器。国内的UC和QQ，百度等手机浏览器都是根据webkit修改过来的内核，国内...
2019-11-18 02:13:12
459
原创 3D转换
3D 转换我们生活的环境是3D的，照片就是3D物体在2D平面呈现的例子。**有什么特点：** 近大远小。 物体后面遮挡不可见。 当我们在网页上构建3D效果的时候参考这些特点就能产出3D效果。1. 三维坐标系三维坐标系其实就是指立体空间，立体空间是由3个轴共同组成的。 x轴 ： 水平向右 注意： x右边是正值，左边是负值。 y轴 ： 垂...
2019-11-17 01:20:28
779
原创 CSS3中的动画
动画动画（animation） 是css中具有颠覆性的特征之一，可以通过设置多个节点来精确控制一个， 或一组动画常用来实现复杂的动画效果。相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效果。1. 动画的基本使用制作动画分为两步：先定义动画再使用（调用）动画用keyfames定义动画（类似定义类选择器） @keyframes 动画名称{...
2019-11-16 01:47:08
903
2
原创 2D转换之旋转与缩放
2D转换之旋转 rotate2D转换指的是让元素在2维平面内顺时针旋转或者逆时针旋转。1. 语法： transform：rotate（度数）2. 重点： 1. rotate里面跟度数，单位是deg 比如 rotate（45deg）。 2. 角度为正时，顺时针，负时，为逆时针。 3. 默认旋转的中心是元素的中心点。命令演示：<...
2019-11-15 00:52:28
1665
1
原创 css3 2D转换
2D转换2D转换的概念：转换（transform）是css3中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果。转换（transform）你可以简单理解为变形。 比如这张擎天柱：1. 移动： translate2. 旋转： rotate3. 缩放： scale1. 二维坐标系2D转换是改变标签在二维平面上的位置和形状的一种技术，先来学习二维坐标系 。2. 2D...
2019-11-14 00:19:17
242
原创 字体图标
字体图标图片是由诸多的优点的，但是缺点很明显，比如图片不但增加了总文件的大小，还增加了很多额外的“http请求”者都会大大降低网页的性能的。更重要的是图片不能很好地进行“缩放”，此时，一个非常重要的技术出现了，额不是出现了，是以前就有，是被从新“宠幸”啦。。这就是字体图标（iconfont）。1. 字体图标优点可以做出跟图片一样可以做的事情，改变透明度、旋转度、等...但是本质其实是...
2019-11-12 00:09:53
395
3
原创 css三角形之美与品优购项目
CSS三角形之美div{ width: 0; height: 0; line-height:0; font-size: 0; border-top: 10px solid red; border-right:10px solid green; ...
2019-11-11 01:48:52
506
原创 滑动门与 margin负值之美
1.滑动门先来体会一下现实中的滑动门，或者你可以叫做推拉门：滑动门出现的背景制作网页时，为了美观，常常需要为网页元素设置特殊形状的背景，比如微信导航栏，有凸起和凹下去的感觉，最大的问题是里面的字数不一样多，咋办？为了是各种特殊形状的背景能够自适应元素中文本内容的多少，出现了CSS滑动门技术，他从新的角度构建页面，是各种特殊形状的背景能够自由拉伸滑动，以适应元素内部的文本内容，可用...
2019-11-10 02:53:50
562
原创 vertical-align 垂直对齐 与 溢出的文字 省略号显示 css精灵技术（sprite）重点
1.vertical-align 垂直对齐 1. 有宽度的块级元素居中对齐，时margin：0 auto 2. 让文字居中对齐，是text-align：center； 但是我们从来没有讲过有垂直居中的属性 vertical-align垂直对齐，他只针对于行内元素或行内块元素， vertical-align ：baseline |top |middle |bott...
2019-11-08 21:15:41
482
原创 元素的显示与隐藏、CSS用户界面样式
1. 元素的显示与隐藏1. 目的：让一个元素在页面中消失或者显示出来。2. 场景：类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现！1.1 display显示（重点）1. display设置或检索对象是否及如何显示。display：none 隐藏对象display：block 除了转换为块级元素之外，同时还有显示元素的意思。2. 特点：隐藏之后，不再保留位...
2019-11-08 01:06:58
1085
原创 css定位中的固定定位
固定定位是比较重要的一个所以单独来讲。固定定位（fixed）-重要固定定位是绝对定位的一种特殊形式：（认死理型）如果说绝对定位是一个矩形那么固定定位就类似于正方形。完全脱标–完全不占位置；只认浏览器的可是窗口 — 浏览器可视窗口 + 边偏移属性 来设置位置；根腐元素没有任何关系；不随滚动条滚动命令显示图：网页示例图：注意：1. 绝对定位/固定定位的盒子 不...
2019-11-07 00:23:06
5700
原创 css中的显示、列表与定位
1. 显示1. 显示方式1. 作用：显示方式决定了元素在页面中如何摆放定位。2. 语法：属性：display取值： 1. none 让你生成的元素不显示-隐藏 特点： 脱离文档流既不占据页面空间 2. block 让元素变得和块级元素一样 3. inline 让元素变得和行内元素一样 ...
2019-11-06 02:55:19
842
原创 CSS中的浮动
浮动1. 定位概述所谓的定位，实际上就是定义元素框相对于其正常位置，应该出现的位置在哪。简单地说，定位就是改变元素在页面上的默认 位置。2. 定位分类1. 普通流定位（元素默认定位方式）2. 浮动定位3. 相对定位4. 绝对定位5. 固定定位 3. 定位-普通流定位 普通流定位，又称为“文档流定位”，是页面元素的默认定位方式 页面中的块级元素按照从上到下的方式排列，而...
2019-11-05 02:39:55
255
原创 CSS中的渐变
1. 什么是渐变两种或多种颜色间平滑过渡的效果2. 渐变的组成（元素）色标：决定了渐变的每种颜色及其出现的位置每一种渐变效果都是由多个色标组成的（2个及以上）、3. 渐变的语法1.语法：属性：background-image值：linear-gradient() : 线性渐变radial-gradient（）： 径向渐变repeating-linear-gradient（...
2019-11-03 02:03:17
233
原创 CSS中的内边距、box-sizing与背景颜色
1.内边距1. 什么是内边距：内容区域与边框之间的距离特点：会扩大元素边框所占用的区域。2. 语法：padding：value；单边设置：padding-top/right/bottom/left:value;取值： 1. 单位可以为：px 2. 单位可以为：%3. 简洁写法：padding:value；四个方向的内边距padding：v1 v2; v1...
2019-11-02 02:58:02
5501
原创 框模型与外边距
1. 框模型框:页面一切元素皆为框。框模型： Box-Model,定义了元素框处理元素内容， 内边距以及外边距的方式。对象实际宽度=左右外边距 + 左右边框 + 左右内边距 + width；对象实际高度=上下外边距 + 上下边框 + 上下内边距 + height2. 外边距1. 什么是外边距：围绕在元素边框周围的空白区域就是外边距正常情况下，外边距是不允许被其他元素...
2019-11-01 00:03:14
224
原创 CSS中的边框属性
边框属性分类： Document 1.边框 2.边框倒角 3.边框阴影 4.轮廓一.边框属性1. 边框1. 简写方式： 通过一个属性控制四个方向边框的效果。属性： border:width style color; width:宽度，边框粗细，以px为单位 ...
2019-10-31 00:39:15
1311
原创 css中的基础选择器
css基础选择器基础选择器的作用：1. 作用：规范了页面中哪些元素能够使用定义好的样式目的： 匹配页面元素基础选择器的分类：一. 通用选择器、 元素选择器、 类选择器、 ID选择器、群组选择器、后代选择器、 子代选择器、 伪类选择器.1.通用选择器：作用：匹配页面中所有的元素语法： *{样式声明;}通用选择器的缺点:效率较低，尽可能少用。ex（例子）：命令...
2019-10-30 00:37:53
1422
原创 css概述与语法
1. css概述1. 问题先带着问题学习css：设置页面中所有的文本颜色为红色。设置页面中所有的p元素文本为蓝色。设置页面中所有的h3元素文本也为蓝色。将页面中所有的p元素文本颜色改为绿色。HTML的不足：1. 不同的标记想完成相同的效果使用的是不同 ... <body text="red"> 修改文本颜色 ...
2019-10-28 22:34:43
442
原创 HTML5中的表单
表单1. 表单作用 用于显示、收集用户信息，并将信息提交给服务器 1. 表单元素-负责将用户数据提交给服务器 2. 表单控件-负责接收用户的数据（与用户进行数据交互）2. 表单元素1. 标记<form></form>2. 属性1. action定义表单被提交时的动作，主要就是服务器上处理数据的应用程序URL默认是提交给本页2. meth...
2019-10-28 00:58:34
521
空空如也
Linux运维命令。
2021-05-24
根据下面代码写出利用方法和工具？
2021-03-30
TA创建的收藏夹 TA关注的收藏夹
TA关注的人