前端
关注
分享
扫一扫
文章平均质量分 93
没有前端的展示和交互，后端的强大功能将难以被用户感知和使用。学完12章go基础之后。大前端也开始同步更新
chxii
这个作者很懒，什么都没留下…
展开
-
5.7.前端Web 容器
前端只是页面的展示和交互。需要后端控制业务逻辑的完整性、数据安全性及系统协同性。场景示例：用户A只能查看本部门数据，用户B可查看全公司数据场景示例：订单金额超过 1 万元需二次审批场景示例：电商库存扣减防止超卖后端为前端构建了安全、稳定、可扩展的数据交互环境。实际开发中，分为有 Web 容器的语言（php，java）和无 Web 容器的语言（Node.js、Go学习上，无 Web 容器的语言 相对会更好一点。类别定义典型语言/框架。原创 2025-04-06 07:30:00 · 402 阅读 · 0 评论 -
5.6js操作BOM(定时器，localStorage，AJAX )
定义JSONP 是一种非官方的跨域数据交互协议，通过动态创建<script>标签绕过浏览器同源策略限制，实现跨域请求实现利用<script>标签的src属性可跨域加载资源的特性。客户端预定义回调函数，服务端返回数据时包裹在此函数中。浏览器解析并执行脚本，触发回调函数处理数据// 客户端（浏览器）}}// 定义回调}}// 发起请求//服务器需要返回的字符串综合小项目（动态新增修改删除表格）。下载地址。原创 2025-04-03 08:00:00 · 1267 阅读 · 0 评论 -
5.5js操作BOM(navigator ,Location,History )
navigator是浏览器对象模型（BOM）的核心接口之一，用于获取用户浏览器、操作系统及设备信息。它通过全局对象访问，所有现代浏览器均支持此对象主要作用检测浏览器类型、版本及兼容性获取用户操作系统和语言设置访问设备硬件（如摄像头、麦克风）管理地理位置、网络状态等高级功能Location 对象是 BOM（浏览器对象模型）的核心接口之一，属于window对象的属性，用于表示当前页面的 URL 信息，并支持动态修改 URL 或导航到新页面。原创 2025-04-04 07:30:00 · 1008 阅读 · 0 评论 -
5.3DOM核心事件
是 JavaScript DOM 事件模型的核心机制之一，指事件从触发的最深层元素（目标元素）利用事件冒泡，在父元素上监听子元素事件，减少内存占用。适用于动态添加元素场景。限制高频事件（如滚动、窗口调整）的触发频率，提升性能。（无需等待图片/CSS）时触发，适合快速初始化交互。窗口大小变化时触发，常用于。移除监听器，避免内存泄漏。触发，常用于初始化操作。监听页面滚动行为，实现。原创 2025-04-03 06:45:00 · 721 阅读 · 0 评论 -
5.4js操作CSS样式
在CSS中定义变量，通过JavaScript动态修改变量值，实现全局样式控制。原创 2025-04-04 07:00:00 · 730 阅读 · 0 评论 -
5.2dom事件
特性同步加载（默认）异步加载（asyncdefer加载行为阻塞 HTML 解析和渲染，直到脚本下载并执行完毕不阻塞 HTML 解析和渲染，脚本下载与页面解析并行进行执行时机下载完成后立即执行async：下载完成后立即执行defer：HTML 解析完成后按顺序执行执行顺序按照<script>标签在 HTML 中的顺序依次执行async：取决于下载完成的顺序defer：按照<script>标签的顺序适用场景适用于需要严格顺序执行且不介意阻塞页面加载的脚本。原创 2025-04-02 10:00:00 · 647 阅读 · 0 评论 -
5.1.document
方法/属性描述根据元素的id获取元素。根据class获取元素集合。根据标签名获取元素集合。根据 CSS 选择器获取第一个匹配的元素。根据 CSS 选择器获取所有匹配的元素集合。创建一个新的元素节点。创建一个新的文本节点。将节点添加到父节点的子节点列表末尾。在参考节点之前插入新节点。设置元素的属性值。获取元素的属性值。直接设置元素的 CSS 样式。添加事件监听器。移除事件监听器。获取或设置文档的标题。获取文档的<body>元素。获取文档的<head>元素。获取文档的根元素<html>。原创 2025-04-02 07:15:00 · 718 阅读 · 0 评论 -
5.DOM文档对象模型
DOM 的全称是 （文档对象模型）。DOM 是一种编程接口，用于在 Web 浏览器中动态地访问和操作 HTML 和 XML 文档的结构、内容和样式。通过 DOM，开发者可以使用 JavaScript 等脚本语言来修改网页的内容、结构和样式，实现动态交互效果。在 JavaScript 中，DOM 节点（Node）是所有 DOM 对象的基础。不同的 DOM 继承自Node类，并扩展了特定的功能。提供事件处理能力，多个 DOM 类（如NodeElementDocument等）都继承了类。Node。原创 2025-04-01 08:45:00 · 1058 阅读 · 0 评论 -
4.11js正则表达式
预定义类描述等价于任意字符[^\n]\d数字[0-9]\D非数字[^0-9]\w单词字符\W非单词字符\s空白字符\S非空白字符。原创 2025-04-01 08:00:00 · 1015 阅读 · 0 评论 -
4.10js包装类
虽然可以通过包装类为原始类型“添加”方法，但这通常不推荐，因为这会导致全局作用域的污染和不可预期的行为。// 不推荐的做法// 'olleH'// 但这种方式可能引发问题，尤其是在大型项目中JavaScript 的包装类提供了一种机制，使得原始类型可以像对象一样拥有方法和属性。主要包装类包括StringNumber和Boolean。虽然在日常开发中，开发者通常直接使用原始类型并依赖于自动装箱来调用方法，但理解包装类的工作原理有助于更深入地掌握 JavaScript 的类型系统和内部机制。原创 2025-03-31 08:30:00 · 917 阅读 · 0 评论 -
4.8js数组
类型Math是一个内置对象，提供各种数学相关的函数和常量。无需实例化：可以直接通过或的方式使用。Math。原创 2025-03-30 10:00:00 · 1143 阅读 · 0 评论 -
4.7js调试
JavaScript 中的this**new绑定**：使用new关键字调用构造函数时，this指向新创建的对象。显式绑定：通过callapply或bind显式指定this的值。隐式绑定：作为对象的方法调用时，this指向调用该方法的对象。默认绑定：在非严格模式下，this指向全局对象；在严格模式下，this是undefined。// 1. new 绑定// 输出: foo {}// 2. 显式绑定// 输出: { foo: [Function: foo] }原创 2025-03-30 07:15:00 · 951 阅读 · 0 评论 -
4.6js面向对象
JavaScript 的原型链继承是其核心特性之一，理解原型链对于掌握 JavaScript 的面向对象编程至关重要。在 JavaScript 中，每个对象都有一个内部属性 （可以通过 或 访问），它指向该对象的原型。原型本身也是一个对象，因此它也有自己的原型，这样就形成了一个链式结构，称为原型链。解析： 是一个构造函数， 是它的原型对象。 当调用 时，会创建一个新对象 ，并将 指向 。 当调用 时， 自身没有 方法，因此 JavaScript 会沿着原型链查找，最终在 上找原创 2025-03-27 14:34:09 · 1071 阅读 · 0 评论 -
4.5js函数Function下
函数名以大写字母开头。使用this关键字来定义对象的属性和方法。示例：。原创 2025-03-29 09:00:00 · 656 阅读 · 0 评论 -
4.4js对象
特性内建对象宿主对象自定义对象来源JavaScript 语言本身定义运行环境（浏览器、Node.js 等）提供开发者根据需求创建标准化遵循 ECMAScript 标准，跨环境一致可能因环境不同而异，部分遵循 ECMAScript完全由开发者定义，不受标准限制可用性在所有支持 ECMAScript 的环境中均可用依赖于具体运行环境仅在开发者定义的上下文中可用示例ArrayStringDateMath等windowdocumentfetchfs等PersonCarUser等。原创 2025-03-28 10:00:00 · 592 阅读 · 0 评论 -
4.3js流程控制
处理异常，但流程控制中较少直接使用，更多用于错误捕获。JavaScript通过。原创 2025-03-25 15:09:45 · 693 阅读 · 0 评论 -
4.5js函数Function上
函数是对象的一种特殊类型。每个函数都是Function类型的实例，因此函数具有对象的特性，如拥有属性和方法。同时，函数也是可调用的对象，可以通过函数名后加括号来执行函数体内的代码。JavaScript中的是一种创建函数对象的方式。它接受一定数量的字符串参数，最后一个参数是函数体，前面的参数是函数的参数名。这里给出一个简单的例子来说明如何使用尽管可以用来创建函数，但它有一些潜在的问题：可读性和维护性：当使用大量的字符串参数来创建函数时，代码的可读性和可维护性会受到影响。性能：使用。原创 2025-03-29 08:15:00 · 1211 阅读 · 0 评论 -
4.2js运算符
js 运算符原创 2025-03-28 07:30:00 · 1635 阅读 · 0 评论 -
4.2.1js字符串基本操作
字符串。原创 2025-03-23 12:31:20 · 915 阅读 · 0 评论 -
4.1js基本语法
3、不能把关键字、保留字、true、false和Null作为标识符。1、第一个字符必须是一个字母、下划线(_)或一个美元符号($)2、其它字符可以是字母、下划线、美元符号或则数字。字面量是直接在代码中书写的具体值，不可被修改，分为。类型基于 IEEE 754 双精度浮点数标准，。这是由二进制和十进制进制的差异导致的。JavaScript 中，。被视为完全不同的标识符。JavaScript 的。，不可变性是其核心特性。原创 2025-03-27 10:00:00 · 522 阅读 · 0 评论 -
4.js开始
JavaScript（简称 JS）是一种动态、弱类型、脚本语言，最初设计用于增强网页交互性，现已成为全栈开发的核心技术之一。1995年：由 在 10 天内为 Netscape 浏览器开发，原名 Mocha，后来更名为 LiveScript。由于Netscape公司与Sun公司（Java语言的发明者和所有者）合作，Netscape高层希望这种语言能够看上去像Java，因此将其命名为JavaScript。原创 2025-03-27 07:00:00 · 1717 阅读 · 0 评论 -
3.9css Flex布局和媒体查询
媒体查询是响应式设计的核心技术，通过检测设备特性（如屏幕宽度、设备类型等）动态适配CSS样式。多行内容在交叉轴的对齐方式（类似。原创 2025-03-26 10:30:00 · 1349 阅读 · 0 评论 -
3.8 css过渡和动画，多列布局
css过渡和动画，多列布局 2. **** 作用：控制动画持续时间 取值：原创 2025-03-26 08:30:00 · 528 阅读 · 0 评论 -
3.7css渐变，字体，旋转
渐变，字体图标，（旋转、缩放、平移、倾斜）原创 2025-03-25 11:00:00 · 1681 阅读 · 0 评论 -
3.6css背景和边框
css背景和边框 background border-radius原创 2025-03-25 08:30:00 · 907 阅读 · 0 评论 -
3.5css定位
CSS 定位 文字属性原创 2025-03-24 08:00:00 · 1169 阅读 · 0 评论 -
3.4css样式继承与浮动
CSS 样式继承 浮动详解。原创 2025-03-22 09:30:00 · 860 阅读 · 0 评论 -
3.3css盒模型
父元素的。原创 2025-03-22 08:30:00 · 793 阅读 · 0 评论 -
3.2css列表和表格属性
css列表和表格属性原创 2025-03-21 09:00:00 · 1907 阅读 · 0 评论 -
3.1css选择器优先级和常用文本属性
CSS 选择器优先级 文本属性。原创 2025-03-21 07:45:00 · 694 阅读 · 0 评论 -
3.css开始
css介绍 CSS的引入方式 css选择器 css伪类 css伪元素原创 2025-03-20 09:00:00 · 950 阅读 · 0 评论 -
2.3.html标签4
HTML 标签原创 2025-03-20 08:00:00 · 733 阅读 · 0 评论 -
2.3.html标签4
html标签 表单标签 iframe标签 字符实体原创 2025-03-19 08:00:00 · 660 阅读 · 0 评论 -
2.2.html标签3
html标签 链接标签 列表标签 表格标签原创 2025-03-18 09:00:00 · 956 阅读 · 0 评论 -
2.1.html标签2
p标签不能嵌套其他块标签（标题标签：h1、h2、h3、h4、h5、h6段落标签：p列表标签：ul（无序列表）、ol（有序列表）、li（列表项）div、section、article、aside、nav、header、footer、form、table等）Heading标签也叫做H标签，HTML语言里一共有六种大小的heading 标签，是网页html 中对文本标题所进行的着重强调的一种标签，以标签<h1>、<h2>、<h3>到<h6>共有六对，文字从大到小，显示重要性依次递减，也就是权重依次降低。原创 2025-03-18 08:00:00 · 882 阅读 · 0 评论 -
2.html标签1
html标签原创 2025-03-17 08:00:00 · 973 阅读 · 0 评论 -
1.前端篇开始
前端介绍原创 2025-03-16 09:30:00 · 1030 阅读 · 0 评论