![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
沧海·
不积跬步无以至千里
展开
-
VUE小界面
为了学习前端VUE知识,做了第一个VUE界面,为了熟悉命令,界面比较丑,下面贴出代码。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>2.class</title> <style> thead{ background-color: aqua;}table{ border: 1px solid .原创 2021-08-24 16:53:37 · 286 阅读 · 0 评论 -
WebView内嵌H5实现小程序分享
小小的问题网上说的乱七八糟,解决后自己记录一下,简单明了。不懂可以留言。 <web-view :src=url bindmessage="h5PostMessage"> </web-view>bindmessage 属性是在用户进行分享时主动触发js:export default { data() { return { url:'你的内嵌H5链接' }; }, onLoad: function(e){ if(e.url原创 2021-03-17 15:37:10 · 1492 阅读 · 0 评论 -
不依赖任何框架,H5首页瀑布流实现竟如此简单!
注意:此文章为纯JS实现效果不依赖任何框架为实现如下H5瀑布流显示效果html:<div class="productcontent" style="padding-bottom: 70px;"> <div onclick="window.location='productdetails.html'" class="item" > <div class="item-img"> <img src="img/pro原创 2021-01-20 18:01:14 · 706 阅读 · 1 评论 -
实现H5短信验证码倒计时
html: <div id="getcode"> <span id="J_second">60</span>秒后重新获取验证码 </div> <div id="getcodeagain"> <a>重新发送</a> </div> css: #getcode{ margin-left: 80px; margin-top: 80px;.原创 2021-01-06 17:54:23 · 528 阅读 · 2 评论 -
H5实现短信验证码文本框功能(依次聚焦文本框)
H5界面实现验证码校验(4位数6位数均可自定义)如图:HTML: <div id="code" class="code"> <div class="v-code"> <input ref="vcode" id="vcode" type="tel" maxlength="4" v-model="code" @focus=原创 2021-01-06 17:50:13 · 1271 阅读 · 0 评论 -
dialog弹出的界面显示在父级(不局限于Iframe中)跳出Iframe显示
注:前端选用的框架是easyUI昨天遇到一个小bug,在界面中的Iframe里的界面弹出的框只存在于Iframe中,我想让他显示在整个界面里,来操作首先思想梳理1.第一步我们要明确想让他在父级中展示就应该吧弹出的框的HTML代码写在父级的前端代码中(默认关闭状态,不显示)2.第二步在Iframe中的界面JS中调用父级的控件。用parent.定位父级的DIV3.显示出来后JS的执行代码在也在子级中父级:@* 新增 *@ <div id="applyAdd" class="easyu原创 2020-12-11 11:04:06 · 1646 阅读 · 0 评论