vite现在创建的vue项目已经默认为vue3了，但是在引入vue-router时，会有个坑，非常坑。就是vue-router报错问题，一直提示createRouter为undefined或者其他的关于vue-router报错的问题，主要原始是vue-router版本问题，直接升级到最新版本即可：npm i vue-router@4当然，安装最新版本前要先卸载之前的版本，然后重启项目...

场景分析：前段时间通过hexo命令上传项目到git突然发现会报错，而且之前的项目也会出现空白页。经过一顿操作后发现，node.js的版本过高，导致hexo命令失效。 目前hexo不支持高版本，只能通过降级解决问题。 所以接下来就关乎到node版本的切换控制管理了。

$(document).ready(function(){ {代码...} });

原生的select有很多样式不能随意改动，比如不能设置居中不生效，select框长度不能根据内容自适应等。而且在ios端和安卓端显示的样式不统一。所以为了解决以上问题，基于swiper对select进行了优化改进，改进后的样式可以随意设置，实现多端样式统一。

作为一个MARKDOWN编辑器资深用户者，今天强烈推荐一款免费好用的编辑器-TYPORA。同时也一块解锁一些TYPORA令人惊喜的小功能。 开始之前，先来了解一下TYPORA编辑器的优点： 简洁美观，没有多余冗杂的东西 功能丰富，支持六级标题、公式、代码块、链接、图片、表格插入等 实时预览，随时编辑，随时显示 跨平台，支持windo...

项目开发过程中难免会遇到倒计时，获取时间等类似的问题，然而ios端获取时间戳时发现，显示结果NaN(nont a number)，安卓端显示是ok的。原因：Date（）内时间格式问题ios使用如下方法获得NaN，安卓手机则是正常计算

表单动画1 html源码 {代码...} css源码 inputBox class类用于布局，就是一个input容器，便于观看，我这里设置每一行分为3个列（可根据自己需求设置）。 {代码...} 然后为input元素设置一些通用样式。 {代码...} effect-1 class类就代表这不同的input表单获取焦点的动画样式种类, effect-1就代表第一种，以此类推。 .focu...

表单动画1 html源码 {代码...} css源码 inputBox class类用于布局，就是一个input容器，便于观看，我这里设置每一行分为3个列（可根据自己需求设置）。 {代码...} 然后为input元素设置一些通用样式。 {代码...} effect-1 class类就代表这不同的input表单获取焦点的动画样式种类, effect-1就代表第一种，以此类推。 {代码...

有没有遇到过打开页面加载一段时间，页面内容才加载出来。在等待加载的过程中页面却是空白页，给用户的体验特别不好，会让项目降一个档次。下面的十六种炫酷炸裂的css加载动画，会让你在等待的过程中，体验视觉盛宴，给用户不一般的加载体验，对，就是纯css3的炫酷加载动画，请看效果！

我是一块砖，哪里需要往哪搬！移动项目开发中经常会遇到奇奇怪怪的问题，在正常不过了。而由于ios和安卓系统的不同，适配问题也是时常发生。而其实一个，苹果手机输入框（input，select，textarea）失去焦点后，页面不归位的问题是在平常不过了。问题分析：由于安卓系统调用键盘的时候是直接浮动在页面上面的，而ios是整...

话不多说，下面的配置将会让你的网站提高n个档次！ 【所有文章】按钮安装 你初始化的文章，所有文章按钮点开是有问题的，主要是你配置文件里面少了下面的内容 在博客根目录找到_config.yml文件，然后打开文件，在其最下方添加下面代码段： {代码...} 然后hexo d上传项目，更新后再次点击所有文章目录，会神奇的发现，哇...

当你打开github给你设定的固定域名时，是不是感觉low极了。主要是github给你的域名在你注册用户名的时候就已经注定是这样的了，所以部署好网站头等大事就是设置一个我们自己个性的域名。

新建一个名为“你的用户名.github.io”的仓库，比如说，如果你的github用户名是mengnn，那么你就新建"mengnn.github.io"的仓库（必须是你的用户名，其它名称无效），将来你的网站访问地址就是 mengnn.github.io了，对的，就是这么方便。

bower是twitter的一个开源项目，使用nodejs开发，用于web包管理。如果越来越多得开源项目都托管在github上，bower只需要将github上项目加上一个配置文件既可以使用bower方式使用安装包。作为包管理，bower能提供添加新web包，更新web包，删除web包，发布web包功能，管理包依赖。web包通常认为由html+css+javascript构成。

上篇文章了解了怎么去配置以及运行webpack，但是由于简单的打包js，有时候我们有很多css文件需要去打包，这个怎么办呢？不用着急，这边文章就是来一起学习怎么去简单的打包css文件。

简单的来说，WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。

最近有人问我，前端模块为什么是空着的。是呀，前端模块一直没有着手开始写，不是因为没有东西可写，是一直在想着以什么样的前端开篇，有太多东西要写，但如果没有规划的写，可能久而久之的就遗弃了。所以再三决定，从我第一次认识前端知识开始写起，当然对于那些前端大牛，也许这篇文章没有营养，但我相信也不乏一些刚...