心随媛动

1.发现问题：当前页面中box为flex布局，内容为上下固定高，中间自适应（中间区域内容过多会出现滚动条，input框在wrapper的底部），input获取焦点，手机键盘弹出，input未上移到可视区内，怀疑是flex布局导致。 3.真机模拟：进行真机与电脑连接调试，打开ch…

一个java程序员最不务正业的一次分享了。 小程序的火热相信不用我多说了，年初的时候老婆去浦东某达面试，甚至都被问有没有小程序测试经验。俨然小程序成为了互联网公司自PC，WAP，安卓，IOS之后又一不可或缺的入口。正好这段时间公司也在做一款小程序，于是顺便也学习了一把。当然因为…

前端重构程序员是一个关注代码同时还要留意体验的异类。代码的优化虽然难，但是有比较多的性能测试工具去证明优化的成果。然而体验这种东西，我们又要如何去证明它的好与坏呢？ 今天我着重会基于「webnovel」PC站点从以上两点给大家介绍，如何从体验的角度去做重构的优化，并如何用数据去…

我们知道form表单中的input、textarea之类标签是支持内容可编辑的，但并不支持富文本，如果在这些标签里粘贴带格式的内容，会被去格式，只保留文本内容。如果想设置可编辑富文本，有两种方式： 嵌入空页面的iframe，并设置designMode属性值为“on”，这样整个文…

需求背景 实现一个输入框，高度可以随着输入文字的增加而自动增高，类似于微信输入 有placeholder，输入为空时，显示placeholder 可设置maxlength 设想1：使用textarea实现 将textarea的高度设置成auto，overflow设置成visib…

按需加载的背景 React Router 是一个非常出色的路由解决方案，同时也非常容易上手。但是当网站规模越来越大的时候，首先出现的问题是 Javascript 文件变得巨大，这导致首页渲染的时间让人难以忍受。实际上程序应当只加载当前渲染页所需的 JavaScript，也就是大…

左侧是 markdown输入框，右侧是对应的 markdown输出即时预览框，两个元素框可以相互跟随滚动。 由效果图可以基本确定，整个页面大概分为三个大块，顶部的 header标题输入框、主体左侧 markdown输入框、主体右侧 markdown即时预览框。 因为要输入大段文…

全屏h5的制作方法

介绍一些移动端使用 Video 标签满屏播放视频的实践经验