- 博客(12)
- 收藏
- 关注
RSS订阅原创 node.js基础(1)
一、概念，特点一个基于Chrome V8 引擎的 JavaScript 运行时，底层采用c++语言，使用事件驱动，单线程，支持高并发，不擅长cpu密集型处理二、模块1、pathpath.join() : 将所有给定的path片段连接在一起，不一定是绝对路径path.resolve() : 连接成绝对路径2、urlurl.parse() ：将url解析成对象url.format(): 将url对象解析成url地址字符串url.resolve() : 将两端url片段组合..
2021-10-11 19:27:15
97
原创 3d&动画
1、近大远小 景深程序中实现的方法 perspective 元素距离 视线的距离（物体和眼睛的距离越小，近大远小的效果越明显）perspective: 1200px;（在父元素中使用）transform:perspective(1200px) （在子元素中使用）2、3dtransform-style：preserve-3d：给父级加1）：3D位移 transform:translate3d(tx,ty,tz) transform:translateZ(t)2）：3...
2021-07-29 19:17:20
129
原创 渐变&2D
1、渐变1）线性渐变background: linear-gradient（方向，颜色一，颜色二）2）径向渐变background: radial-gradient(center, shape, size, start-color, ..., last-color);center：渐变起点的位置，可以为百分比，默认是图形的正中心。shape：渐变的形状，ellipse表示椭圆形，circle表示圆形。默认为ellipse，如果元素形状为正方形的元素，则ellipse和circle
2021-07-28 21:10:11
95
原创 html5基础
1、语义化标签section元素 表示页面中的一个内容区块 div header元素 表示页面中一个内容区块或整个页面的标题nav元素 表示页面中导航链接部分article元素 表示一块与上下文无关的独立的内容aside元素 在article之外的，与article内容相关的辅助信息footer元素 表示页面中一个内容区块或整个页面的脚注figure元素 表示一段独立的流内容，使用figcaption元素为其添加标题(第一个或最后一个子元素的位置)main元素 表示页面...
2021-07-26 19:57:04
103
原创 高级表单表格与BFC
1、高级表单应用1）、表单字段集语法：<fieldset></fieldset>说明： 相当于一个方框，在字段集中可以包含文本和其他元素。该元素用于对表单中的元素进行分组并在文档中区别标出文本。fieldset元素可以嵌套，在其内部可以在设置多个fieldset对象。disabled定义空间禁制可用；2）、字段级标题语法：<legend align="left/right/center/justify"></legend>说明： leg
2021-07-23 20:07:19
74
原创 宽高自适应
1、自适应（1）宽度自适应 元素宽度设置为100%。（块元素宽度默认为100%）元素脱离文档流（浮动或绝对定位）可使元素自适应内容宽度（2）高度自适应 元素的高度自适应： 设置如： div {height : auto;} 2、属性min-height（最小高度）max-height(最大高度)min-width(最小宽度)max-width(最大宽度)3、过滤器1）_ ：下划线属性过滤器当在一个属性前面增加了一个下划线后，由于符合标准的浏览器不能识...
2021-07-22 20:19:26
169
原创 定位于锚点
1、定位：position1）属性：static：默认值。位置设置为 static 的元素会正常显示，它始终会处于文档流给予的位置（static 元素会忽略任何 top、bottom、left 或 right 声明）。relative：是相对于默认位置的偏移定位，通过设置left、top、right、bottom值可将其移至相对于其正常位置的地方（相对于自己的开始的位置发生的位置上的移动，【不会破坏正常的布局流】absolute：相对于父级元素的绝对定位，浮出、脱离文档流，它不占据空间，就是
2021-07-21 18:45:09
128
原创 文本溢出与元素类型
1、文本溢出主要属性：1）overflow hidden：隐藏隐藏超出框架的文本2）overflow auto：自动如果内容被修剪，则浏览器会显示滚动条，以便查看其他的内容3）text-overflow: clip / ellipsisclip：不显示省略号（...），而是简单的裁切;ellipsis：当对象内文本溢出时，显示省略标记；如要出现省略号，还需具备一下条件容器宽度：width：value；（px、%，都可以）强制文本在一行内显示:white-spac.
2021-07-20 19:18:39
67
原创 盒模型&边框属性
一、盒模型1、作用：规定元素位置2、属性（1）、padding：填充（会使盒子撑大，要是想保证盒子大小不变，应在样式里减小相应的尺寸）（2）、margin：外边距（不会使盒子增大）（3）、border：边框（4）、content：元素本身3、计算方式自身大小：content+padding+border实际大小：content+padding+border+margin二、边框属性1、border-color：边框颜色2、border-width：边框大小
2021-07-16 19:26:45
1226
原创 css基础与浮动
今天我们再来学习一下一些css基础与有关浮动的知识一、鼠标移入：hover1、改变自己：选择器：hover{}2、通过父级改变子集：父级选择器：hover 子级选择器{}二、css基础1、权重：四位数字表示标签选择器 1id选择器 100class选择器 10包含选择器 相加群组选择器 各自计算通配符 0伪类选择器 10行内样式表 10002、层叠性（1）每一个元素都可以有多个选择器（2）选择器中的声明冲突的时候...
2021-07-15 19:16:16
77
原创 表单与css基础
今天与大家分享一下表单与css基础一、表单1、表单的作用：用来收集用户信息2、表单框 ： <form name=“表单名称” method=“post/get” action=“路径"> </form>3、表单控件： <input type="" />4、说明：Input：标记可以创建按钮、文本输入框、选择框等各种类型的输入字段。name：属性标识表单域的名称；type：属性标识表单控件的类型，大概有十几种；Value：属性定义表单域.
2021-07-14 19:07:10
141
原创 HTML基础知识
今天跟大家分享一下一些HTML的基础知识1、html文档的基本结构：2、HTML标记的语法(1)、注：没有h7哦（2）、字体标记<p></P>：段落标记，标识一个段落。<i></i>或<em></em>：设置文本字体的倾斜效果<b></b>或<strong></strong>：设置字体的加粗效果<u></u>：设置文本
2021-07-14 10:50:13
92
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人