前端
文章平均质量分 81
CHQIUU
当你发现自己的才华撑不起野心时,就请安静下来学习吧
展开
-
JavaScript中的设计模式之五--观察者模式
在本文中,我们介绍了一个流行且有用的设计模式。从头开始实现它让我们了解了这种机制在一些原生JavaScript特性中是如何工作的。除了使用JavaScript,我们还实现了TypeScript。通过这样做,我们采取了预防措施,以确保我们正确地建立了我们的观察者。学习以上所有内容无疑为我们的编程提供了额外的工具。Set。原创 2023-08-18 12:45:00 · 10247 阅读 · 0 评论 -
JavaScript中的设计模式之四--装饰器模式
外观模式被证明是非常有用的。有了它,我们可以使我们的代码更干净,更可重用。在本文中,我们已经了解了外观模式的基本概念。我们还写了一些例子来说明它可能是有用的。除了常规使用外,我们还在React Hooks中实现了外观模式的概念。通过上述操作,我们已经证明,如果我们想提高代码质量,外观模式是一个值得研究的概念。原创 2023-08-18 08:45:00 · 10220 阅读 · 0 评论 -
JavaScript中的设计模式之三--外观模式(门面模式)
外观模式被证明是非常有用的。有了它,我们可以使我们的代码更干净,更可重用。在本文中,我们已经了解了外观模式的基本概念。我们还写了一些例子来说明它可能是有用的。除了常规使用外,我们还在React Hooks中实现了外观模式的概念。通过上述操作,我们已经证明,如果我们想提高代码质量,外观模式是一个值得研究的概念。原创 2023-08-18 08:30:00 · 10196 阅读 · 0 评论 -
JavaScript中的设计模式之二--工厂模式
在本文中,我们已经设法阐明了什么是工厂方法模式,以及如何不将它与工厂函数混淆。为了完成上面的工作,我们实现了工厂函数和工厂方法模式。我们还学习了如何在TypeScript中使用上述模式。虽然它可能有助于保持我们的代码整洁,但重要的是不要过度使用它。如果我们不能从这种复杂性中获益,或者我们不需要在运行时生成实例来判断它们的类型,我们可能会引入使我们的代码不必要的复杂。如果我们注意上述问题,工厂模式可能会派上用场。原创 2023-08-18 08:30:00 · 10168 阅读 · 0 评论 -
JavaScript中的设计模式之一--单例模式和模块
我们可以将设计模式视为许多开发人员在各种现实生活场景中测试过的经过验证的解决方案。它们旨在支持软件设计师以可读和可预测的方式解决常见问题。如果我们的应用程序基于经过验证的模式,我们就不用太担心整体结构,因为它们倾向于鼓励我们以一种有组织的方式编写代码。查看包含某种设计模式的现有代码库可能比尝试理解一种不熟悉的方法更容易。他们也是其他开发者和我们之间的桥梁。使用众所周知的策略可以使沟通更快更容易。设计模式并不是精确的解决方案。他们为我们提供了一个方案,我们可以根据自己的需要进行调整。原创 2023-08-17 22:56:46 · 10076 阅读 · 1 评论 -
HTML class 中 CSS名称的顺序并不重要
这听起来可能是一个愚蠢的问题,但它往往会绊倒许多碰巧熟悉CSS-in-JS解决方案的人。本周,我与两位非常资深的前端工程师进行了交谈,他们也有类似的想法!但是无论这些CSS类的顺序如何,上面示例中的文本始终是蓝色的。这是因为标记只是按照CSS的写入顺序读取——在这个例子中,层叠优先。在CSS中是最后定义的,对吧?你认为文字应该是什么颜色?文本会是蓝色的,因为。原创 2023-08-17 21:28:08 · 10196 阅读 · 1 评论 -
介绍如何使用 Media Query 完成响应式设计 -- 您想知道的有关媒体查询和响应式设计的所有信息
媒体查询是一种 CSS 语言功能,它允许作者根据正在查看应用程序的设备或窗口的特征有条件地应用 CSS 规则。最常见的是,这些可能是根据视口宽度,允许 CSS 作者创建_响应_正在查看它们的窗口或设备大小的组件和布局。但这也可能扩展到用户是喜欢浅色模式还是深色模式,甚至是用户的辅助功能首选项,以及更多属性。随着如此多的不同设备类型和屏幕尺寸的增加,对于 Web 应用程序来说,为用户提供更量身定制的视觉呈现变得越来越重要,并针对他们首选交互方法的屏幕尺寸进行优化。原创 2023-08-16 16:24:16 · 10400 阅读 · 0 评论 -
HTML注释也可以在JavaScript中使用
最初的目的是使不支持JavaScript的浏览器可以忽略包含HTML注释的脚本块,而不是将它们视为文本(浏览器将未知元素视为。另一方面,语法高亮没有很好的支持这一点(我看到的唯一一个完全正确的是在Firefox开发者工具中的一个),所以这些片段将显示在我的博客上有点奇怪。虽然在过去的二十年里还没有浏览器显示脚本标记的内容(即使禁用了JavaScript),但这种行为不能从浏览器中移除,因为一些网站依赖于此。规范中,作为仅应在类似浏览器的环境中实现的遗留行为。你可以在JavaScript中使用HTML注释。原创 2023-08-15 11:34:18 · 10111 阅读 · 0 评论 -
您的网站不应该只提供一套通用 API
后端应该提供两套 API,一套是外部使用的通用 API,服务特定的数据,另一套是自家使用的应用 API,服务特定的页面。在当今的web开发中,构建一个提供JSON服务的后端和一个渲染应用程序的前端是很流行的。我不太喜欢,但还好。但是如果你认为你的后端需要被设计成一个通用的公共API是不行的。这不会节省你的时间。原创 2023-08-14 17:22:24 · 10125 阅读 · 0 评论 -
JavaScript中如何通过 new Function 创建 async 函数
我喜欢的一点是,有很多方法可以完成相同的任务,其中一个例子就是创建函数。您看到的最后使用的模式之一是。方法创建一个异步函数,该怎么办?模式,但这并不意味着您没有使用!现在,您可以将它们设置为异步!的用法非常巧妙,因为原生并没有。我不相信我曾经使用过。原创 2023-08-14 09:38:23 · 10277 阅读 · 0 评论 -
ES6 引入了 for await ... of 新语法,用来遍历异步迭代器,很多人还不熟悉。本文是对它的简单解释
当看到这种句式的时候不免感觉很惊讶。我们之前从来没有见过这种写法。想象一下,当我阅读更多关于Deno的内容时,我发现这段代码实际上是有效的javascript脚本,它在Node.js中也是有效的,而我对此一无所知,这是多么令人惊讶那么这是什么?为什么我从来没见过呢?我应该在哪里使用它?我是不是已经错过了?如果你们有同样的问题,那很好!这篇文章将尝试回答所有这些问题!原创 2023-08-14 09:27:36 · 10225 阅读 · 0 评论 -
教你10分钟内学习如何CSS 设置网页打印时的样式
本文将教您开始为要打印的页面编写CSS所需要的一切提供帮助。原创 2023-08-13 17:32:40 · 11353 阅读 · 0 评论 -
什么是单页应用程序?如何选择及架构、优势和挑战
单页面应用程序(Web应用程序或网站)仅加载单个页面。然后,当用户与Web服务器交互时,它使用从Web服务器获取的新内容重写页面,而不是为每次交互加载新页面。单页面应用程序是一种网站解决方案,可以直接在浏览器中呈现JavaScript代码。它确保用户在浏览网站时不会重新加载页面。这是通过确保浏览器通过单个请求或通过响应用户活动更新必要的材料来获得基本的HTML、JavaScript和CSS代码来实现的。采用单页面应用程序(SPA)的企业因其结构简单、易于导航和使用更少的资源而越来越受欢迎。原创 2023-08-13 12:06:43 · 10473 阅读 · 0 评论 -
您可能并不需要单页应用程序
前端框架的迅速崛起,如React、Angel、Vue.js、Elm等,使得单页面应用程序(Single Page Application)在网络上无处不在。对于许多开发人员来说,这些已经成为他们“默认”工具集的一部分。当他们开始一个新项目时,他们会使用他们已经知道的工具:后端的REST API和Reaction/Angel/Vue/Elm前端。这些工具有什么问题吗?绝对不是。事实上,我喜欢使用这些工具。然而,只有当实际需求将我推向那个方向时,我才会选择这个架构。原创 2023-08-13 10:56:56 · 10126 阅读 · 0 评论 -
layui.transfer 实现穿梭框选择完后,可鼠标拖动调整选中后的列表顺序
layui.transfer 实现穿梭框选择完后,可鼠标拖动调整选中后的列表顺序实现代码:效果图:原创 2023-03-30 20:55:01 · 10785 阅读 · 1 评论 -
layui.table 实现 Shift+点击实现表格批量多选功能实现
在项目实际运用过程中,需要实现Shift+点击实现表格多选,以达到表格数据批量操作,如批量选中和批量取消选中。效果图原创 2023-03-30 20:16:05 · 10675 阅读 · 0 评论