编程三昧 - 个人主页动态

2021-08-29 23:49

JavaScript 中 Arguments 对象的用途总结。   前言 相信我们很多人在代码开发的过程中都使用到过一个特殊的对象 —— Arguments 对象。 在实际开发中，Arguments 对象非常有用。灵活使用 Arguments 对象，可以提升使用函数的灵活性，增强函数在抽象编程中的适应能力和纠错能力。 那么 Arguments 对象到底该怎么用呢？今天我们就来总结一下。  Arguments 的基本概念 Arguments 是一个对应于传递给函数的参数的类数组对象。  Arguments 是个类似数组但不是数组的对象，说它类似数组是因为其具备数组相同的访问性质及方式，能够由 a...

0 点赞评论收藏

2021-08-28 20:44

中国海洋大学前端工程师

工具库用久了，你还会原生操作 Cookie 吗？

用得好了，工具库和框架确实是一大助力，但就怕我们会因此习惯了走捷径，而忘了自己的根本依靠是什么。   前言 前端技术的飞速发展，给从业人员不可避免地带来了“疲劳”感，我们常常会感叹学不动了。于是，为了给我们“减压”，各种工具库和框架们诞生了。 对公司来说，通过工具库和框架的引入，一方面是约束了代码风格，提高了可维护性，最重要的是可以缩短开发周期，早日出成品。 对个人来说，各种工具库和框架用起来简直不要太爽，再也不用哼哧哼哧地啃那些原生的操作方法了，既解放了脑力，又多出了摸鱼的时间，还不用考虑方法的准确性……一箭多雕的买卖简直是太划算了！ 公司是追求效益的，主张引入工具库和框架无可厚非，可如果我...

0 点赞评论收藏

2021-08-27 23:10

中国海洋大学前端工程师

Docker 系列 _ 01_ 一念缘起

人们只有在经历过诸多痛苦之后，才会相信这“缘分”的存在。而所有的“缘分”，只不过是事物发展的必然结果罢了。   前言 在生产环境配置日益复杂的今天，一套统一的、可移植的环境可能是很多从业人员梦寐以求的。所谓“需求引领市场”，在需求的催动下，解决方案的诞生也只是时间问题而已。 开发测试的苦   搭环境   换电脑   写文档   搞适配   所有程序代码的执行都需要依赖于具体的系统环境，所以，在项目开发之初，搭建相应的开发环境是必不可少的步骤。任何不以环境为根据的代码开发都是耍流氓。 如果是一开始就跟着项目走的话，那还好，至少环境都是逐步完善过来的。但要是中途加入的话，遇到复杂项目，那就别提了，...

0 点赞评论收藏

2021-08-26 20:08

中国海洋大学前端工程师

关于开发视图

什么是开发视图 开发视图是逻辑视图的实现，它又叫实现视图，描述了在开发环境中软件的静态组织结构，主要侧重于软件模块的组织和管理。 开发视图关注程序包，不仅包括要编写的源程序，还包括可以直接使用的第三方SDK和现成框架、类库，以及开发的系统将运行于其上的系统软件或中间件。开发视图和逻辑视图之间可能存在一定的映射关系：比如逻辑层一般会映射到多个程序包等。 它的大体架构如下图所示：  大部分情况下，开发架构考虑的内部需求与以下几项因素有关：开发难度、软件管理、重用性和通用性及由工具集、编程语言所带来的限制。开发架构视图是各种活动的基础，如：需求分配、团队工作的分配（或团队机构）、成本评估和计划、项目...

0 点赞评论收藏

2021-08-25 21:43

中国海洋大学前端工程师

正经人一辈子都用不到的 JavaScript 方法总结 (二)

