经海路大白狗-CSDN博客

原创国产JS库（js-tool-big-box）7月度总结

js-tool-big-box开发已经有3个月了，团队内的小伙伴进行了热烈的讨论，持续做了功能迭代。小伙伴们也做了艰苦卓绝的文档分享，有纯功能分享类的，有带有小故事的，有朋友们利用自己独自网站分发分享的。7月份快要结束了，这里我们做一个7月度。希望国产js库也有发光发热的那一天。

2024-07-23 11:38:18 4467 132

原创「终极收藏」前端开发必备：超全JavaScript公共方法大全

在前端开发中，JavaScript是必不可少的一部分，而掌握各种常用的公共方法更是提升开发效率和代码质量的关键。本篇博客将为你详细汇总并解析最全的JavaScript公共方法，涵盖数组、对象、字符串、日期等各个方面的常用技巧。希望通过这篇文章，能为你的前端开发之路提供有力的帮助，成为你开发过程中不可或缺的参考指南。我已经将所有公共方法，按模块的形式，集成到了js-tool-big-box工具包中，大家不比担心安装后会使项目体积变大，不会的。想要使用时间日期类的公共方法，需要先在项目中导入。

2024-05-23 11:06:31 5616 221

原创前端JS必用工具【js-tool-big-box】学习，获取某个元素滚动方向和滚动距离

之前的功能，包含了文档窗口的滚动方向和滚动距离，我们主要是用于上下滚动的场景。但做移动端的时候发现，头部和底部可能都是固定的，尤其是做一些滚动加载列表的时候，发现头部和底部固定后，单纯的给中间列表区域添加了固定高度，然后通过设置overflow-y: auto 来实现滚动。这个时候，工具库原来的功能就不好使了。所以，我们还需要对某个元素，监听其滚动行为。。

2024-09-19 11:05:06 352 2

原创前端JS必用工具【js-tool-big-box】学习，获取全球热点城市当前时间、时区以及令时

工具库，之前也添加了几个热点城市的当前时间显示，但当时城市较少，功能也比较简单，只是显示了时分秒。最近有使用者说，光有时分秒，功能太少，所以对js-tool-big-box工具库做了改进，目前可以新增了几个热点城市返回，新增了当前时区的返回，新增了令时的返回。

2024-09-13 13:36:31 332 1

原创【CSS入门】第五课 - font字体

这一节，我们说一说font这个字体。做网页开发，网页中几乎不可能没有文字的，为了使网页更漂亮，用户体验更好。人们可算是绞尽脑汁，其中一部分就是在字体上下的大功夫。接下来，我们学习一下，font字体在css中的设置。

2024-08-11 10:30:00 2027 24

原创【CSS入门】第四课 - border边框

这一节，我们说一说 border边框，border边框之前的几节里，我们都会顺带着加一下内容，你以为的元素有4个边框，上右下左，就完了，没什么可学的？其实也是也不是，但你如果看了前面的文章，就会发现，狗哥的文章里怎么会只有基础的那点知识呢，那跟其他的基础教学不就一样了，我写他还有什么意思呢，对吧。所以，。

2024-08-10 10:30:00 890 5

原创【CSS入门】第三课 - padding内填充

上一节，我们说了margin外边距，还举了个例子，比如两个人紧挨着站着，如果两个人冬天穿了棉袄，很厚很厚的棉袄，那么他俩占据的空间就会增加，他俩之间的真实距离也会增加。这一节，我们说padding内填充。再举个例子呢就是，比如这俩人最近营养好了，吃的胖了。试想一下，他俩虽然还是紧紧挨着，但占据的空间也会不一样了，对吧。那么这一节，我们从一些角度，来说一说这个知识点。

2024-08-09 10:12:57 1111 3

原创深入解析：Cookie 与 Session 的区别及应用场景

Cookie 是存储在用户浏览器中的小块数据，由服务器发送并存储在客户端。每次客户端向服务器发送请求时，浏览器会自动将相关的 Cookie 附加到请求头中。会话管理：如登录状态、购物车等。个性化设置：如用户偏好、主题等。跟踪分析：如用户行为分析、广告跟踪等。Session 是一种在服务器端存储用户数据的机制。Session 数据通常保存在服务器的内存或数据库中，并通过 Session ID 进行关联。

2024-08-08 15:57:56 1118 3

原创【CSS入门】第二课 - margin外边距

这一小节，我们说一下margin外边距。怎么理解这个外边距呢，比如小张和小丽站在一起，紧紧排着站。试想一下，如果他俩冬天都穿着羽绒服和夏天穿着短袖，是不是占据的空间会不一样呢。那么回到HTML网页开发商来说，如果两个元素，他们加一些外边距，占的空间也会不一样，而且会使两个元素的距离也变的不一样。下面我们来看一下外边距的知识。

