- 博客(16)
- 收藏
- 关注
RSS订阅原创 JavaScript 的“世界模型”：深入理解对象 (Objects)
在 JavaScript 中，对象是一种复合数据类型，它允许我们将多个键值对 (key-value pairs) 组合在一起，用来描述一个实体（比如一个人、一辆车、一个订单）的特征和行为。这些是更现代、更推荐的方法，它们只关注对象自身的可枚举属性，并返回数组，可以方便地配合数组方法（如 forEach）或 for...of 循环使用。对象的属性值不仅可以是数据，还可以是函数！这种方式更灵活，方括号 [] 里面放的是一个字符串（或者能计算出字符串的表达式，比如变量），这个字符串就是你要访问的属性名。
2025-04-24 23:42:32
1668
原创 JavaScript 的“积木”：函数入门与实践
简单来说，函数是一段可以被重复调用（执行）的代码块。它通常会接收一些输入（称为参数），执行特定的任务，并可能返回一个输出（称为返回值）。就像一个榨汁机：你放入水果（输入/参数），它执行榨汁的操作（任务），最后得到果汁（输出/返回值）。在 JavaScript 中，主要有以下几种定义函数的方式：1. 函数声明 (Function Declaration)
2025-04-24 23:40:40
930
原创 JavaScript 进阶：玩转运算符与类型转换的“魔法”
今天我们学习了 JavaScript 中各种强大的运算符，它们让我们可以对数据进行计算、比较和逻辑组合。我们还深入了解了类型转换，特别是隐式转换的潜在陷阱以及如何使用显式转换来确保代码的健壮性和可读性。优先使用 === 和!== 进行比较。善用模板字面量 ` 处理字符串拼接和嵌入。理解 Truthy 和 Falsy 的规则。
2025-04-20 23:21:29
392
原创 JavaScript 启航：变量、数据类型与你的第一行代码
恭喜你！你已经成功迈出了学习 JavaScript 的第一步！JavaScript 的基本概念和运行环境。如何使用 console.log() 输出信息。如何使用 let 和 const 声明变量来存储数据。认识了 String, Number, Boolean, Undefined, Null 这五种基本数据类型。这只是冰山一角，但打好基础至关重要。多动手练习，尝试修改代码，看看会发生什么。
2025-04-20 23:20:36
481
原创 JSON：前端与后端沟通的“普通话”，你真的掌握了吗？
很多新手可能会顾名思义，认为 JSON 就是 JavaScript 对象。其实不完全是。本质： JSON 是一种纯文本的、轻量级的数据交换格式。关键词：文本格式、交换。它的主要使命是方便不同系统、不同语言之间传递信息。独立于语言： 虽然名字里带 "JavaScript"，但它实际上是独立于任何编程语言的。Python、Java、PHP、Ruby... 几乎所有主流语言都有成熟的库来解析和生成 JSON。它就像是编程世界的“普通话”。语法： 它的语法是 JavaScript 对象字面量语法的一个子集。
2025-04-17 22:20:07
1663
原创 救命！正则表达式太难记了？告别死记硬背，前端开发者的 RegEx 实战指南
记住，正则表达式是你工具箱里的一个强大工具，而不是需要顶礼膜拜的神秘咒语。核心是理解： 明白基本概念和标志的作用。关键是方法： 知道去 MDN 查权威文档，熟练使用 regex101 等在线工具进行测试和调试。策略是借鉴： 常见模式可以了解，复杂需求优先搜索现有方案。下次再遇到需要 RegEx 的场景，别再头疼了！深吸一口气，打开你的“外挂”工具，把复杂的问题拆解开，一步步搞定它。多用几次，你会发现它其实没那么可怕，反而能帮你高效解决很多棘手的字符串问题。
2025-04-17 22:17:47
1909
原创 全局视角!!快速形成对插件开发的大局观!!!
DOM 操作 (Document Object Model): 在 Popup 和 Options 页面中，你需要用 JS 来查找 HTML 元素 (getElementById)、修改它们的内容 (textContent)、样式 (style)、添加/删除元素等。结合我的个人开发插件: URL Collector 的开发历程，我来梳理一下 Chrome 扩展脚本开发涉及的核心知识领域，力求帮大家建立一个整体的概念框架，而不是陷入细节。需要查阅官方文档了解每个 API 的用途、方法和所需权限。
2025-04-16 23:26:08
542
原创 开发生产环境的跨域问题技术选型分析
开发环境 → 用 proxy（工具配置）生产环境 → 用 CORS（后端配置）或 Nginx（服务器配置）按这个套路走，跨域问题再也不会困扰你！
2025-04-14 11:23:06
360
原创 《前端部署404？加个斜杠就能解决！Nginx配置的隐藏坑点》
刚部署的前端项目访问页面正常，但一刷新就404？路由跳转正常，直接输入地址就白屏？别急着改代码，可能只是你的Nginx少了个！🚨。
2025-04-13 22:13:02
378
原创 《前端项目打包与部署指南：从npm run build到线上发布》
刚写完代码的你兴奋地点下，却发现不知道生成的dist文件夹该怎么用？别急，这篇手把手教程带你完成从本地打包到服务器部署的全流程！🚀。
2025-04-13 22:10:18
933
原创 《CSS定位把我逼疯后，我终于搞懂了这4种定位方式的秘密！》
当老板让我做个"悬浮在右下角的客服按钮"时，我才意识到：元素定位就是告诉浏览器：这个盒子该放在页面的哪个位置！定位方式定位基准是否脱离文档流典型应用场景static默认文档流否普通段落布局relative自身原始位置否微调图标位置absolute最近非static父元素是下拉菜单、弹窗fixed浏览器视窗是悬浮客服按钮、导航栏能用static就别用定位——文档流是最稳定的布局方式微调用relative——记得它会保留原位置。
2025-04-10 17:32:44
398
原创 《Flexbox和Grid对比指南》
学完基础样式却总被布局逼疯？今天带你用Flexbox和Grid两种神技，告别float和position的远古时代！🚀。
2025-04-09 23:54:53
257
原创 《CSS常用样式速查手册：让你的网页颜值飙升！》
刚学完CSS基础语法却不知道从哪下手？这篇整理了最常用的8大CSS样式，5分钟让你从小白变实操达人！💪。
2025-04-09 23:50:59
441
原创 CSS3基本语法
如果在同一选择器上，外部样式、内嵌样式、行内样式都对某一属性使用了样式，也就是存在样式叠加时，那么要使用以下3个原则来决定到底哪一种样式有效。在页面上使用时，通常在head>部分写入style标签，样式代码放在style标签中。将样式代码写在一个单独的文件中（.CSS文件），使用时要将这个.CSS文件导入使用。样式写在某个页面的style标签中，只对本页面有效。什么是选择器：选择器就是找到你要渲染的那个HTML标签。前面我们使用的CSS引入方式就是内嵌样式。匹配父元素中的倒数第n个结构子元素E。
2025-04-08 23:10:38
1108
原创 HTML基本语法
你可以把语义化标签想象成"带标签的div"，它们告诉浏览器、搜索引擎和辅助技术"这块内容是什么"，而不仅仅是"这里有一块内容"。div标签：块级标签，可以在某块区域中指定出一块区域内容。其本身没有任何视觉上的效果。span标签：内联标签，可以在一行中指定出一段内容。其本身没有任何视觉上的效果。注意：有些元素是为移动端浏览器设计的，所以有些效果只有在移动端浏览器中才能有效。注意：a标签中可以放置任何可视标签，比如：img、h1、p等。注意：语义化结构标签的应用，在网页布局章节中会有实际的应用。
2025-04-08 23:09:52
925
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人