前言 现在有这样一个需求：用一个对象存储某学生的各科成绩，要求每次只能改变科目分数，不能再添加或者删除科目。 分析一下，这个需求其实就是需要创建一个固定属性的对象，其属性不可增删，但属性值可更改。 有些同学可能就这么开始了：  首先，定义一个符合要求的对象：  // 声明成绩存储对象 let reportObj = {}; // 给成绩存储对象添加科目，并设置科目属性不可增删，但科目成绩可修改 Object.defineProperties(reportObj, { ChineseMark: { enumerable: true, writable: true, configurable: f...

0 点赞评论收藏

2021-08-24 21:36

中国海洋大学前端工程师

正经人一辈子都用不到的 JavaScript 方法总结 (一)

前言 假如有这样一个需求：要求将给定的一个文件路径 D:\bianchengsanmei\blogs\categories\JavaScript 在页面展示出来。 最基本的实现方法可能是下面这个： <body> <div id = "container"></div> </body> const filePath = "D:\bianchengsanmei\blogs\categories\JavaScript"; document.querySelector("#container")...

0 点赞评论收藏

2021-08-23 21:35

中国海洋大学前端工程师

获取 NodeJS 程序退出码

前言 想要退出正在运行的 NodeJS 程序，我们既可以通过 Ctrl + C 的方式，也可以通过process.exit()来执行退出。 这两种操作都将强制进程尽快退出，即使仍有未完全完成的异步操作挂起，包括对 process.stdout 和 process.stderr 的 I/O 操作。 如果由于错误情况需要终止 Node.js 进程，则抛出未捕获的错误并允许进程相应地终止比调用 process.exit() 更安全，比如： import process from 'process'; // 如何正确设置退出码，同时让进程正常退出。 if (someConditionNotMet())...

0 点赞评论收藏

2021-08-22 23:35

中国海洋大学前端工程师

判断是否为数组的 JavaScript 方法总结

前言 我们在日常开发中，常常有判断某值的需求，今天我们总结一下常见的几种用来判断是否为数组的 JavaScript 方法。 Array.isArray Array.isArray() 是ES5新增的方法，用于确定传递的值是否是一个数组，如果是数组，则返回 true，否则返回 false。 let arr = []; console.log(Array.isArray(arr)); // true 下面的函数调用都返回 true： Array.isArray([]); Array.isArray([1]); Array.isArray(new Array()); Array.isArray(ne...

0 点赞评论收藏

2021-08-21 23:21

中国海洋大学前端工程师

几种常用设计模式的简单示例

前言 模式是在某一背景下某个问题的一种解决方案。 设计模式（Design pattern）是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。 为了保证代码的可靠性、提高代码的复用率、使代码更容易被维护和阅读，我们需要了解并合理使用设计模式。 日常开发中，一些特定的场景下你的处理方法可能并不是很理想，往往这时借助一些设计模式可以让你优雅而高效的实现这些逻辑，下面就介绍一些虽然不是最全的但一定是最常用的设计模式。 单例模式： 定义：一个类只返回一个实例，一旦创建再次调用就直接返回。 使用场景：比如自定义弹窗，无论你程序中多少调用，都只应创建一个弹窗对象。 class Create...

0 点赞评论收藏

2021-08-20 23:27

中国海洋大学前端工程师

缓存函数的简单使用

前言 缓存是一种重要的程序优化手段，一般采用以空间换时间的措施来提高程序性能，常用的缓存方法有浏览器缓存、HTTP 缓存等。 场景 假设有这样一个简单场景：后台返给前端一组数据做展示，考虑到页面性能问题，前端需要分页来显示。 我们就这个场景需求来做一下代码实现。 实现一 非常常规的实现方式： // 假设后台返回的数据是一个数组，存在 data 中 function getPagerData(pageNumber, pageSize) { return data.slice(pageSize * (pageNumber - 1), pageSize * pageNumber); } 每次点击页面...

0 点赞评论收藏

2021-08-19 21:43

中国海洋大学前端工程师

【前端 · 面试】TCP 总结（一）—— 概述