2024-08-08 12:05:39 1166 3

原创在AIGC时代，程序员如何保持并提升核心竞争力

AI时代的到来，给程序员带来了新的挑战和机遇。程序员需要全面了解AI技术，专注于核心技能和专业领域，提升软技能，保持持续学习的热情，善用AI工具。只有这样，才能在激烈的竞争中保持并提升自身的核心竞争力，迎接AI时代的到来。通过不断提升自己的技能和能力，程序员不仅可以在职业生涯中保持竞争力，还可以在快速变化的技术环境中找到新的机遇和发展方向。让我们一起迎接AI时代的挑战，创造更加美好的未来！

2024-08-07 16:56:25 1230 14

原创 Koa vs Express全面对比：从设计哲学到代码实现的深度剖析

Koa和Express各有优劣，选择哪个框架取决于项目需求和团队偏好。Express适合需要快速开发并集成多种功能的项目，而Koa适合追求灵活性和现代化代码风格的项目。

2024-08-07 15:03:07 884 1

原创【CSS入门】第一课 - CSS内容都可以写在哪里？

从这一小节开始，我们开始学习CSS的内容。之前都是学习的HTML标签，还用几节课的时间做了纯HTML标签的实战。但是只用纯HTML标签做出来的东西呢，不是那么好看，而且你看那么多网站，没有哪个网站只用纯HTML标签做东西的，所以CSS是必须要学习的一个知识体系。这一小节，我们开始学习CSS的知识内容。

2024-08-07 13:08:19 983

原创开发Chrome浏览器插件 - 第一步

确认所有信息填写无误后，点击“Publish”按钮。你的扩展程序会进入审核阶段，审核通过后就会在Chrome Web Store上架。支付完成后，你的开发者账号就创建成功了。: 登录后，会提示你接受Chrome Web Store的开发者协议。: 使用你的Google账号登录。如果没有Google账号，需要先创建一个。: 登录开发者控制台后，点击“Add a new item”按钮。: 按提示上传你的扩展程序压缩包（zip格式）。: 根据提示填写扩展程序的详细信息，包括名称、描述、截图、类别等。

2024-08-06 15:55:36 1008 6

原创什么是浏览器同源策略（Same-Origin Policy）？

协议：如httphttps。域名：如。端口：如80（http 默认端口）或443（https 默认端口）。如果两个 URL 的协议、域名和端口都相同，则它们被认为是同源的。和是同源的。和不是同源的（不同的协议）。和不是同源的（不同的域名）。和不是同源的（不同的端口）。浏览器同源策略是 Web 安全的重要基石，尽管有时候它可能会限制开发者的操作，但其存在的主要目的是为了保护用户免受潜在的安全威胁。

2024-08-06 15:28:44 1198

原创【HTML入门】第二十三课 - 【实战】做一个简单的图书详情页

这一节，我们继续用纯HTML来做一个实战小案例。我找了一个图书详情的页面，就像这样：这一小节，我们用纯HTML标签，来实现一下这个图书详情的内容。

2024-08-06 14:46:01 473

原创探索移动应用中的 WebView：理解与应用

WebView 是移动应用中的一个控件，允许开发者在应用中显示 web 内容。简单来说，它相当于一个嵌入在应用中的迷你浏览器。WebView 组件内置于 Android 和 iOS 开发框架中，开发者可以通过相应的 API 来加载和显示网页。在 Android 中，WebView 是 android.webkit.WebView 类的一个实例。在 iOS 中，WebView 是 WKWebView 类的一个实例（在 iOS 8 之前，使用的是 UIWebView 类）。

2024-08-05 15:10:10 1535 15

原创【HTML入门】第二十二课 - 【实战】做一个注册页面

这一小节，我们继续纯HTML标签的使用，这一节我们做一个。说到注册页面，其实大家的网站都大同小异，所以我们就不四处去找设计图了，我们自己想一个注册页面，想想注册页面都应该有哪些元素，应该长什么样子。

2024-08-05 11:53:39 723

原创【前端编程小白】的HTML从零入门到实战

之前有读了博客，想让我帮他找一些前端入门的内容，他们报的计算机专业，，我给他推荐了一些菜鸟教程呀什么的。后来想，看来还是很多人需要一些更加入门的可成的，而且很多教程不够实战，HTML章节都是匆匆而过。所以我想着，自己也写一些，基础的，加上实战的，希望可以帮助，想从零基础，到实战的小伙伴们。

2024-08-02 18:29:35 1659 12

原创前端JS必用工具【js-tool-big-box】学习，灵活的获取星期展示

