12 2020 档案
摘要:在开发过程中,有一段代码如下: <div class="btns"> <a class="refuseBtn" data-i18n-text="refuse"></a> <a class="passBtn" onclick="approvalOrder('1')" data-i18n-text="p
阅读全文
摘要:需求为根据来访理由的内容高度,自适应地调整来访理由这个横栏的高度。 原效果图如下: 其html为: 解决方法: 我们设置这个横栏的高度为高度自适应。即 .visitReasonArea{ height: auto; } 效果如下: 我们发现并没有生效,原因在于left和right都设置了绝对定位。因
阅读全文
摘要:需求为点开同一个链接,在手机端和PC端进行不同的页面展示,但是页面内元素在手机端和PC端大体一致。 这里我使用了媒体查询,对电脑和手机分别写了一套不同的css。 即 @media screen and (max-width: 480px){ /* 手机端css */ } @media screen
阅读全文
摘要:我们在做输入框实时查询时,一般会这样写: <input type="text" id="searchInput"> <script> let searchInput = document.querySelector('#searchInput') searchInput.oninput = func
阅读全文
摘要:有时,产品的用户是其他国家(如英语国家)的,这时候就需要增加前端多语言切换(国际化)的功能。 基于jquery,我们可以采用以下方法: 1.在项目中创建资源文件,如下图,其中h5是根目录: 2.在common_en.properties中写上转换的中英文对照表,如: 用户登录=user login
阅读全文
摘要:推荐一个轻松制作海报的网站——图怪兽。 这对于设计小白来说很有用, 制作效果如下: 这个网站每天用一个手机号只可以下载一次海报,需要珍惜机会~ 另外,其中的二维码是我自己生成的,用的是草料二维码网站。 这个二维码生成网站不仅支持把字符串变成二维码,还支持在二维码中间或右下角增加logo,可以自选lo
阅读全文