前端

懒加载的实现

<!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

有关Webpack面试题

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

css渐变效果

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

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

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

如何在web编辑器UEditor中完美转存Word内容?

没有任何限制的在任何产品中使用,完全开放产品源代码 编辑器:百度富文本编辑器,百度UI,ueditor 前端:vue2,vue3,vue-cli,react,html5 用户体验:Ctrl+V快捷键操作 功能:导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内

flex布局属性简介

flex-direction:设置主轴的方向(即项目的排列方向)。 内有四个值: row(默认值):主轴为水平方向,起点在左端。 row-reverse:主轴为水平方向,起点在右端。 column:主轴为垂直方向,起点在上沿 column-reverse:主轴为垂直方向,起点在下沿 justify-content:设置主轴上的子元素排列方式。 内有五个值: fl

【高级前端进阶】Deno 快速上手入门教程 - 老曹带你飞

🚀 Deno 快速上手入门教程 - 老曹带你飞 作者:全栈前端老曹 | 📅 更新时间:2025年 | 🎯 适用人群:JavaScript/TypeScript开发者 📖 引言:为什么又是你,Deno? 👨‍💻 “又来

Vue 2.7 + Vite项目搭建

Vue 2.7 + Vite vue2.7 + vue-router3 + pinia 示例代码: 示例页面: 用到的vite插件 @vitejs/plugin-vue2 vite的vue2.7插件 @vitejs/plugin-

Swift数组处理全解(一篇全部搞定)

定义数组:使用语法 [元素类型] 来定义数组,例如: var arr1 = [1, 2, 3] var arr2: [String] = ["apple", "banana", "pear"] 访问数组元素:可以使用下标(从 0 开始)或者循环遍历数组来访问其中的元素。 let arr = ["apple", "banana", "pear"] let first = arr[0]