技术概述 ? 需求是实现一个包含三种状态，分别是底部、半屏、全屏的浮层，并且浮层支持用户随意拖动，同时还要防止用户过度拖动。技术难点在于对动画的控制，必须得有一定的过渡动画否则整体会很突兀。 技术详述 ? 首先看一下预期的样子，图为ios自带高德地图的底部浮层。 ? 最开始的动画我是用CSS的key ...
分类：
微信 时间：
2021-06-28 19:15:24
阅读次数：
0
理论是基础，有些东西还是要温故而知新吧，闲余之时还是要“炒炒现饭”。下面小编把“阿里Web前端开发面试题”贴出来，大伙看看吧~~ 1. CSS 盒子模型，绝对定位和相对定位 1）清除浮动，什么时候需要清除浮动，清除浮动都有哪些方法 2）如何保持浮层水平垂直居中 3）position 和 displa ...
分类：
Web程序 时间：
2021-06-16 18:14:23
阅读次数：
0
微信设计又更新，这次终于轮到了订阅号昨天发现打开微信的订阅号，在最上方的浮层会出现下图所示 左边是朋友点过“在看“的视频，右边是常读的的订阅号点进视频的图标，出现新的界面，分为推荐栏和关注栏，默认是进入推荐栏。 推荐栏的上层是朋友“在看“的视频，下方基本都是些热门相关的（因为我没有反复刷新目前也不了 ...
分类：
微信 时间：
2021-02-27 13:39:45
阅读次数：
0
1 tooltip: { 2 trigger: "axis", 3 padding:0, 4 //formatter提示框浮层内容格式器，支持字符串模板和回调函数两种形式。（详细见：https://echarts.apache.org/zh/option.html#tooltip.formatter ...
分类：
其他好文 时间：
2020-12-19 12:09:40
阅读次数：
1
不要冒然评价我，你只知道我的名字，却不知道我的故事，你只是听闻我做了什么，却不知我经历过什么。 俗话说得好，产品有三宝，弹窗浮层加引导。 上图截图自我司 App 晓黑板中的口算模块，相信每个 App 开发在工作中都碰到这种场景，为了避免用户对新功能产生困惑，会对一些功能加一些引导操作。在原生开发中， ...
分类：
其他好文 时间：
2020-12-16 12:32:09
阅读次数：
3
测试同学提了一个问题, 问题的具体现象为 一个dialog出现后, 其中的input内容有聚焦, 但是确不能通过 tab 移动到下一个 input 输入框 我感觉也很是奇怪, 但是只要用鼠标点击 dialog 浮层的任何一个位置就可以进行正常的操作了(通过tab进行input的移动) 奇怪的是, 我 ...
分类：
其他好文 时间：
2020-07-11 19:20:51
阅读次数：
61
transitionDuration：提示框浮层的移动动画过渡时间，单位是 s，设置为 0 的时候会紧跟着鼠标移动。 tooltip: { transitionDuration: 0, }, 官方文档说明： https://echarts.apache.org/zh/option.html#tool ...
分类：
其他好文 时间：
2020-06-24 13:40:46
阅读次数：
218
对话框（别称模态框，浮层）是web项目中用于用户交互的重要部分，我们最常见的就是js中 alert()，confirm()，但是这个对话框的不美观，也不能自定义样式，所以在开发的过程中，一般根据自己自己的需求造轮子或者使用第三方的。 对话框的组成 常见的弹出框形式： 位置：屏幕的左上角，右上角，左下 ...
分类：
Web程序 时间：
2020-04-22 16:54:56
阅读次数：
87
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script type="text/javascript" src="jquery-1.8.3.min.j ...
分类：
Web程序 时间：
2020-03-27 12:30:07
阅读次数：
111
1 浮动的副作用 html代码 css代码 2绝对定位，相对定位，固定定位 html css 3 利用z index显示遮罩层和浮层 html代码 css 4 透明度的例子 html css ...
分类：
其他好文 时间：
2020-03-14 00:51:02
阅读次数：
55