我们在前端项目开发中，有的场景需要显示 “星期几”。有时候不光显示今天星期几，还需要显示某个特定时间是星期几，又或者呢，只是显示那个 “几” ，而不显示 “星期” 两个字。这些场景都是有的。现在 js-tool-big-box 里添加了这个公共方法，可以灵活的获取。执行安装命令：项目引入 timeBox 对象 2 使用方法2.1 获取今天星期几比如你的业务需求，需要展示今天星期几，你可以这样来做（我们以Vue项目举例）：展示结果：展示结果：当然，你还可以直接获取那个 “几”，不需要

2024-08-02 11:07:30 544

原创【HTML入门】第二十一课 - 【实战】做一个简单的数据表格

这一小节，我们继续练习纯HTML，开发一个简单的数据表格吧。

2024-08-01 15:07:10 495 5

原创【HTML入门】第二十课 - 【实战】做一个侧边栏菜单

这一小节，我们还是继续练习纯HTML标签的内容，多练一些，把HTML标签练熟。这就像练武功前的扎马步和一些基本功，功底越深，后边才能练更高深的武功。这一小节，我们用纯HTML标签做一个侧边栏菜单的功能。

2024-07-31 17:45:09 557 5

原创【HTML入门】第十九课 - 【实战】做一个简单的博客头部

这一小节，我们还是练习HTML标签的应用，目的就是，不单单是讲解前端的基本知识，会慢慢的拓展到实战，喜欢的小伙伴可以订阅一下专栏，如果觉得内容有用，可以给个回复评论，或者告诉我，文章底部有联系方式。。

2024-07-30 10:49:27 1009 7

原创探索OpenAI GPT-4o mini：革新开发者工具与人工智能的未来

当今人工智能技术的快速发展使得大型语言模型在各个领域展现了巨大的应用潜力。特别是，OpenAI 最新发布的 GPT-4o mini 模型以其卓越的性能和极具竞争力的价格引发了广泛关注。作为开发者，我们不仅可以利用这些模型来解决日常的问题，还能通过它们来实现更高层次的创新和效率提升。

2024-07-26 18:35:36 1479 21

原创《简历宝典》20 - 简历中“自我评价”，如何能够“画龙点睛”

前两节我们针对 “” 和 “” 模块做了内功与实战的讲解，可以说是重中之重，是简历优化新思路的核心所在。这一节开始对自我评价做讲解，自我评价一般都会放置在简历的末尾，HR在迅速浏览完个人信息、技术能力、学历信息和项目经历后，如果可以按照本书的优化思路去编写，相信HR已经对你的简历产生了一定的好感。而最后的自我评价，一定要起到画龙点睛的作用，给HR更好的印象。

2024-07-25 09:17:45 988 19

原创《简历宝典》19 - 简历中“技术能力”，如何丰满且有层次，软件测试篇

这几篇文章，我们分别从前端开发、Java开发和软件测试3个角度，又分别从校招和初级、中级以及高级的3个维度去做了大量的分析和实战练习。招聘需求中岗位要求的技术点其实并不会超出业内知识点的范畴，所以我们又采用了分层次，循序渐进的方式去使技术能力饱满起来。而且主张重点通过看招聘需求中的岗位职责，用以丰富编写自己的技术能力模块。

2024-07-24 10:35:41 1254 12

原创【HTML入门】第十八课 - 【实战】做一个百度顶部导航条

我们利用一些章节做了HTML入门的标签学习，其实HTML标签呢，就是一个一个标签，他们都有独自的含义。记住这句话，他们有独自的含义。他们就像水浒传里的英雄们一样，各自有各自的本领，又像复仇者联盟里的英雄们一样，他们各自有自己的章节。但不得不说，只有运用到实战中，只有把他们组合起来，才能发挥更大的作用。要不然，就只能是零件一样的东西，只有通过实战组合起来，他们才能发挥作用。这一小节，我们开始运用HTML标签的组合，，加深对标签们的印象，做一些小例子。

2024-07-23 16:50:02 605 13

原创《简历宝典》18 - 简历中“技术能力”，如何丰满且有层次，Java篇

上一节，我们学习了前端开发，在简历中的 “技术能力” 模块的书写。这一节，我们说一下，从而使这个模块更加的丰满且有层次感。

2024-07-23 14:33:25 985 2

原创构建稳固与安全的网络环境：从微软蓝屏事件中的教训学习

微软蓝屏”事件为我们提供了宝贵的教训和警示，即使是最大的科技公司也难以完全避免软件缺陷带来的灾难性后果。建设一个稳固和安全的网络环境需要多方面的努力：从有效的软件更新管理到强化的紧急响应能力，再到全员安全意识的培养和文化建设。只有综合运用技术、流程和人员培训，我们才能更好地应对未来可能出现的类似挑战，保护我们的数字基础设施和社会运行的稳定性与安全性。

2024-07-22 15:16:51 2308 15

原创【HTML入门】第十七课 - 块级元素或内联元素

html的内容呢，我们已经说了很多节了，这一节是时候总结一下或了。

