前端
文章平均质量分 73
Jack丶空
这个作者很懒,什么都没留下…
展开
-
JavaScript-本地存储
数据存储在用户浏览器中设置,读取方便,甚至页面刷新不会丢失数据容量大,sessionStorage和localStorage约5M左右常见使用场景:页面刷新数据不会丢失localStorage特性:语法:存储数据:获取数据:删除数据:sessionStorage:特性:需要将复杂数据类型转换成JSON字符串,在存储到本地语法:复杂数据类型===> JSON字符串JSON字符串===>复杂数据类型字符串拼接新思路利用map()和join()数组方法实现字符串拼接可以遍历数组,处理数据,并返回新的数原创 2024-02-03 17:40:32 · 397 阅读 · 0 评论 -
JavaScript-Window对象
BOM:浏览器对象模型。原创 2023-12-10 15:12:39 · 800 阅读 · 0 评论 -
JavaScript-M端事件
了解M端常见事件移动端也有自己独特的地方。比如触屏事件touch(也称触摸事件),Android和IOS都有。原创 2023-12-10 15:10:18 · 377 阅读 · 0 评论 -
JavaScript-节点操作
DOM节点:DOM树里每一个内容都称之为节点。原创 2023-12-09 16:20:37 · 498 阅读 · 0 评论 -
JavaScript-APIs
标准属性:标签天生自带的属性,比如class, id, title, 等可以直接使用点击语法操作,比如:disabled,checked,selected在html5中推出来了专门的data-自定义属性在标签上一律以data-开头在DOM对象上一律以dataset对象方式获取< body > <!原创 2023-12-09 16:17:13 · 2094 阅读 · 0 评论 -
JavaScript-自定义属性
【代码】JavaScript-自定义属性。原创 2023-12-09 16:16:17 · 402 阅读 · 0 评论 -
JavaScript-日期对象
日期对象:用来表示时间的对象作用:可以得到当前的系统时间在代码中发现了new关键字时,一般将这个操作称为实例化创建一个事件对象并获取时间获得当前时间获得指定时间。原创 2023-12-06 09:29:25 · 425 阅读 · 0 评论 -
JavaScript-事件
事件流指的是事件完整执行过程中的流动路径。原创 2023-12-06 09:28:26 · 959 阅读 · 0 评论 -
JavaScript-事件监听
时间是在编程时系统内发生的动作或发生的事情,比如在网页上单机一个按钮就是让程序检测是否有事件产生。一旦有事件触发,就立即调用一个函数做出响应也称为绑定事件或注册事件。比如鼠标经过显示下拉菜单,比如点击可以播放轮播图等等。'click'functionlog'点击了按钮';</键盘事件const'input';'keydown'functionk//传入按下按下按键的对象log"键盘按下";//打印按下的按键;原创 2023-11-30 20:58:04 · 992 阅读 · 0 评论 -
JavaScript-对象
JavaScript里的一种数据类型,可以理解为一种无序的数据集合;用来描述某个事物。原创 2023-11-30 20:56:25 · 369 阅读 · 0 评论 -
JavaScript-函数
函数:是被设计成执行特定任务的代码块,函数可以把具有相同或相似逻辑代码包裹起来,通过函数调用执行这些被包裹的代码逻辑。这么做的优势是有利于精简代码,方便复用。原创 2023-10-03 11:39:46 · 46 阅读 · 1 评论 -
JavaScript-数组
数组是按顺序保存的,可以存放任意类型的数据,所以每个数据都有自己的编号;arr.unshift(元素1,元素2,…,元素n):将一个或多个元素添加到数组的开头,并返回该数组的新长度。,元素n):将一个或多个元素添加到数组的末尾,并返回该数组的新长度。arr.solice(操作的下标,删除的个数):删除定位置后的几个元素。arr.pop():从数组中删除最后一个元素,并返回该元素的值。arr.shift():删除数组中的第一个元素。更改数组元素:数组[下标] = 值。查询数组数据:数组[下标]原创 2023-10-02 15:15:07 · 40 阅读 · 0 评论 -
JavaScript入门
JavaScript是什么JavaScript的组成。原创 2023-10-01 16:35:26 · 35 阅读 · 0 评论 -
BootStrap5
使用Bootstrap框架快速开发响应式网页,Bootstrap是由Twitter公司开发维护的前端UI框架,他提供了大量编写好的CSS样式,允许开发者结合一定HTML结构以及Javascript,快速编写功能完善的网页及常见交互效果首页—>Bootstrap3中文文档—>下载Bootstrap—>下载基于生产环境的Bootstrap引入到HTML文件。在相应的标签上引入类名即可。原创 2023-09-28 21:27:44 · 133 阅读 · 0 评论 -
响应式布局
当视口从小到大发生变化时,可以连续使用min-width 依次控制窗口,但min-width的数值也要从小到大。 媒体是用来区分设备类型的,如屏幕设备,打印设备等,其中手机,电脑,平板都属于屏幕设备。 媒体特性主要用来描述媒体类型的具体特征,如当前屏幕的宽高,分辨率,横屏或竖屏等。==媒体类型:==能够根据设备宽度的变化,设置差异化样式。==媒体特性:==能够根据设备宽度的变化,设置差异化样式。==关键词:==能够根据设备宽度的变化,设置差异化样式。原创 2023-09-24 11:37:33 · 102 阅读 · 0 评论 -
移动适配
由于移动设备的显示尺寸不同,所以我们的网页需要兼容各种尺寸的大小解决方案:rem:目前多数企业在用的解决方案 vw/vh:未来解决方案。原创 2023-09-23 15:51:00 · 128 阅读 · 0 评论 -
Flex布局
改变轴方向后,轴名依然不变,对齐属性依然根据轴名选择(主轴变换方向后,垂直居中用justify-content,水平居中用:align-items)Flex布局(弹性布局):是一种浏览器提倡的布局模型,布局网页更简单、灵活;space-around:将间距加在盒子的两侧,子级时间的距离是父级两头距离的2倍。当父级盒子小于子级盒子的总大小时,而且使用了flex弹性布局,此时子级盒子会被压缩。调整行的对齐方式:align-content (应用于父级)调节元素在主轴的对齐方式,在Flex布局模型中,调节。原创 2023-09-16 17:15:30 · 144 阅读 · 0 评论