JavaScript详解（一）

最新推荐文章于 2025-11-24 03:12:01 发布
原创 最新推荐文章于 2025-11-24 03:12:01 发布 · 338 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #前端

本文介绍了前端开发中常用的CSS预处理器SASS和LESS，SASS基于Ruby，功能强大但上手难度高，而LESS基于NodeJS，使用简单且在实际开发中足够。同时纠正了jQuery是一个库而非框架的误解，并概述了JavaScript的基本语法、数据类型、变量、对象、流程控制和面向对象编程的关键概念，适合后端人员了解前端知识。

目录标题

前端知识体系

常用的CSS预处理器有哪些
●SASS:基于Ruby,通过服务端处理，功能强大。解析效率高。需要学习Ruby语言，上手难度
高于LESS。
●LESS:基于NodeJS, 通过客户端处理，使用简单。功能比SASS简单，解析效率也低于
SASS,但在实际开发中足够了，所以我们后台人员如果需要的话，建议使用LESS。

在这里插入图片描述

jQuery 这里不是一个框架 这里手写有误！！！
它是一个库

可以参考
搜索
ant-Design

在这里插入图片描述

后端技术

在这里插入图片描述

什么是JavaScript

一个合格的后端人员 必须精通JavaScript

在这里插入图片描述

快速入门JavaScript

在这里插入图片描述

基本语法入门

浏览器控制台操作

在这里插入图片描述

数据类型

数据类型有
数值 文本 图形 音频 视频 等等

变量

Number

字符串

布尔值

逻辑运算符

在这里插入图片描述

扩展 NaN

浮点数问题

null和 undefined

数组

在这里插入图片描述

在这里插入图片描述

对象

严格检查模式 Strict

在这里插入图片描述

数据类型详解

字符串

在这里插入图片描述

数组

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

对象详解

在这里插入图片描述

在这里插入图片描述

流程控制

1 if 判断

2 while 循环 和 do while 循环 （避免程序死循环）

do while循环

3 for循环 （避免程序死循环）

在这里插入图片描述

在这里插入图片描述

4 forEach循环（重点！！）

5 for …in 循环

Map和Set

Map 集合

在这里插入图片描述

在这里插入图片描述

Set 集合

在这里插入图片描述

Iterator

for…of 循环

for…in循环的漏洞

在这里插入图片描述

在这里插入图片描述

函数及面向对象

参考搜索 廖雪峰 JavaScript

函数

绝对值 函数 function

在这里插入图片描述

在这里插入图片描述

arguments

rest

在这里插入图片描述

在这里插入图片描述

变量的作用域

局部变量

在这里插入图片描述

在这里插入图片描述

全局变量

全局对象 window

局部作用域let

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

常量 const

方法

在这里插入图片描述

在这里插入图片描述

内部对象

Date

JSON

在这里插入图片描述

在这里插入图片描述

Ajax

面向对象编程

什么是面向对象

在这里插入图片描述

在这里插入图片描述

面向对象Class继承

继承

原型链

在这里插入图片描述

在这里插入图片描述

操作BOM对象（重点）

Window（重要）

Navigator

Screen

location（重要）

在这里插入图片描述
在这里插入图片描述

document

history（不建议使用）

在这里插入图片描述

操作 Dom（特别重要）

在这里插入图片描述

在这里插入图片描述

更新Dom节点

在这里插入图片描述

在这里插入图片描述

删除 Dom节点

在这里插入图片描述

在这里插入图片描述

创建 和 插入Dom节点

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

