Kris的博客

pc端项目中为了优化SEO搜索，要求首页和内容页的title/keywords/description 保持不一样用vue+webpack搭建的项目思路：1）由于vue是单页面应用，index.html入口文件< head >标签只有一个，那么只能通过判断切换的路由2）判断切换路由 需要在main.js全局js中 使用 router.beforeEach，to中可以获得将要...

在项目中，比如首页较长是需要scroll的，进入到另一页面后，返回时默认在首页原来的位置思路：这个主要是vue监听滚动事件，监听到进入之前的滚动条并保存下来，切换回来时再取出来进行赋值就可以了。步骤：1）利用vue的@scroll事件对整个页面进行监听2）保存滚动条的值用的是sessionstorage，这个最合适了，又能暂存下来，又可以随着浏览器的关闭而清除掉3）最后就是用钩子...

vue项目做pc端的时候，发现在两个页面切换时 滚动条没有回到顶部而是保持原先的位置，这是由于vue是单页面应用，只是更换了路由内容，还在当前页面滚动条是不会回到顶部的。解决办法是在切换路由的时候，将滚动条复位为0。在App.vue文件下，添加watch事件，全局监听路由，亲测有效。components:{publicTop,publicFooter,},// 使用watch 监听K...

原因：低版本浏览器内核版本太低，无法解析 ES2015最新的一些语法。babel是一个转译器，把同种语言的高版本规则翻译成低版本规则一般搭建项目时webpack会在最外层配置一个.babelrc文件用于默认解析ES2015（es6）中的特殊语法（例如： let，const，class等）而babel默认只转换新的JavaScript句法（syntax），而不转换新的API，比如Iterato...

报错情况在npm run dev 后报错 出现下面情况“checkPermissions Missing write access to D:\myproject\vue-demo\node_modules…”意思大概是没有权限需要把node_modules 删除 再 npm install 重新安装依赖"Module build failed: Error: Cannot find...