webpack常用loader和plugin Loader 简介 webpack中提供了一种处理多种文件格式的机制,这便是Loader,我们可以把Loader当成一个转换器,它可以将某种格式的文件转换成Wwebpack支持打包的模块。 在Webpack中,一切皆模块,我们常见的Javascript、CSS、Less、Typescript、Jsx、图片等文件都是模块,不同模块的加载是通过模块加载器来统一管理的,当我们需要使用不同的 Loader 前端 2025年06月22日 31 点赞 0 评论 10785 浏览
最简单的webpack入门教程 1 前言 这是一个简单的webpack入门教程 Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。 2 基本使用 使用webpack的前提是已经有了node环境,安装node就不赘述了 2.1 初始化 在空文件夹中使用命令行执行: npm init -y 就会在当前目录下创建一个package.json文件 2. 前端 2025年06月20日 198 点赞 0 评论 13861 浏览
为什么 JavaScript 的 parseInt(0.0000005) 打印“5”? 为什么 JavaScript 中的 parseInt(0.0000005) 打印 5?一个惊人的问题! 前言 最近,我在开发项目时遇到了一个奇怪的问题,parseInt (0.0000005) === 5😱。通常,输出 0 才是正确的,但为什么是 5?让我们一起探讨这个问题。 1.什么时候使用parseInt? 首先,您通常什么时候使用parseInt?大多数时候,我们使用它来解 前端 2025年06月20日 44 点赞 0 评论 2169 浏览
CSS中的BFC,是什么? CSS中的BFC详解 点击打开视频讲解 一、常见定位方案 普通流 默认,从上而下,行内元素水平排列,行满换行,块级元素渲染成一个新行。 浮动 先按普通流位置出现,然后根据浮动方向偏移。 绝对定位 元素具体位置由绝对定位坐标组成。 二、什么是BFC BFC(Block Formatting Context)格式化上下文,是Web页面中盒模型布局的CSS渲染模式,指一个独立的 前端 2025年06月20日 129 点赞 0 评论 9917 浏览
彻底理解粘性定位 - position: sticky 粘性定位可以被认为是相对定位(position: relative)和固定定位(position: fixed)的混合。元素在跨越特定阈值前为相对定位,之后为固定定位。例如: .sticky-header { position: sticky; top: 10px; } 在 视口滚动到元素 top 距离小于 10px 之前,元素为相对定位。之后,元素将固定在与顶部距离 10px 的位置,直到 前端 2025年06月20日 85 点赞 0 评论 14701 浏览
有关Webpack面试题 一、说一下对Webpack的看法 Webpack是一个模块打包工具,可以使用它管理项目中的模块依赖,并编译输出模块所需的静态文件。 它可以很好地管理、打包开发中所用到的HTML,CSS,JavaScript和静态文件(图片,字体)等,让开发更高效。 对于不同类型的依赖,Webpack有对应的模块加载器,而且会分析模块间的依赖关系,最后合并生成优化的静态资源。 二、Webpack的基本功能 代 前端 2025年06月20日 130 点赞 0 评论 17404 浏览
前端知识梳理-浏览器篇 一、什么是进程,什么是线程 进程是cpu资源分配最小单位,线程是进程最小调度单位。 在我们的操作系统中,有许多许多的进程,操作系统每干一件事儿就会交给一个进程去做,比如打开音乐就是一个进程。而每个进程里又包含了许多的线程,例如打开了音乐播放器,放一首歌,就是一个新的线程,切换下一首,可能又是另外一个线程。总之他俩之间的关系就是一个进程包含多个线程。 二、浏览器是多进程还是单进程 浏览器一般都 前端 2025年06月20日 126 点赞 0 评论 13817 浏览
Android Flow 与Live Data对比 [转]官方推荐 Flow 取代 LiveData,有必要吗? 更加详细的文章:不做跟风党,LiveData,StateFlow,SharedFlow 的使用场景对比 前言 打开Android架构组件页面,我们可以发现一些最新发布的jetpack组件,如Room,DataStore, Paging3,DataBinding 等都支持了Flow Google开发者账号最近也发布了几篇使用Flow的文章 前端 2025年06月19日 87 点赞 0 评论 4099 浏览
js、ts、vue2、vue2+ts、vue3、vue3+ts复制文本 js版本 解释navigator.clipboard 剪贴板 Clipboard API 为 Navigator 接口添加了只读属性 clipboard,该属性返回一个可以读写剪切板内容的 Clipboard 对象。在 Web 应用中,剪切板 API 可用于实现剪切、复制、粘贴的功能。 只有在用户事先授予网站或应用对剪切板的访问许可之后,才能使用异步剪切板读写方法。许可操作必须通过取得权限 P 前端 2025年06月19日 44 点赞 0 评论 12140 浏览
Vue-Cli脚手架使用 目录大纲 一、Cli说明 二、安装并创建Cli项目 三、Cli项目结构说明 一、Cli说明 CLI 是一个基于 Vue.js 进行项目搭建的脚手架系统,CLI(Command-Line Interface)是一个命令行界面工具, 俗称脚手架。 CLI是基于 webpack 进行项目构建,由@vue/cli 和@vue/cli-service 组成。 CLI的目标是将Vue 项目的创建开发 前端 2025年06月19日 187 点赞 0 评论 19017 浏览