JavaScript DOM 对象详解
xycxycooo的博客
07-16 1270
在 JavaScript 编程中，DOM（Document Object Model）是指文档对象模型，它提供了一组用于与 HTML 文档进行交互的对象。DOM 是一种跨平台的、独立于语言的接口，它将 HTML 或 XML 文档表示为一个树形结构，其中每个节点都是一个对象，代表文档的一部分（如元素、属性、文本等）。通过 DOM，开发者可以添加、删除、修改和查询文档中的元素和内容。通过本文的详细讲解，相信你已经对 JavaScript 中的 DOM 对象有了全面的了解。方法可以通过元素的标签名获取元素集合。
JavaScript详解[参照].pdf
10-11
JavaScript详解 JavaScript是一种轻量级的解释型编程语言，主要用于增强网页的交互性和动态功能。它的特点在于能够直接在浏览器中执行，无需预编译，为网页提供了实时响应用户操作的能力。JavaScript允许开发者创建...
JavaScript详解
热门推荐
weixin_48373085的博客
01-25 3万+
HTML对象，定时器，表单验证，正则表达式
JavaScript基础语法详解
ning的博客
12-17 1990
函数是一段可以重复使用的代码块。在 JavaScript 中，可以使用functionJavaScript 是一种功能强大的语言，它通过基础语法提供了丰富的功能，使得网页能够实现动态交互和复杂的逻辑处理。掌握这些基础语法是学习 JavaScript 的第一步，也是成为一名优秀前端开发者的基础。版权声明：本博客内容为原创，转载请保留原文链接及作者信息。参考文章JavaScript语法基础（超详细，看这一篇就够了）-优快云博客清华大学出版社-图书详情-《JavaScript 基础语法详解》
JavaScript闭包详解
w1404273025的博客
07-24 1197
JavaScript闭包详解
JavaScript 面向对象详解
LBJ辉的前端天地
08-09 5155
JavaScript面向对象
TypeScript和JavaScript区别详解
ning的博客
12-01 1600
TypeScript和JavaScript都是强大的编程语言，它们各自适用于不同的场景。TypeScript通过提供类型安全和其他高级功能，在大型项目或团队中特别有价值，因为它们有助于管理复杂性并减少运行时错误。而JavaScript适用于所有Web开发任务，特别是在小型项目或对类型系统要求不高的情况下。版权声明：本博客内容为原创，转载请保留原文链接及作者信息。参考文章TypeScript 与 JavaScript：你应该知道的区别TypeScript 与 JavaScript 有何不同？
JavaScript 数组【详解】
Jin_Xiang123的博客
12-25 4346
在JavaScript中，数组是一种特殊的对象，用于存储和操作多个值。与其他编程语言不同，JavaScript的数组可以同时存储不同类型的值，并且长度是动态的，可以根据需要随时添加或删除元素。JavaScript数组使用方括号([])来表示，其中的每个元素用逗号分隔。数组中的元素可以通过索引来访问和修改，索引从0开始。JavaScript也提供了一些内置方法来操作数组，如push()、pop()、shift()、unshift()等，用于添加、删除和修改数组中的元素。操作示例描述创建数组。
JavaScript数据类型详解
fanchen4139的博客
08-18 1424
JavaScript数据类型详解
JavaScript中Promise详解
whtis666的博客
06-06 3932
Promise
详解JavaScript的Math
公众号 @ 桃小瑞
03-13 1304
Math对象作为保存数学公式、信息和计算的地方。Math对象提供了一些辅助计算的属性和方法，在我们日常使用都是Math.ceil()、Math.round()等较多，本章节将对Math对象进行系列的详解
JavaScript触发器详解
12-11
可以在这一层之上增加一个表现层（CSS）和一个行为层（JavaScript），它们使网站看起来更漂亮，对用户更友好。这三层之间应该保持严格的分离。打个比方来说，应该具有这样的可能性：可以重写整个表现层而完全不需要...
JavaScript 继承详解（一）
10-29
JavaScript 继承详解（一） 在软件开发领域，面向对象编程是一种常见的编程范式，它以类和实例作为核心概念。对于熟悉C++、C#、Java等传统面向对象语言的开发者来说，类用于定义一组共享行为和属性，而实例则是类的...
Vue开发工具使用技巧
2509_93946471的博客
11-24 223
打开DevTools的"Events"标签页，所有组件间传递的事件都会按时间顺序列出来，连事件负载数据都能展开看详情。更绝的是，你还能手动触发事件——比如在父组件里模拟一个事件，直接测试子组件的响应逻辑，省得反复修改代码来调试。如果组件用了作用域插槽，可以在"Scoped Slots"子面板里实时查看slot传递的数据内容，比在模板里写调试代码清爽得多。路由调试经常被忽略。热重载调试时，如果发现修改代码后页面没及时更新，可以到DevTools的"Settings"里勾选"Log reloads"选项。
【基础】EGG.js 框架内置基础对象
林见鹿鸣
11-24 556
在。
SSM企业物资管理系统h3109(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上，文末可获取，系统界面在最后面
2509_93102542的博客
11-21 760
在技术实现上，国外多采用成熟的开发框架和技术架构，注重系统的安全性、稳定性和可扩展性，同时积极融入大数据、人工智能等新技术，实现物资需求预测、智能库存优化等功能。基于此，开发一套基于SSM框架的企业物资管理系统，整合部门、员工、物资及各类业务流程管理功能，实现物资管理的数字化、规范化和高效化，成为解决企业物资管理痛点的必然需求。本课题旨在开发一套基于SSM框架的企业物资管理系统，围绕部门、员工、物资信息、物资申请、消息提醒、物资归还、物资入库、意见反馈八大核心功能模块，实现企业物资管理的全流程数字化。
Vue网站
最新发布
2509_93947362的博客
11-24 100
给大家分享个实用技巧：组件通信时，简单的父子传参用props/$emit搞定，复杂场景就用Vuex，千万别为了省事滥用event bus，不然项目大了事件流会乱成麻花。以前写数据绑定总要搞一堆繁琐的DOM操作，现在一个双大括号{{data}}就能搞定，新手看了五分钟就能上手写页面。刚开始觉得小项目用Vuex太重量级，后来发现即便是最简单的购物车功能，随着业务复杂度的提升，最终还是得引入状态管理。特别是把相同业务逻辑抽离成composable函数后，在不同组件里直接引入就能用，代码复用率明显提升。
React社区
2509_93942966的博客
11-23 234
这种混乱中带着生命力的讨论，特别像早年中关村攒机市场——商家喊着不同配置的优劣，而真正懂行的玩家早就摸清了哪个方案最适合自己的项目。但有意思的是，无论工具链怎么变，React核心团队始终稳如老狗——他们宁可把并发特性在实验阶段晾三年，也不愿重蹈Angular断代升级的覆辙。组件库生态更是百花齐放。这种带着口音的技术交流，反而比标准教科书更能体现社区的活力。或许某天你写在Stack Overflow的答案，就会成为某个巴西程序员解决线上故障的关键——这种跨越时区的知识接力，才是技术社区最浪漫的部分。
一周精通JavaScript实例与原理详解
“全方位讲解JavaScript，一周把我Js的精髓”表明文档试图在较短的时间内（一周内）为读者提供全面的JavaScript学习体验，不仅包含基础知识，还包括一些高级技巧和最佳实践。这种压缩时间的学习方法强调快速上手和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值