- 博客(30)
- 收藏
- 关注
RSS订阅原创 juvascript时间处理
input type="text" placeholder="请输入姓名" name="name1">// 1.onsubmit input表单的type类型为submit button按钮可以触发。// 3.input.onchange 当输入框的内容和上一次内容不一致的时候触发。// 4.input.oninput 当输入框的内容发生改变的时候触发 实时触发。
2022-10-30 23:09:24
104
1
原创 正则对象和DOM
DOM：document Object Model 文档对象模型，提供了一些api方法来操作html文档API：应用程序在js中预先定义好的而一些函数(方法)
2022-10-26 21:35:33
124
原创 数组对象和正则对象
{ "name": "高珂俊", "age": 24, "date": "1998-10-1" },{ "name": "朱顺杰", "age": 15, "date": "2007-3-15" },{ "name": "高珂俊", "age": 24, "date": "1998-10-1" },{ "name": "朱顺杰", "age": 15, "date": "2007-3-15" },{ "name": "朱顺杰", "age": 15, "date": "2007-3-15" },
2022-10-25 21:35:09
436
原创 函数返回值
定时器id：每一个定时器在开启的时候都会返回一个唯一能标识当前定时器的id，id是从1开始的。reutrn除了有返回值的作用 还是有结束函数的作用 所以把return放在函数的最后。语法：clearTimeout(定时器id) clearInterval(定时器id)window.getComputedStyle(标签).样式名。语法：setInterval(function函数,时间)语法：setTimeout(function函数,时间)函数外想要使用函数内部的变量的时候。
2022-10-19 20:11:55
887
原创 自定义索引
这是第1个li标签这是第2个li标签这是第3个li标签这是第4个li标签这是第5个li标签这是第6个li标签这是第7个li标签这是第8个li标签这是第9个li标签这是第10个li标签
2022-10-18 21:37:07
152
原创 for循环
3.4.1什么是属性什么是属性:存在开始标签上 属性名=属性值 例如class="box" id="wrap"固有属性：系统给定的属性 例如 class id style href src自定义属性:程序员自己定义的属性3.4.2设置和获取自定义属性如何设置和获取自定义属性
2022-10-17 20:41:17
99
原创 数据类型的转换
=总结：Number方法可以转换的：string类型(纯数字、""-0 " "-0)、boolean类型(true-1,false-0)、null(0) 其他都是NaN==parseInt(要转换的数据):将数据转换为number类型，从左往右开始转换，遇到不能转换的或者末尾结束，如果一开始就不能转换则是NaN，结果取整(舍弃小数)parseFloat(要转换的数据)：将数据转换为number类型，从左往右开始转换，遇到不能转换的或者末尾结束，如果一开始不能转换则是NaN，结果保留小数。
2022-10-13 20:18:27
350
原创 JS交互
string字符串:引号引起来的都是字符串 ("" '')，==所有从页面中获取的聂荣都是字符串类型==object 对象类型 {'name':'李四',age:20}数据类型:根据数据的特征，功能分为不同的数据类型 不同的数据类型有不同的操作。string 字符串类型 "123" "1000" '123'相同点:都可以获取标签内容 都可以设置标签内容，设置的时候 两者都会重写。语法：typeof(检测的数据) typeof 检测的数据。==innerText和innerHTML的区别==
2022-10-12 22:01:09
61
原创 JavaScript
HTML--超文本标记语言---结构CSS---层叠样式表-----样式js---js脚本语言---网站交互==基于对象和事件驱动的解释性脚本语言==基于对象：JavaScript 是一种基于对象的语言，这意味着它能运用自己已经创建的对象，因此，许多功能可以来自脚本环境中对象的方法与脚本的相互作用。事件驱动：JavaScript 可以直接对用户或者客户输入做出响应，无须经过 web 服务器，它对用户的响应，以事件驱动的方式进行。解释性解释性：可以直接识别，读一行执行一行。
2022-10-12 21:57:29
260
原创 css3基础
是css技术的升级版本，在css2的基础上，新增了许多特性，弥补了css2的不足，使web页面的开发变得更加高效、便捷css3按模块化进行设计，比较重要的css3模块包含、 选择器、框模型、背景和边框、文本效果、2D|3D转换、动画、多列布局、用户界面css3优点: CSS3是完全向后兼容，所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。...
2022-08-15 11:57:27
280
原创 、背景属性
backgrond: repeating-radial-gradient(渐变形状/圆心, 颜色1 范围1, 颜色2 范围2, ...);背景被裁剪到边框区域，在内容区、内填充区、边框区域显示，默认值。column-rule-color属性：关键词、十六进制色值、rgb(r,g,b)、rgba(r,g,b,a)background: linear-gradient(方向, 颜色1 范围1, 颜色2 范围2,...);颜色：关键词、十六进制色值、rgb(r,g,b)、rgba(r,g,b,a)...
2022-08-15 11:51:44
56
原创 移动端布局方案
流式布局是宽度使用百分比代替固定宽度px，高度大多使用px来固定，因此在大屏幕手机下显示的效果会变成页面元素的宽度被拉长，高度和原来保持一致。3.按照PC端布局方式正常布局，将px单位改为rem单位（较小 的长度比如1px的边框就不需要转换成rem,直接设置px）rem是指相对于根元素的字体大小的单位，即根据html元素的font-size来计算大小。1、实际显示的效果不友好,屏幕越大，宽度被拉的很长，容易变形。rem是css3新增单位，它是相对于根元素的字号大小的单位。可以很好的来解决自适应的问题。...
2022-08-08 22:13:02
181
原创 前端，移动端项目
视口简单来说就是浏览器显示页面内容的区域。视口：浏览器显示内容的屏幕区域，相当于PC端浏览器可视区 (白板区域)在PC端，正常的视口宽度就是整个浏览器的窗口可视区的宽度，会随着浏览器窗口大小的重置而缩放；...
2022-08-08 22:09:09
471
原创 弹性盒子，属性
自动分配距离，元素位于各行之前、之间、之后都留有空白空间, 中间的间距是两端间距的两倍,平均对齐，元素位于各行之前、之间、之后都留有空白空间， 行间距自动分配 间距相等。align-self属性：调整自身在侧轴的对齐方式，弹性容器中被选中子项的对齐方式（设置在子元素中）align-content属性：折行,行与行之间有间隙,去除间隙 （去掉了中间的间隙）align-content: flex-start;...
2022-08-08 13:36:11
112
原创 表单属性和表单元素
min、max、step属性 最小值、最大值、合法的数字间隔 用于包含数字的input类型，规定数值范围，如:input的number类型等 <input type="number" step="2" min="4" max="10"> placeholder属性 设置文本域的提示信息，当用户开始输入内容，提示信息会消失 autocomplete属性 设置表单是否启用自动完成功能，可以加在form标签、input标签中 在input标签中name属性...
2022-08-02 20:24:36
313
转载 圣杯布局基础
圣杯布局和双飞翼布局一直是前端面试的高频考点，圣杯布局的出现是来自由 Matthew Levine 在 2006 年写的一篇文章 《In Search of the Holy Grail》。 比起双飞翼布局，它的起源不是源于对页面的形象表达。在西方，圣杯是表达“渴求之物”的意思。而双飞翼布局则是源于淘宝的UED，可以说是灵感来自于页面渲染。效果图 原本录制了一个小视频，奈何不能上传到博客中，视频中通过缩放页面可以发现随着页面的宽度的变化，这三栏布局是中间盒子优先渲染，两边的盒子框子宽度固定不
2022-07-30 21:56:49
108
原创 圣杯布局和双下翼布局
圣杯布局和双下翼布局区别(1） 圣杯布局：通过设置padding t中间栏给两边腾出位置：（存在一个最小宽度问题：由于设置了相对定位所以当left原来的位置和right的位置产生重叠时，由于浮动的原因一行放不下就会换行，所以minwidthleft-width * 2 + right-width)(2） 双飞翼布局：避免了上面的问题，给中间栏目加了一个内容层，通过给内容层设置margin， 保持中问栏不变，让内容部分给两边腾开位置：(不能给中间栏目设置margin力了中间栏目自适应卡宽
2022-07-30 16:41:06
117
原创 CSS属性
概述轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。轮廓（outline）属性指定元素轮廓的样式、颜色和宽度。可以设置的属性分别是（按顺序）outline-color,outline-style,outline-width。resizehorizontal;用户可以调整元素的宽度。resizevertical;用户可以调整元素的高度。resizeboth;用户可以调整元素的宽度和高度。esizenone;不允许用户手动调整元素的尺寸。...
2022-07-26 16:13:08
78
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人