随笔分类 - 移动端/布局样式/交互
摘要：运用cssText这个属性： 对同一个盒子保留原有样式的基础上进行新的添加：
阅读全文
摘要：需求：（vue项目） 导航固定，导航上锚点定位，滚动条滚动有动画效果。 实现方法： 1）最简单的莫过于用a标签的href="#要跳转的id名"即可，不过这种会造成页面的刷新 2）用 scrollIntoView()来做，不过这个api是相对于浏览器顶部对齐的。由于我们的导航是固定定位，那么在进行滚动
阅读全文
摘要：需求：我们想让盒子可以滚动，但又不想看到其滚动条，如何做？ <template> <div style="width: 500px; margin: 0 auto"> <div class="box"> <ul> <li v-for="(item, i) in list" :key="i">{{ i
阅读全文
摘要：em： em是父元素字体大小。 rem: 设置根标签html 的字体大小，这个跟标签是不运用与布局。 ●Rem布局: Rem是一个相对单位，类似于em，em是父元素字体大小。 不同的是rem的基准是相对于html元素的字体大小。 比如：div中有一个p标签，div的字体大小是12px,那么p如果设置
阅读全文
摘要：响应式开发与移动web开发的比较 开发方式移动web开发+pc开发响应式开发 引用场景 一般已经有了PC端网站，只需要端独开发移动端网站即可 针对一些新建网站，并且要求适配移动端 开发 针对性强，开发效率高 兼容各种终端，效率低 适配 只能适配移动端或者PC端，pad上体验比较差 可以适配各种终端
阅读全文
摘要：在移动的时候会触发触屏事件，依次触发： touchstart，touchmove，touchend 在松开手指的时候，会触发click点击事件。 在点击或者长按不移动的时候然后松开手指，依次会触发： touchstart，touchend，click 通常我们点击就是不移动，但是点击事件发生在tou
阅读全文
摘要：落下后会弹跳然后静止 vue中使用animate.css
阅读全文
摘要：1.iscroll 做页面滚动的 iScroll是一个高性能，资源占用少，无依赖，多平台的javascript滚动插件。 官网：http://iscrolljs.com/ 它可以在桌面，移动设备和智能电视平台上工作。它一直在大力优化性能和文件大小以便在新旧设备上提供最顺畅的体验。 iScroll不仅
阅读全文
摘要：1.移动端页面最大宽，最小宽设置，宽度100%。 2.轮播图父盒子和子盒子百分比设置: 宽度百分比是相对于父盒子而言的。 3.标签内clearfix清除浮动（在上一个做了浮动元素的紧挨着的后面这个标签上加clearfix属性） 4. 5.做精灵图时候，精灵图如果是2倍图，写样式时候，宽高都设置为实际
阅读全文
摘要：什么是2倍屏，3倍屏？ 原本在PC端1物理像素对应1px。现在： 2倍屏 -> 2个物理像素 - 1px 3倍屏 -> 3个物理像素 - 1px 这说明什么了？ -说明原来1px的元素放在2倍屏要被拉大2倍去填充这2个物理像素。 原来1px的元素放在3倍屏要被拉大3倍去填充这3个物理像素。 拉大了会
阅读全文
浙公网安备 33010602011771号