📄🦌🙌🐟🏖️
苏叶的belog
Where there is a where there is a way
随机文章
按住 Shift 横向滚动
热门文章
按住 Shift 横向滚动
正则表达式

正则表达式

正则表达式(Regular Expression)是用于匹配字符串中字符组合的模式,在JavaScript中作为对象使用,常用于文本的查找、替换和提取,如表单验证、敏感词过滤等。其语法分为两步:定义规则(`/表达式/`)和查找(`test()`判断是否匹配,`exec()`检索匹配结果)。元字符包括:边界符(`^`开头,`$`结尾)、量词(如`*`、`+`、`?`、`{n,m}`控制重复次数)、字符类(`[]`匹配集合,`[^]`取反)、预定义类(如`\d`数字,`\w`字母数字下划线,`\s`空格)。修饰符`i`忽略大小写,`g`全局匹配,常用`replace`方法进行替换。正则表达式极大提升了文本处理的灵活性和效率。

本地存储

本地存储

随着互联网发展,网页应用需在本地存储大量数据。HTML5提供了localStorage与sessionStorage两种解决方案,数据存储在用户浏览器中,容量约5MB,页面刷新不丢失。localStorage可永久存储,多窗口共享,键值对且只能存储字符串;sessionStorage生命周期为关闭浏览器窗口,仅同一窗口内共享。两者语法相同:setItem存储、getItem获取、removeItem删除。对于复杂数据类型,需先用JSON.stringify转换为JSON字符串再存储,取出时用JSON.parse还原。

Window对象

Window对象

BOM(浏览器对象模型)以`window`对象为核心,提供操作浏览器的属性和方法。`var`定义的全局变量会自动成为`window`属性。定时器`setTimeout`用于延迟执行一次回调,可通过`clearTimeout`清除。JS是单线程语言,通过同步与异步任务(如事件、定时器)解决阻塞问题,执行机制为先执行同步栈,再从任务队列读取异步任务,形成事件循环。`location`对象管理URL,常用属性包括`hash`(哈希值)、`search`(查询参数)、`href`(完整地址),`reload`可强制刷新。`navigator`对象记录浏览器信息,通过`userAgent`可检测平台并实现跳转。`history`对象控制浏览历史,提供`back()`、`forward()`和`go(参数)`方法实现前进后退功能。

节点操作

节点操作

一,DOM节点 DOM节点:DOM树里面的每一个内容都叫dom节点 节点类型: 元素节点 所有的标签,比如body,div html是根节点 属性节点 所有的属性,例如href 文本节点 所有的文本 其他 二,查找节点

日期对象

日期对象

一,实例化 日期对象:用来表示时间的对象 作用:可以得到当前系统时间 在代码中发现了new关键字时,一般将这个操作称为实例化。 创建一个时间对象并获取时间 获取当前时间 const date = new Date() 获取指定时间 const date = new Date('2008-8-8')

事件

事件

一,事件监听 1.1 事件监听概述 什么是事件? 事件是在编程时系统内发生的动作或者发生的事情 比如用户在网页上单击一个按钮 什么是事件监听? 就是让程序检测是否有事件产生,一旦有事件触发,就立即调用一个函数做出响应,也称为 绑定事件或者注册事件 比如鼠标经过显示下拉菜单,比如点击可以播放轮播图等等

操作dom

操作dom

一,声明变量const优先 const 优先,尽量使用const,原因是: const 语义化更好 很多变量我们声明的时候就知道他不会被更改了,那为什么不用 const呢? 实际开发中也是,比如react框架,基本const 涉及基本数据类型的可以用let,例如循环里面 涉及引用数据类型的一定能够要

JS基础

JS基础

### 摘要 本文介绍了JavaScript的基础知识。JavaScript是一种运行在客户端的编程语言,用于实现网页交互、表单验证、数据交互及服务端编程,由ECMAScript(核心语法)和Web APIs(DOM与BOM)组成。变量声明方式有`var`、`let`和`const`,推荐使用后两者。数据类型分为基本类型(number、string、boolean、undefined、null)和引用类型(object)。运算符包括算术、赋值、比较、逻辑等。流程控制有分支语句(if、三元、switch)和循环语句(while、for)。数组提供`push`、`pop`、`map`、`filter`等操作方法。函数支持常规声明、表达式、箭头函数、闭包等。对象是键值对集合,可通过字面量或`new Object()`创建,并支持`Object.keys()`等方法。此外还介绍了Map集合(键可为任意类型)、内置对象(String、Number、Math、Date、RegExp、JSON、Symbol)等。

响应式网页

响应式网页

一,引言 响应式网页就是一套代码适配多个屏幕,实现方法: 媒体查询: @media(条件){ html{ background-color: green; } } Bootstrap框架 针对媒体查询的写法,我们只需要了解即可,主流的都是通过类似于Bootstrap

CSS移动端适配

CSS移动端适配

一,屏幕分辨率 屏幕分辨率:纵横向上的像素点数,单位是px PC分辨率: 1920 * 1080 1366 * 768 缩放150%: 1920/150% 1080/150% 总结: 硬件分辨率:物理分辨率(出厂设置的) 缩放调节的分辨率:逻辑分辨率(软件/驱动设置的) 写网页参考的是逻辑分辨率 二

© 2026 苏叶的belog