Category Archives: Frontend

Jquery Pagination分页插件使用

JqueryPagination是个简单轻量级的分页插件，使用起来很容易，只要初始化一个实例，并设置总数量、翻页回调函数、其它参数就可以实现无刷新分页功能了。

解决 VScode 每次打开都是上次打开的文件问题

打开设置，搜索window.restoreWindows，设置为none

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

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

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

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

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

在windows10安装使用fnm

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

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

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

windows系统安装配置fnm

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

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

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

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

History 对象的pushState()和replaceState()

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

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

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");