前端

【实战】一、Jest 前端自动化测试框架基础入门(二) —— 前端要学的测试课 从Jest入门到TDD BDD双实战(二)

文章目录 一、Jest 前端自动化测试框架基础入门 5.Jest 中的匹配器 toBe 匹配器 toEqual匹配器 toBeNull匹配器 toBeUndefined匹配器和toBeDefined匹配器 toBeTruthy匹配器 toBeFalsy匹配器 数字相关的匹配器 字符串相关的匹配器 数组相关的匹配器 异常情况的匹配器 6.Jest 命令行工具的使用

css渐变效果

css渐变效果 使用 CSS 渐变可以在两种颜色间制造出平滑的渐变效果。 用它代替图片,可以加快页面的载入时间、减小带宽占用。同时,因为渐变是由浏览器直接生成的,它在页面缩放时的效果比图片更好,因此你可以更加灵活、便捷的调整页面布型 类型 含义 线性渐变 linear-gradient 指在一条直线上进行渐变 径向渐变 radial-gradient 是一种从起点到终点颜色

有关Webpack面试题

一、说一下对Webpack的看法 Webpack是一个模块打包工具,可以使用它管理项目中的模块依赖,并编译输出模块所需的静态文件。 它可以很好地管理、打包开发中所用到的HTML,CSS,JavaScript和静态文件(图片,字体)等,让开发更高效。 对于不同类型的依赖,Webpack有对应的模块加载器,而且会分析模块间的依赖关系,最后合并生成优化的静态资源。 二、Webpack的基本功能 代

懒加载的实现

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d

五种常用的web加密算法

文章目录 五种常用Web加密算法实战及原理详解 1. AES (高级加密标准) 原理详解 应用场景 实战代码(Node.js) 2. RSA (非对称加密) 原理详解 应用场景 实战代码(Node.js) 3. SHA-256 (安全哈希算法) 原理详解 应用场景 实战代码(浏

116.学习微前端架构-乾坤

学习微前端架构-乾坤.png 目的:拆分应用,减轻一个庞大应用的压力,从另一个方面将公司所有的系统进行整合,形成一个整体。 微前端出现以前,每个系统都是独立的,用户需要保存不同系统的网址,使用微前端后,记录一个地址就好了。在用户层面进了整合,从开发层面减轻了系统压力。 主应用(不限技术栈)和子应用(目前vite项目的支持度不是很好) 接入案例,参考官网qiankun 首先需要搭建子应用

Vue执行流程及渲染解析(一)

  最近想对之前看过的vue一些较原理的一些东西进行总结,今天就谈谈vue实例创建到渲染的一个流程概述。说的不对希望可以补充评论。   相信绝大多数的前端小伙伴已记不清做了多少项目,写了多少代码了,每个人如同教科书般地写着Vue代码: // 入口文件中的常见代码 new Vue({ el: '#app', router: router,

flutter控件之文本控件-Text

Text(      '文本是视图系统中的常见控件,用来显示一段特定样式的字符串,就比如Android里的TextView,或是iOS中的UILabel。',     textAlign: TextAlign.center,//居中显示      style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20, color: Colors.r

深入了解Linux —— git三板斧

版本控制器git 为了我们方便管理不同版本的文件,就有了版本控制器; 所谓的版本控制器,就是能够了解到一个文件的历史记录(修改记录);简单来说就是记录每一次的改动和版本迭代的一个管理系统,同时也方了多人进行协作。 当前应用最广泛的版本控制器就是git,git可以控制电脑上所有格式

vue3+ts 中 ref与reactive 如何指定类型

ref 的基础特性 ref 约等于 reactive({ value: x }) ref() 可以定义时无参数,第一次赋值任意类型,然后就不能增加属性 const refa = ref(6) const rcta = reactive({ value: 12 }) console.log('refa:', refa) //RefImpl{...} console.log('refa:', refa