前端

3种前端文件下载的方式

前端下载有两类,一类是直接让浏览器接管的(点击a链接触发),另一类是先在内存里下载好(blob),然后调用浏览器的保存。 1.window.open 我最初使用的方法就是这个,只要提供了文件的服务器地址,使用window.open也就是在新窗口打开,这时浏览器会自动执行下载。 2.a标签 其实window.open和a标签是一样的,只是a标签是要用户点击触发,而window.open可以主动触发

最简单的webpack入门教程

1 前言 这是一个简单的webpack入门教程 Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。 2 基本使用 使用webpack的前提是已经有了node环境,安装node就不赘述了 2.1 初始化 在空文件夹中使用命令行执行: npm init -y 就会在当前目录下创建一个package.json文件 2.

【年终总结】从非科班无实习到准字节前端:我始终相信,开发之外的事,才是破局关键

目录【年终总结】从非科班无实习到准字节前端:我始终相信,开发之外的事,才是破局关键一、求其外,善其内1、坚持出发点正确的博文写作2、博文更新对我心态的淬炼3、社区交流对我视野的启发4、向外拓展,反哺内修二、陷入前端则前端死,跳出前端则前端活1、从不务正业到泛前端2、从泛前端到大前端,从有形到无形三、秋

2022年前端js面试题

还有部分没更新完... var、let、const区别 1. var存在变量提升,而let、const没有 2. let、const有块级作用域,而var没有 3. var 在同一块作用域可以重复声明多个相同的变量,后者覆盖前者,let、const重 复声明会报错 4.let、var声明变量后可以进行改变值,const声明不能修改([对象、数组]的属性和方法可以改变 合并对象的方法可以写几种 c

HTML5的离线应用

一,离线应用         什么是离线应用呢? 就是你现在正在页面上浏览网页或者填写信息,正在这时,你家的wifi突然断了,那么这时你重新连接页面会发现之前的页面都重新加载了,之前填写的相关信息也得从头开始写。那么如果你的web应用支持离线功能,那么就不会用这种经历了。         什么时候考虑使用离线呢 并不是所有网页都要设置为离线,而是那种交互性和有状态的网页(动用很多js代码维护信息的

vue3 状态管理 pinia

一、pinia 特点 体积小、性能好、使用简单、限制少 支持 Vue Devtools、模块热更新、服务端渲染、Vue2 和 Vue3 没有 mutations,只有 state、getters、actions(异步和同步都可) 二、pinia 安装配置 安装 npm install pinia -S 在 main.js 中注册 pinia import { createPinia

哪些标签存在伪元素,伪类和伪元素的区别

存在伪元素的标签: 1、大部分容器标签(大部分双标签)都有伪元素 iframe没有伪元素 2、大部分单标签都没有伪元素,但是img有伪元素 伪元素简介: 1、伪元素既然带一个“元素”,说明它和 p ,a ,h1 等一样,可以包裹住页面的一部分内容并对其中的内容施加一定的影响。我们可以通过样式表给其书写样式 2、伪元素既然还带一个“伪”,说明它其实在 DOM 树中并不存在,只是逻辑上存在所以我们抽象

582. 【前端】React 组件调试小技巧

一般我们在调试单个React组件时,借助于热更新,我们改改代码可以在浏览器实时看到更新,但当项目比较大的时候,我们调试的页面在整个应用中的路由层级比较深,就会导致:每一次咱们修改完一个地方的代码,浏览器自动刷新到了首页,并进入修改的页面,才能看到更新之后的变化。 介于此,这篇分享一个前端调试React组件的方法。 一、使用 createPortal 构建测试组件 scss代码: .test-con