最近我在做前端面试题总结系列，感兴趣的朋友可以添加关注，欢迎指正、交流。 争取每个知识点能够多总结一些，至少要做到在面试时，针对每个知识点都可以侃起来，不至于哑火。   前言 我们常常会听到“ TCP 三次握手、四次挥手” 这样的话。并且通过前面对 HTTP 的总结，我们知道 HTTP 通常是运行在 TCP 之上的，那么 TCP 到底是什么呢？今天我们先来认识一下它。 概念 TCP 的全名是 Transmission Control Protocol，翻译过来就是 “传输控制协议”，是用来控制传输的，它是为了在不可靠的互联网络上提供可靠的端到端字节流而专门设计的一个传输协议。 我们把 HTTP...

0 点赞评论收藏

2021-08-18 23:07

中国海洋大学前端工程师

有同学问我：Fetch 和 Ajax 有什么区别？

江山代有人才出，各领***数百年。   前言 Hello，大家好，我是编程三昧的作者隐逸王，小小前端一枚。 自昨天发了《还在死磕 Ajax？那可就 out 了！》一文后，收到了一些大家的一些评论，评论都很走心，也很有深度。 说实话，虽然我在尽可能努力地回复大家的问题，但还是避免不了对其中一些概念理解的模棱两可的情况，有幸得到同仁们的指点，比如：  感谢各位的不吝赐教，让我在成长的道路上又前进了几分。 现在总结一下，评论区涉及到的主要问题如下：  Fetch 和 Axios/Ajax 是什么关系 Fetch 真的会取代 Ajax 吗 有封装良好的 Fetch 工具库推荐吗  为了不辜负大家的热情...

0 点赞评论收藏

2021-08-17 21:02

中国海洋大学前端工程师

还在死磕 Ajax？那可就 out 了！

江山代有人才出，各领***数百年。   前言 想当年面试时，AJAX 基本是必考题，像什么“异步调用、高性能”等是必答的。那时的 AJAX 是真的火，前端就没有不用 AJAX 的。 然而，古语云“人无百日好，花无百日红”，又云“江山代有人才出，各领***数百年”，对于 AJAX，当然也不例外。 这不，在最近这两年，我们明显可以发现很多新生框架中都有了 Fetch 的影子，而它的易用性和稳定性也是得到了反复验证的。 Fetch 的概念 Fetch 提供了对 Request 和 Response （以及其他与网络请求有关的）对象的通用定义。使之今后可以被使用到更多的应用场景中：无论是 servic...

0 点赞评论收藏

2021-08-16 21:21

中国海洋大学前端工程师

你知道关闭页面时怎么向后台发送消息吗？

需求 这两天碰到一个需求：在用户刷新页面或者关闭页面的时候，前端要给后台发一条请求，释放该页面的授权占用。 分析了一下，这不就是在页面卸载时发请求嘛，三下五除二就实现一版： window.addEventListener("beforeunload", () => { let oReq = new XMLHttpRequest(); oReq.open("POST", "http://127.0.0.1:1991/loginout"); oReq.send(JSON.stringify({name: "编程三昧&quo...

0 点赞评论收藏

2021-08-15 21:14

中国海洋大学前端工程师

浏览器数据库 IndexedDB（一）概述

IndexedDB 就是浏览器提供的本地数据库，它可以被网页脚本创建和操作。   背景 随着浏览器的功能不断增强，越来越多的网站开始考虑，将大量数据储存在客户端，这样可以减少从服务器获取数据，直接从本地获取数据。 现有的浏览器数据储存方案，都不适合储存大量数据：Cookie 的大小不超过4KB，且每次请求都会发送回服务器；LocalStorage 在 2.5MB 到 10MB 之间（各家浏览器不同），而且不提供搜索功能，不能建立自定义的索引。所以，需要一种新的解决方案，这就是 IndexedDB 诞生的背景。 我们可以通过开发者工具查看 IndexedDB 中的存储数据：  特点 通俗地说，I...

0 点赞评论收藏

创作者周榜

关注他的用户也关注了：