- 博客(6)
- 收藏
- 关注
RSS订阅原创 解决移动端键盘遮挡输入框问题
vue项目中,点击输入框的时候,弹出的键盘挡住了输入框,需要把输入框展示在可见区域中,不被遮挡项目中,点击输入框的时候,弹出来的键盘挡住了输入框,输入框不在可视区域里面,主要解决代码,加个监听来看是否点击了输入框,滚动到可视区域Element.scrollIntoView()方法让当前的元素滚动到浏览器窗口的可视区域内。而Element.scrollIntoViewIfNeeded()方法也是用来将不在浏览器窗口的可见区域内的元素滚动到浏览器窗口的可见区域。window.addEventListene
2021-04-09 09:59:19
2061
1
原创 基于postcss-pxtorem的vue项目响应式布局
基于postcss-pxtorem的vue项目响应式布局最近在开发一个门户网站，用到了媒体查询响应式布局和postcss-pxtorem，下面做个小总结，方便以后使用。安装amfe-flexible和postcss-pxtoremnpm install amfe-flexible --savenpm install postcss-pxtorem --save--devmain.js中引入amfe-flexibleimport "amfe-flexible";vue.confi
2021-03-25 15:42:41
1332
6
原创 vue预渲染
声明：本文部分参考了 kang_k 大神的文章 vue做seo优化 https://blog.youkuaiyun.com/kang_k/article/details/1005140421.前言最近要开始开发一个门户网站，此项目需要SEO优化，考虑了两种方案 SSR 服务端渲染和 预渲染；由于服务端渲染需要后端配合，而前期需求基本是静态html页面，人工成本和时间较高，所以选择了vue官方推荐的预渲染技术；2.项目搭建此项目主要使用vue-cli4进行搭建，（也可以使用vue-cli3，差别不大）而预渲染
2021-03-19 13:05:09
1280
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人