讲义

flex 布局
2020-02-07 17:21:24
0赞
0踩
493阅读
传统布局和flex布局对比传统布局兼容性好布局繁琐局限性,不能在移动端实现很好的布局flex布局操作方便,布局极其简单,移动端使用比较广泛pc端浏览器支持情况比较差IE11或更低版本不支持flex或仅

移动端流式布局-京东首屏布局
2020-02-07 15:05:36
0赞
0踩
594阅读
流式布局方式是移动web开发使用的比较常见的布局方式。所谓流式布局,即百分比布局,也称非固定像素布局。通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩,不受固定像素的限制,内容向两侧填充。接下来以

移动开发技术选型
2020-02-07 12:09:04
0赞
0踩
441阅读
pc 与移动端分开这是主流的方案,移动端站点一般用 m 作为二级域名,如 m.jd.com,也就是说,PC端和移动端为两套网站,pc端是pc断的样式,移动端在写一套,专门针对移动端适配的一套网站响应式

css3 盒子模型(box-sizing)
2020-02-07 11:36:33
0赞
0踩
496阅读
传统模式计算 css 的盒子宽度令人望而生畏,后端同学处理起来更是手忙脚乱,总是小心翼翼,一不小心,整个布局样式都乱了,内心充满了无力感传统模式的公式: 盒子的宽度 = css 中设置的 width

二倍图以及背景图缩放
2020-02-07 11:17:25
0赞
0踩
845阅读
物理像素与物理像素比物理像素点指的是屏幕显示的最小颗粒,是物理世界中真实存在的。这是厂商在出厂时就设置好了,比如苹果6是750*1334而我们开发时用的 px 并不等同于像素,即 1px 不一定等于

移动端浏览器视口
2020-02-07 10:35:06
0赞
0踩
569阅读
手机屏幕尺寸移动端设备屏幕尺寸非常多,碎片化严重Android设备有多种分辨率:480x800, 480x854, 540x960, 720x1280,1080x1920等,还有传说中的2K,4k屏近

vue 中的动画封装
2020-01-10 22:46:51
0赞
0踩
555阅读
对以下这种效果进行封装 <style> .v-enter, .v-leave-to { opacity: 0; } .

列表过渡
2020-01-10 22:46:15
0赞
0踩
747阅读
用 transition-group 标签进行包裹 <style> .v-enter, .v-leave-to { opacity: 0;

多个元素或组件的过渡
2020-01-10 22:45:47
0赞
0踩
537阅读
多个元素的情况下,并没有动画效果 <style> .v-enter, .v-leave-to { opacity: 0; }

vue 中的 js 动画与 velocity.js 的结合
2020-01-10 22:44:40
0赞
0踩
920阅读
前文是用 css 动画通过 js 钩子函数实现动画入场动画<div id="app"><!-- 动画钩子 before-enter enter-->