2024-07-22 14:46:52 395 5

原创《简历宝典》17 - 简历中“技术能力”，如何丰满且有层次，前端篇

这一节开始对模块做讲解，我们身边的这些互联网IT从业者们，前端开发、Java开发、软件测试又或者是其他职位的开发者们，技术能力这个模块是绕不过去的，从简历上看，这个模块体现了我们之前软件工作生涯中的技术功底的深度与广度。

2024-07-22 11:00:38 1195 8

原创微信小程序开发：DOM 相关 API 使用详解

在微信小程序开发中，与传统的网页开发相比，由于安全性和性能考虑，访问 DOM（文档对象模型）是受限的。然而，微信小程序提供了一些特定的 API，使开发者能够处理和操作视图层，实现丰富的用户交互体验。

2024-07-21 14:30:00 2631 20

原创 https和http有哪些区别？

在今天的互联网世界中，我们经常听到关于HTTPS和HTTP的术语。它们都是超文本传输协议（HTTP）的变种，但它们之间存在着重要的区别。本篇博客将深入探讨HTTPS与HTTP之间的差异以及为什么HTTPS在现代网络中变得如此重要。

2024-07-21 10:00:00 2685 7

原创【HTML入门】第十六课 - 网页中的按钮们

这一小节，我们说一说中的按钮。按钮的作用，就是让用户点呗，点了以后触发一些事件，可以做一些事情。

2024-07-20 14:15:00 721 12

原创【前端安全】cookie中如果给某个字段设置了HttpOnly会怎么样？

HttpOnly是由微软引入的一个Cookie标志，最初在Internet Explorer 6 Service Pack 1中实现。它的目的是增加Cookie的安全性，防止客户端脚本（如JavaScript等）通过document.cookie API来访问带有HttpOnly标志的Cookie。这种措施主要是为了防止跨站脚本攻击（XSS攻击），因为XSS攻击常常利用恶意脚本来获取用户的Cookie信息，然后进行信息窃取或会话劫持等恶意行为。

2024-07-20 10:00:00 645 3

原创【HTML入门】第十五课 - form表单（下）表单控件们（二）

上一小节我们说了文本输入框，密码输入框，数值型输入框，还有大的文本域。这一小节，我们继续说form表单中的一些常用的控件们。

2024-07-19 16:31:49 466 7

原创《简历宝典》16 - 简历中“项目经历”，实战讲解，软件测试篇

初级软件测试其实独立完成一个项目的测试工作并非难事，但重点应该体现在独立完成工作的认真态度上、理解需求的同时测试用例编写的全面程度上、与开发人员的沟通能力上、对于bug的复现步骤的精确度上以及不断学习产品业务逻辑的认知提升上等方面。以开发图书管理系统为例，你作为一名初级软件测试，需要独立承担项目的测试工作，那么项目经历可以这样编写，如图。

2024-07-19 08:18:34 384 11

原创【人工智能】生成式AI的未来发展方向探讨

综上所述，生成式AI的未来发展方向不仅仅是对话系统和自主代理的单一选择，而是在这两个领域的技术进步和交叉应用中逐步展现出更广阔的前景。无论是在智能的人机交互还是在实体世界的智能应用中，生成式AI都将扮演着越来越重要的角色，推动人工智能技术向前迈进。随着技术的不断进步和应用场景的扩展，我们有理由期待，生成式AI将在未来的多个领域中创造出更为令人惊叹的应用和改变，为人类社会带来更多的智能化和便利。

2024-07-18 17:23:00 1205 28

原创【HTML入门】第十四课 - form表单（下）表单控件们（一）

上一节，我们学习了基本的标签的属性们，我们说过，form表单是一个区域，里面有一些控件元素，这一小节，我们来看一下这些控件们。

2024-07-18 16:35:02 405

原创【HTML入门】第十三课 - form表单（上）

这一小节，我们说一下form表单，注意不是 from，是form表单。form表单呢，用于收集用户输入或者选择的一些信息，然后前端开发将数据组装起来，与服务端交互。form表单表示html文档中的一个区域，里面可以包含输入框，密码框，大的文本框，单选按钮，多选按钮等。这一小节呢，我们先不说这些控件，先说一下form表单的基本内容。

2024-07-18 11:24:53 401 4

原创《简历宝典》15 - 简历中“项目经历”，实战讲解，Java篇

校招和初级Java开发的项目经历重点是突出自己在实战中的学习。比如对数据库的操作，比如前后端联调工作中遇到问题的解决，比如一些Java基础知识点的逐渐深入掌握，这些都是这个阶段的Java开发需要去不断增强的。和初级前端开发类似，例如你作为一名初级Java开发，负责的是校园图书管理系统的图书信息上传，图书信息管理这个模块的服务端开发，项目经历可以这样编写，如图。

2024-07-18 09:52:52 470 2