- 博客(15)
- 收藏
- 关注
RSS订阅原创 CSS 中 background 和 background-color 的区别
2、background设置背景颜色会默认有{background:no-repeat}；而background-color的默认属性是{background:no-repeat}，即 {background-color:#ccc;1、background可以设置背景颜色color，添加背景图片url, 调整平铺状态repeat ,调整图片的位置left、right、top、bottom等；
2024-05-18 09:15:58
414
原创 html常用标签
DOCTYPE>：声明必须是HTML文档的第一行，用来指示浏览器关于页面使用哪个HTML版本进行编译的指令。用来声明是一个HTML文档。用于定义文档的头部，它是所有头部元素的容器。定义关于 HTML 文档的元信息。定义文档的标题，在所有 HTML 文档中是必需的。body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等）。~：标题标签，是标明文章、作品等内容主题的简短语句。：段落标签，在网页中描述一段相对完整的内容。
2024-05-16 09:53:58
643
原创 CSS中的选择器
1.标签名 { css属性名：属性值；2.选择页面中对应的标签（找她），方便后续设置样式（改她）3.（1） 标签选择器选择的是一类标签，而不是单独某一个（2） 标签选择器无论嵌套关系有多深，都能找到对应的标签1..类名 { css属性名：属性值；2.通过类名，找到页面中所有带有这个类名的标签，设置样式3.（1）所有标签上都有class属性，class属性的属性值称为类名（类似于名字）（2）类名可以由数字、字母、下划线、中划线组成，但不能以数字或者中划线开头。
2024-05-11 17:31:39
1443
1
原创 Flex弹性布局
Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。
2024-05-11 15:28:44
718
1
原创 css padding属性
注：Android中也有margin和padding的概念，意思是差不多的，如果你会一点Android，应该比较好理解吧。时：该属性值定义上内边距、右内边距、下内边距、左内边距 示例：如果希望所有内边距都是10 像素，只需要设置：padding:10px;标签占据的是整个页面的全部区域，其实是错误的，正确的理解是这样的：整个网页最大的盒子是。所以，我们做站的时候，为了便于控制，总是喜欢清除这个默认的padding。上面的例子1中，画出来的是直角三角形，可如果我想画等边三角形，要怎么做呢？
2024-05-10 09:57:10
984
原创 CSS中margin值及margin负值
项目中经常会使用浮动列表展示信息，为了美观通常为每个列表之间设置一定的间距（margin-right）,当父元素的宽度固定，每一行的最右端的li元素的右边距就多余了，去除的方法通常是为最右端的li添加class，设置margin-right:0;这是因为元素的完全宽度等于margin，padding，border，width相加而成，所以如果负margin等于余下三者的和，那元素的实际宽度也就变成了0px。在静态元素中，应用负Margin可以将元素的位置向外偏移，但是需要注意避免元素重叠，影响布局效果。
2024-05-09 17:17:15
813
原创 flex弹性布局 笔记2
布局"项目"的父级属性创建弹性盒子，用或就是这个容器是还是，一般都是设置弹性布局的基本弹性布局的此外，弹性布局还涉及其他属性，如order、flex-grow、flex-shrink、flex-basis、flex和align-self等。这些属性可以帮助开发者更灵活地控制元素在容器内的排列和分布。容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；
2024-05-09 14:09:32
834
原创 flex布局
即为弹性布局。使用进行布局，此布局使得布局更易使用。当元素使用flex布局后，该元素则成为flex容器(container)。flex容器属性有：flex-direction、flex-wrap、flex-flow、justify-content、align-items、align-content。当元素使用flex布局后，flex容器中的元素则成为flex项目(item)。
2024-05-09 13:02:44
557
原创 css3动画&2D|3D
一个值 (沿着水平方向位移)，两个值 像素px transform: translateX();一个值(沿着水平方向倾斜)、两个值 deg角度 transform: skewX();单位：deg 当角度值为正数时，元素沿着顺时针方向旋转 当角度值为负数时，元素沿着逆时针方向旋转。a 指的是一个旋转角度值，如果为正值，元素围绕 Z 轴顺时针旋转；angle：一个角度值，指定在 3D 空间旋转角度，正值顺时针旋转，反之元素逆时。
2024-05-08 01:26:44
610
1
原创 css3动画过渡——transition属性
④ ease-out 慢速度结束的过渡效果，也就是以低速结束 5.ease-in-out 以慢速度开始和结束的过渡效果。在绝大多数变换样式的切换时，变换组合的个数或位置不一样时，是没有办法触发过渡的。过渡只关系元素的初始状态和结束状态，没有方法可以获取元素在过渡中的每一帧的状态。在绝大多数变换样式的切换时，变换组合的个数或位置不一样时，是没有办法触发过渡的。过渡只关系元素的初始状态和结束状态，没有方法可以获取元素在过渡中的每一帧的状态。元素在初次渲染还没有结束的时候，是没有办法出发过渡的。
2024-05-07 23:04:30
714
1
原创 CSS transfrom属性与animation属性
基本语法：transform: scale(1)或者transform: scale(1, 1)、transform: scaleX(1)、transform: scaleY(1)。transform: translateX(0px)、transform: translateY(0px)：分别表示水平方向与垂直方向上移动的距离。transform: skewX(0deg) 、transform: skewY(0deg) ：分别表示水平方向和垂直方向的倾斜角度；rotate默认是围绕旋转中心旋转。
2024-05-07 20:30:52
752
原创 项目开发之Echarts的使用（数据可视化）
官网配置项参数文档系列列表。每个系列通过 type 决定自己的图表类型。（通俗的理解：图标数据，指定什么类型的图标，可以多个图表重叠。直角坐标系grid中的 x 轴。坐标轴两边留白策略 true，这时候刻度只是作为分隔线，标签和数据点都会在两个刻度之间的带(band)中间。直角坐标系 grid 中的 y 轴。直角坐标系内绘图网格。标题组件。提示框组件。图例组件。==color == 调色板数据堆叠 同个类目轴上系列配置相同的stack值后 后一个系列的值会在前一个系列的值上相加。
2023-12-18 15:17:24
832
1
原创 数据可视化ECharts 的简介及其基本使用
ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。兼容性强，兼容当前绝大部分主流浏览器；并能提供很多常用图表，且可定制。ECharts 是一个JS插件。可流畅地运行于PC与移动设备。
2023-12-16 23:30:00
664
原创 Git常用命令，配合GitHub的使用技巧
举个例子，A，B两人都在做同一个项目，但是不同的模块，这个时候A新建了一个分支a，B新建了一个分支b，这样A、B做完的代码的改动都在各自的分支上面，互不影响，等到两人都把各自模块做完了，最后再统一把分支合并起来。我们在客户端开发的时候经常有版本的概念，比如v1.0、v1.1之类的，不同的版本肯定对应不同的代码，所以我们一般要给我们的代码加上标签，这样假设v1.1版本出现bug，但是不知道v1.0是不是有相同的bug，有了版本标签就可以顺利切换v1.0版本的代码了。这个时候a分支的代码就合并过来了。
2023-12-15 19:20:16
906
原创 注册登录 以及携带token
简单来说，就是把要做的事情，封装成一个接口，例如：自动售货机，投入硬币进去，就可以出来东西。6、后端判断请求头中有无token的情况，①有token时，就拿到token并验证token，验证成功就返回数据，验证失败（例如：token过期）就返回401，②请求头中没有token，也返回401。4、前端每次跳转路由，就判断 localStroage 中有无 token ，没有就跳转到登录页面，有则跳转到对应路由页面。2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token。
2023-05-26 06:17:02
831
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人