前端

Angular 单元测试实践 (4)

本文继续介绍如何对 Angular 的管道(pipe)、指令(directive)和表单(form)进行单元测试。 测试管道 Angular 的指令是一个实现了 PipeTransform 接口的 TypeScript 类,暴露了 transform 方法。指令操作通常是同步的,很少与 DOM 元素进行交互,也几乎没有什么依赖。因此,对指令的单元测试也比较简单,甚至不需要 Angular 的测试工

双剑破天门:攻防世界Web题解之独孤九剑心法(九)

免责声明:用户因使用公众号内容而产生的任何行为和后果,由用户自行承担责任。本公众号不承担因用户误解、不当使用等导致的法律责任**本文以攻防世界部分题为例进行演示,后续会对攻防世界大部分的web题目进行演示,如果你感兴趣请关注**目录一:Supersqli二:Warmup三:总结1.supersqli2

小程序页面之间(传值)传递数据的方法

1、给html元素添加data-*属性来传递值,然后通过e.currentTarget.dataset或onload的param参数获取(data- 名称不能有大写字母,不可以存放对象) 2、设置id 的方法标识来传值,通过e.currentTarget.id获取设置的id值,然后通过设置全局对象的方式来传递数据 3、在navigator中添加参数数值 4、使用全局遍历实现数据传递 5、页面跳转或

名词解释:前端服务器

前端服务器通常指在前端开发或部署中起关键作用的服务端组件,而非运行前端代码的服务器。 主要包含三类: 1)静态资源服务器(如Nginx、CDN),负责托管分发前端构建文件; 2)开发工具链中的本地服务(如Vite、Webpack DevServer)

Python webbrowser 模块:轻松操控浏览器

Python webbrowser 模块:轻松操控浏览器在 Python 开发中,有时需要在程序里直接打开网页,webbrowser 模块就能帮我们实现这一需求。它为 Python 程序提供了一个高级接口,允许开发者方便地在用户默认浏览器或指定浏览器中打开网页。本文将结合 Python 官方文档,详细介绍 webbrowser

JavaScript_BOM

一、window对象 (一)常见方法 a. 打印方法 1) log() 以日志形式 window.console.log( ' 日志 ' ) // 以 日志 形式打印 2) error 以 错误 的形式 window.console.error( ' 错误 ' ) // 以 错误 形式打印 3) warn 以 警告 的形式 window.console.warn( ' 警告 ' )

jsPDF的常规使用

引入方式: CND: <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.3.1/jspdf.umd.min.js"></script> Npm: npm install jspdf jspdf-autotable HTML 转 PDF 出发事件: <button onclick="generat

图片懒加载

懒加载,通常是延迟加载初始视口外的图像,直到我们滚动页面,达到图像与底部视口的交汇处才开始加载图像。 我们需要做的是判断图片是否出现在当前视口,然后控制图片的加载。 有几种实现方式: scroll 和位置计算 getBoundingClientRect API IntersectionObserver API loading 属性 第三方库(无非是上述方法的实现) scroll 和位置计算

React-CSS

1. React中的样式 React并没有像Vue那样提供特定的区域给我们编写CSS代码 所以你会发现在React代码中, CSS样式的写法千奇百怪 2. 内联样式 内联样式的优点: 内联样式, 样式之间不会有冲突 可以动态获取当前state中的状态 内联样式的缺点: 写法上都需要使用驼峰标识 某些样式没有提示 大量的样式, 代码混乱 某些样式无法编写(比如伪类/伪元素) clas