前端

有关Webpack面试题

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

前端知识梳理-浏览器篇

一、什么是进程,什么是线程 进程是cpu资源分配最小单位,线程是进程最小调度单位。 在我们的操作系统中,有许多许多的进程,操作系统每干一件事儿就会交给一个进程去做,比如打开音乐就是一个进程。而每个进程里又包含了许多的线程,例如打开了音乐播放器,放一首歌,就是一个新的线程,切换下一首,可能又是另外一个线程。总之他俩之间的关系就是一个进程包含多个线程。 二、浏览器是多进程还是单进程 浏览器一般都

Android Flow 与Live Data对比

[转]官方推荐 Flow 取代 LiveData,有必要吗? 更加详细的文章:不做跟风党,LiveData,StateFlow,SharedFlow 的使用场景对比 前言 打开Android架构组件页面,我们可以发现一些最新发布的jetpack组件,如Room,DataStore, Paging3,DataBinding 等都支持了Flow Google开发者账号最近也发布了几篇使用Flow的文章

js、ts、vue2、vue2+ts、vue3、vue3+ts复制文本

js版本 解释navigator.clipboard 剪贴板 Clipboard API 为 Navigator 接口添加了只读属性 clipboard,该属性返回一个可以读写剪切板内容的 Clipboard 对象。在 Web 应用中,剪切板 API 可用于实现剪切、复制、粘贴的功能。 只有在用户事先授予网站或应用对剪切板的访问许可之后,才能使用异步剪切板读写方法。许可操作必须通过取得权限 P

Vue-Cli脚手架使用

目录大纲 一、Cli说明 二、安装并创建Cli项目 三、Cli项目结构说明 一、Cli说明 CLI 是一个基于 Vue.js 进行项目搭建的脚手架系统,CLI(Command-Line Interface)是一个命令行界面工具, 俗称脚手架。 CLI是基于 webpack 进行项目构建,由@vue/cli 和@vue/cli-service 组成。 CLI的目标是将Vue 项目的创建开发

React中classnames库使用

最近在写React的项目中,看到之前的大佬引入的classnames组件库,特别的实用,在此跟大家分享一下。 从名字上可以看出,这个库是和类名有关的。官方的介绍就是一个简单的支持动态多类名的工具库。 classnames的引入 支持使用 npm, Bower, or Yarn 使用 npm安装 npm install classnames 使用 Bower安装 bower install clas

react中 useContext 和useReducer的使用

useContext和useReducer 可以用来减少层级使用, useContext,可以理解为供货商提供一个公共的共享值,然后下面的消费者去接受共享值,只有一个供货商,而有多个消费者,可以达到共享的状态改变的目的。 useReducer 可以和 useContext 配合使用,useReducer 可以理解为所有的公共组件共享状态。有多个组件,但是都要共享同一个状态和改变状态后的值,这时候

uni-app app端web-view通信

本文简介 点赞 + 关注 + 收藏 = 学会了 在 uni-app 或者 微信小程序 中,都有 web-view 组件。 该组件是一个浏览器组件,可以承载网页的内容。而且该组件是全屏的,会覆盖该组件之外的其他内容。 本文要讲解在 uni-app 中使用 web-view 怎么实现大量数据通信。 我所使用的是 Vue 3 语法。 web-view 数据通信方法 web-view 文档 web-

开源:各种前端设计和动效,这个项目里一应俱全

一、简述 经过了两个月的精心打磨,该项目也趋于稳定,我想是时候与大家见面了,今天就向大家隆重介绍这个开源项目:visualization-collectio,一个专注于前端视觉效果的集合应用,里面有大量的前端设计和丰富的动效案例,包括有Html视觉、Css动效、Canvas动效、Echarts交互、Three.js3D、人工智能应用和图片处理工具这七大模块。 该项目也是我在工作之余完

qiankun 微应用vue接入到基座

前言: 我这里的父级应用使用的是react工程,umi。下面两个例子vue2,vue3,作为微应用接入到基座所需调整 vue2项目 1: 安装vue-cli 使用vue create XXX(xxx是你的项目名称) 命令创建项目,安装的时候选择vue2 2:改造main.js: 子应用需要在自己的入口文件导出 bootstrap、mount、unmount 三个生命周期钩子,以供主应用在适当的时