前端开发

# 高分辨率大图像可缩放 Web 查看器的实践 ## 一、使用 vips 将高分辨率大图像转换为 DZI 1. 安装 vips 具体安装步骤请参考[libvips Install](https://www.libvips.org/install.html)。 注意，在 windows 11 中安装 ... »

本文主要讲述了CSS中的级联层（CSS@layer），讨论了级联层的创建、嵌套、排序和浏览器支持情况。级联层可以用于避免样式冲突，提高代码可读性和可维护性。以及相关的级联知识的深入理解。 ... »

前言 这两天，我们经常逛的好多网站、app首页都变灰了，原因大家应该都知道了 网站变灰 ①B站 ②爱奇艺 ③ 腾讯视频 ④ csdn ⑤百度 怎么实现的呢？ 难道这些网站开发商在网站开发的时候都准备一套灰色主题的UI么？ 好奇心的驱使下，开始疯狂的询问度娘，果真还是找到了这么一个网站。 ①官方文档地 ... »

(如何搭建一个vue项目) 一、nvm 安装与使用 1.1、nvm简介 nvm全名node.js version management，顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs 1.2、nvm下载 ①github下载 https://github.com/ ... »

经常看到有同学抱怨 Node 调试麻烦或者是搞不清怎么调试各种脚本、Jest、Webpack 等等，而偶尔看到的调试相关的文章又全都是在写 inspect、launch.json 这些方案，其实有一定学习成本。 而其实在 VSCode 中早已内置了相当无脑的 Debug 方式，就是 JavaScri ... »

函数式编程是一种编程范式，它将程序抽象为函数和数据结构，通过函数调用来实现程序的功能，并且函数可以作为参数传递给其他函数。 ... »

Vue官网的风格指南按照优先级（依次为必要、强烈推荐、推荐、谨慎使用）分类，本文根据项目实际情况整理了一份适用于团队开发的vue风格指南，供大家参考。 ... »

痛点 前端测试 在进行前端页面开发或者测试的时候，我们会遇到这一类场景： 在开发阶段，前端想通过调用真实的接口返回响应 在开发或者生产阶段需要验证前端页面的一些 异常场景 或者 临界值 时 在测试阶段，想直接通过修改接口响应来验证前端页面是否正常 想验证后端服务响应比较慢的情况下，验证前端页面是否正 ... »

Vue项目案例 结合之前学习的 vue.js、脚手架、vuex、vue-router、axios、elementui 等知识点，来开发前端项目案例（仅前端不含后端）。 1.项目搭建 其实就是将我们项目需要用到的组件都安装并配置好，需要做的事有： 创建项目 & 运行项目 vue create 项目名称 ... »

脚手架 1. 安装 第一步：安装node.js Vue CLI 4.x+ 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)。 https://nodejs.org/en/download/ 如果想要更新node.js的版本 1.先查看本机node.js版本： node -v 2.清 ... »

1. 说说gulp和webpack的区别 开放式题目 Gulp强调的是前端开发的工作流程。我们可以通过配置一系列的task，定义task处理的事务（例如文件压缩合并、雪碧图、启动server、版本控制等），然后定义执行顺序，来让Gulp执行这些task，从而构建项目的整个前端开发流程。通俗一点来说， ... »

前端性能优化——图片优化 一、图片优化措施 优化图片是 Web 前端优化的重要一环，因为图片是 Web 页面中最耗费带宽和加载时间的资源之一。以下是一些通过优化图片来优化 Web 前端的方法： 压缩图片：压缩图片可以减少图片的文件大小，从而减少加载时间。 使用矢量图形：使用矢量图形（如 SVG）可以 ... »

1.ChatGPT 是什么? ChatGPT 是一种基于深度学习的自然语言处理技术，它可以生成高质量的自然语言文本。该技术是由 OpenAI 团队 开发，旨在使计算机能够像人类一样理解和产生自然语言。ChatGPT 使用了深度神经网络和自然语言处理技术，通 过对大量语言数据的学习和建模，实现了自然语 ... »

目录 一、Vue概述 1、Web前端框架介绍 2、MVC和MVVM 3、Vue介绍 4、安装Vue 二、Vue使用 1、第一个Vue应用  2、Vue的双向绑定 3、实践练习 三、Vue生命周期 1、Vue的实例和数据 2、Vue生命周期钩子函数 3、实践练习 四、过滤器 1、过滤器 »

目录 一、Vue概述 1、Web前端框架介绍 2、MVC和MVVM 3、Vue介绍 4、安装Vue 二、Vue使用 1、第一个Vue应用  2、Vue的双向绑定 3、实践练习 三、Vue生命周期 1、Vue的实例和数据 2、Vue生命周期钩子函数 3、实践练习 四、过滤器 1、过滤器 »

暴力破解登录是一种常见的前端安全问题，攻击者尝试使用不同的用户名和密码组合来登录到受害者的账户，直到找到正确的用户名和密码组合为止。攻击者可以使用自动化工具，如字典攻击、暴力攻击等来加快攻击速度。 ... »

暴力破解登录是一种常见的前端安全问题，攻击者尝试使用不同的用户名和密码组合来登录到受害者的账户，直到找到正确的用户名和密码组合为止。攻击者可以使用自动化工具，如字典攻击、暴力攻击等来加快攻击速度。 ... »

目录 前言 随机数概念 使用场景 示例说明 示例一：生成32位随机流水号 示例二：传给后台一个随机的唯一标识的参数（32位随机数，小写字母）。 引申 示例一：使用randomString，val表示长度，默认32位 示例二：生成从100000～999999的随机数 示例三：对已经定义过的数组 »

目录 前言 随机数概念 使用场景 示例说明 示例一：生成32位随机流水号 示例二：传给后台一个随机的唯一标识的参数（32位随机数，小写字母）。 引申 示例一：使用randomString，val表示长度，默认32位 示例二：生成从100000～999999的随机数 示例三：对已经定义过的数组 »

前端性能优化——启用文本压缩 一、发现性能问题 1、通过 Google Chrome 打开需要进行性能优化的站点 2、打卡 Chrome 开发者工具 Lighthouse 面板 3、在 Lighthouse 面板中根据自己的需求自定义分析项和分析配置 4、完成分析项和分析配置自定义后，点击”分析网页 ... »