前端阅读 39792022年6月18日 12:01npm 工具集汇总NPM工具集汇总Node包名说明KoaKoa-routerKoa-statickoa-static-cachekoa-bodyparserkoa-bodykoa-sendKoa-viewkoa-compress压缩koa-etag协商缓存koa-conditional-get协商缓存koa-helmet头盔;防护帽,加强服务端防御koa-csrfCsrfKoa-corsCorskoa-sessioJavaScriptNodeJSNPM
前端阅读 55702022年6月18日 12:23Node模块循环引用的具体过程如果A与B存在相互依赖、相互引用关系,不就形成了一个闭环或者说死循环?那程序怎么会继续解析呢?很显然,运行结果告诉我们,nodejs引擎有自己的一套处理循环引用的机制。下面我们根据上述运行结果,来推演了两个module模块的执行顺序,以了解nodejs打破闭环的机制。过程分解:①执行modA第一行,输出一个test接口②执行modA第二行,要引入modB此时断点产生了,即开始执行modB里的代码,JavaScriptNodeJS
前端阅读 68332023年6月21日 21:49前端E2E自动化测试方案 - Cypress 入门教程项目的稳定性是项目迭代过程中最重要的关注点,在Web应用开发中,如何保证程序的高质量,可靠和良好的用户体验是指关重要的。为了达到这些目标,E2E自动化测试是不可或缺的环节。目前市面上流行的E2E自动化框架中,cypress是基于JavaScript编写用例的框架,作为前端开发者,可以轻松接入E2E自动化测试。Cypress为开发者提供了简洁、高效的测试方法,无论是对于初学者还是经验丰富的开发者Cypress
前端阅读 65682023年11月22日 21:23XSS防御:内容安全策略 CSP 使用实战与配置公司部门安全合规改造计划,要求所有的Web站点统一添加CSP规则。对于CSP机制我只是之前在应付面试的时候背过相关的概念,并没有真正在项目中实践过。所以希望借助本次改造任务好好理解并实践CSP机制。CSP的全称是ContentSecurityPolicy,翻译成中文就是内容安全策略。CSP 通过告诉浏览器一系列规则,严格规定页面中哪些资源允许有哪些来源,不在指定范围内的通通拒绝。前端Web安全
前端阅读 31122023年12月5日 09:51iframe页面通信 - iframe 页面如何传递数据当我们的Web页面需要复用现有网站的页面时,我们通常会考虑代码层面的抽离引用,但是对于一些过于复杂的页面,通过iframe嵌套现有的网站页面也是一种不错的方式。虽然对于用户而言,看到的页面其实是一个整体,但是本质上是两个甚至多个页面的组装,那么页面跟页面之间的交互就避免不了相互通信。iframe 页面之间的通信主要是通过监听页面的全局 `message`事件,然后其他页面通过 `postMessa前端
前端阅读 50622024年2月22日 23:31基于 React 封装网络状态变化的 Hook,轻松监听网络变化随着移动互联网的普及,用户对Web应用的网络连接状态变得越来越敏感。无论在地铁隧道还是偏远地区,不稳定或缺失的网络连接都是常态。因此,为了提供无缝的用户体验,构建一个能够智能响应网络状态变化的应用变得至关重要。本文将介绍如何使用ReactHooks来轻松创建一个网络状态监听器,从而让您的应用能够优雅地应对网络的波动。使用ReactHook监听网络状态变化初始化Hook结构创建一个新文件useNetReact
服务端阅读 47142022年6月18日 11:54Node方法汇总fs模块fs文件系统模块文件系统constfs=require('fs');constfs=require('fs/promises');方法名说明使用方法mkdir创建目录fs.mkdir(path[,options])mkdirSyncmkdtemp创建一个唯一的临时目录mkdtemp(prefix[,options]).例:fsPromises.mkdtemp(path.join(os.tmpdirJavaScriptNodeJS
前端阅读 60452023年7月2日 12:08React状态管理 - Redux&React-redux使用详解教程React状态管理 - Redux&React-redux使用详解教程。一、组件间传值方案(组件间通信)了解React的朋友应该都知道React是状态数据驱动的框架。React组件组件之间传值有很多种情况,但是组件之间传值只有通过props,context,回调函数来实现(不借助外部类库)。父组件传值给自组件(props属性)自组件传值给父组件(回调函数)兄弟组件传值(需要传递的值传给共有的父组件ReactRedux
服务端阅读 138722023年12月29日 21:06一篇文章掌握 NestJS 所有的生命周期以及执行时机NestJS是一个用于构建高效、可扩展的Node.js服务器端应用程序的框架,它使用TypeScript作为开发语言,也支持原生的JavaScript。在NestJS中,生命周期事件是一个重要的概念。在我们构建和管理应用程序时,有时需要在特定的阶段执行一些操作,例如在创建实例,添加或删除模块,突然终止程序时,对这些事件加以利用,可以使我们的应用程序更强大、灵活。在本文中,我将介绍NestJS的生命NestJS
前端阅读 74282023年12月5日 23:16TailwindCSS 如何处理RTL布局模式TikTok作为目前全世界最受欢迎的APP,需要考虑兼容全世界各个地区的本地化语言和阅读习惯。其中对于阿拉伯语、波斯语等语言的阅读书写习惯是从右向左的,在前端有一个专有名字RTL模式,即Right-to-Left。其中以阿拉伯语作为第一语言的人口超过2.92亿,对于这个庞大的市场,App、Web网站等都需要考虑RLT布局。那么TailwindCSS应该如何处理RTL布局模式?LTR模式vsRT前端Tailwind CSS