前端
关注
分享
扫一扫
沧海·
不积跬步无以至千里
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
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 · 324 阅读 · 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 · 1594 阅读 · 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 · 782 阅读 · 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 · 584 阅读 · 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 · 1348 阅读 · 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 · 1849 阅读 · 0 评论