讲义
flex 布局
2020-02-07 17:21:24
0赞
0踩
33阅读
传统布局和flex布局对比传统布局兼容性好布局繁琐局限性，不能在移动端实现很好的布局flex布局操作方便，布局极其简单，移动端使用比较广泛pc端浏览器支持情况比较差IE11或更低版本不支持flex或仅
移动端流式布局-京东首屏布局
2020-02-07 15:05:36
0赞
0踩
45阅读
流式布局方式是移动web开发使用的比较常见的布局方式。所谓流式布局，即百分比布局，也称非固定像素布局。通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。接下来以
移动开发技术选型
2020-02-07 12:09:04
0赞
0踩
28阅读
pc 与移动端分开这是主流的方案，移动端站点一般用 m 作为二级域名，如 m.jd.com，也就是说，PC端和移动端为两套网站，pc端是pc断的样式，移动端在写一套，专门针对移动端适配的一套网站响应式
css3 盒子模型(box-sizing)
2020-02-07 11:36:33
0赞
0踩
27阅读
传统模式计算 css 的盒子宽度令人望而生畏，后端同学处理起来更是手忙脚乱，总是小心翼翼，一不小心，整个布局样式都乱了，内心充满了无力感传统模式的公式： 盒子的宽度 = css 中设置的 width
二倍图以及背景图缩放
2020-02-07 11:17:25
0赞
0踩
22阅读
物理像素与物理像素比物理像素点指的是屏幕显示的最小颗粒，是物理世界中真实存在的。这是厂商在出厂时就设置好了,比如苹果6是750*1334而我们开发时用的 px 并不等同于像素，即 1px 不一定等于
移动端浏览器视口
2020-02-07 10:35:06
0赞
0踩
24阅读
手机屏幕尺寸移动端设备屏幕尺寸非常多，碎片化严重Android设备有多种分辨率：480x800, 480x854, 540x960, 720x1280，1080x1920等，还有传说中的2K，4k屏近
vue 中的动画封装
2020-01-10 22:46:51
0赞
0踩
65阅读
对以下这种效果进行封装 <style> .v-enter, .v-leave-to { opacity: 0; } .
列表过渡
2020-01-10 22:46:15
0赞
0踩
55阅读
用 transition-group 标签进行包裹 <style> .v-enter, .v-leave-to { opacity: 0;
多个元素或组件的过渡
2020-01-10 22:45:47
0赞
0踩
49阅读
多个元素的情况下，并没有动画效果 <style> .v-enter, .v-leave-to { opacity: 0; }
vue 中的 js 动画与 velocity.js 的结合
2020-01-10 22:44:40
0赞
0踩
56阅读
前文是用 css 动画通过 js 钩子函数实现动画入场动画<div id="app"><!-- 动画钩子 before-enter enter-->
