一切福田,不離方寸,從心而覓,感無不通。

Category Archives: Frontend

Edge/Chrome浏览器强制将http转https的解决方案

Edge浏览器:edge://net-internals
Chrome浏览器:chrome://net-internals

龙生   19 Nov 2024
View Details

35+前端UI组件库一览(按star数排名)

material ui-react pc
Ant Design pc
Element UI pc
Vuetify(vue-Material风格) pc
chakra-ui pc
quasar mobile/pc
Vant 有赞前端团队 mobile
Element Plus – Ele pc
Ant Design Vue pc
Mint UI(vue) mobile

龙生   17 Nov 2024
View Details

2023年最流行的10款前端UI框架排名

前端UI框架是一种基于HTML、CSS、JavaScript等前端技术的开发工具集,提供了一系列的UI组件、样式、布局等基础功能,使得前端开发人员可以更加高效地开发出具有良好用户体验的Web应用。

龙生   17 Nov 2024
View Details

在windows10安装使用fnm

1.在下面的目录新建profile.ps1文件
%USERPROFILE%\Documents\WindowsPowerShell\profile.ps1

WindowsPowerShell为新建的目录, 如果安装node后命令仍然无法识别,将文件夹名称改为PowerShell

2.将下面的代码写入到上面的配置文件里面
fnm env --use-on-cd | Out-String | Invoke-Expression

龙生   08 Nov 2024
View Details

windows系统安装配置fnm

下载地址:https://github.com/Schniz/fnm/releases

下载完成,解压之后获取到fnm.exe,把这个文件放到你自己创建的目录。我的目录是:D:\fnm

在D:\fnm下创建一个node空文件夹存放后面下载的不同版本的nodejs。

龙生   08 Nov 2024
View Details

JS 禁用浏览器的前进与后退

 

龙生   07 Nov 2024
View Details

History 对象的pushState()和replaceState()

开发过程中会遇到,要修改当前的url,但是不能让浏览器从新发起请求或者刷新,这个时候就需要用到window.history

总结:
pushState()方法是在历史记录中增加一条新的记录;
replaceState()方法是将当前的历史记录给替换掉,传说中的夺舍重生!

龙生   07 Nov 2024
View Details

Web中如何解决退出后浏览器后退进入访问页面的问题?

// 不对页面进行缓存,再次访问时将从服务器重新获取最新版本
response.setHeader("Cache-Control","no-cache");
// 任何情况下都不缓存页面
response.setHeader("Cache-Control","no-store");
// 使缓存过期
response.setDateHeader("Expires", 0);
// HTTP 1.0 向后兼容
response.setHeader("Pragma","no-cache");

龙生   07 Nov 2024
View Details

nvm 安装node失败问题记录(Get “https://nodejs.org/dist/latest/SHASUMS256.txt“: dial tcp 104.20.23.46:443: i/)

在使用 NVM(Node Version Manager)安装 Node.js 时,您可能会遇到类似如下的错误提示: 这个问题通常是由于网络连接不畅或访问 nodejs.org 的服务器时出现超时所导致的。当 NVM 尝试从 nodejs.org 下载 Node.js 版本文件时,网络阻塞可能会引发这个问题,尤其是在国内网络环境下。 解决方案 为了绕过这一问题,可以通过设置镜像源来加速下载。具体步骤如下: 设置 npm 镜像源: 使用 NVM 时,可以通过以下命令将 npm 的镜像源设置为国内的 npm 镜像源:

  这个命令将会指向 npm 镜像源,确保在安装 npm 相关的包时可以顺利下载。 设置 Node.js 镜像源: 同样地,我们可以将 Node.js 的镜像源设置为国内的 Node.js 镜像源:

  这个命令将 Node.js 下载源指向 npmmirror 的镜像服务器,避免访问 nodejs.org 时出现超时的问题。 设置好镜像源之后,您可以正常安装 Node.js 了。例如:

这将从国内的镜像源下载并安装指定版本的 Node.js。 总结 通过设置 npm 和 Node.js 的镜像源,可以有效解决由于网络问题导致的 NVM 安装 Node.js 失败的问题。这种方法特别适用于在国内环境中开发时遇到的网络连接问题。 希望这个解决方案能够帮助您顺利安装并使用 Node.js。如果您在其他方面遇到问题或有进一步的疑   from:https://blog.csdn.net/qq_67572731/article/details/141465938

龙生   25 Aug 2024
View Details

backdrop-filter

backdrop-filter CSS 属性可以让你为一个元素后面区域添加图形效果(如模糊或颜色偏移)。因为它适用于元素背后的所有元素,为了看到效果,必须使元素或其背景至少部分透明。

龙生   14 Aug 2024
View Details
1 2 60