1. 初始化页面 滚动监听事件 mounted() {window.addEventlinster(scroll, this.windowScroll, false) }2. 滚动事件 //数据 data(){return{list:[],page:1, // 分页页数limit:10, // 分页条数total:0, // 总数isLoading: false //是否加载中} } methods:{windowScroll(){let …

前段时间接触了h5移动端的开发，移动端字体大小不同于pc端一般直接用px单位，而是经常用rem作为基础单位，常规做法使用1rem=100px的换算方式，如果设计稿是375px作为整个屏幕端度的话，那么我们换算过的屏幕宽度则为3.75rem；如果设计稿是450px的话，屏幕宽度则为4rem。具体设…

在开发移动端h5应用时，尤其是在开发混合app时，一般情况下，顶部导航会一直固定在页面头部，如下图： h5的常规操作是直接来个fixed定位，代码如下： position:fixed; top:0; left:0; right:0; 但是，这种写法，在ios系统下，会出现一些，类似下拉页面时，导航会一起滚动，无法…

移动端概念 像素 像素就是计算机屏幕能够显示一种颜色的最小区域。屏幕上的像素越多，就能够看到的越多。 物理像素（设备像素） , 设备的分辨率就是物理像素，单位是 px。 css 像素 我们在页面布局时用的 px 就是 css 像素。 物…

一、安装vue-cli npm install -g vue/cli查看版本打开cmd 输入 vue -V如图是我的版本，后续以此搭建移动端项目并引入vantUI等 二、创建项目 1、随意找一个盘打开Powershell,我就在桌面创建输入 vue create demo-h52、选择配置项 3、选择Manually select featu…

移动端h5开发注意事项： 布局方面： 1.开发时小图片比较多，所以我使用绝对定位的次数比较多，绝对定位时尽量根据top进行定位，bottom定位在移动端下方出现时横条时，会让样式错乱。 2.布局方面我是用的是rem …

H5移动端文件预览pdf 需求：H5页面嵌入浙政钉，需要文件预览Pdf。 试用了多个插件，踩了很多坑，如果小伙伴有类似填坑经历，并成功解决，感谢留言指点！！！ 先讲最终方案&#x…

1.安装插件 postcss-pxtorem， postcss-pxtorem是一款 PostCSS 插件，用于将 px 单位转化为 rem 单位 npm i postcss-pxtorem --save-dev 2.根目录下新建postcss.config.js文件 在postcss.config.js文件中配置 module.exports {plugins: {// postcss-p…