- 博客(19)
- 资源 (2)
- 收藏
- 关注
原创 vue computed checked多选单选
vue 使用 computed 快速创建checkbox// 单个选项<li v-for="(item, index) in tList" :key="index" :class="{ active: item.checked }" @click="checkToggle(item, index)"> <span><input type="chec...
2020-04-10 14:40:33 805
原创 滚动字幕,及横向滚动定位
1字幕滚动 <ul id="express"> <li>1.多发发沙发沙发发防辐射服</li> <li>2.框架来军军军军绿军绿军绿军</li> <li>3・一一飞洒发拉设计费垃圾粉拉数据弗利萨就发设计费</li> <li>4・...
2019-09-09 17:49:14 585
原创 vue 搜索历史
搜索后保存搜索历史,点击搜索历史再去搜索<!-- searchBox. --> <div class="search_row"> <div class="search-box"> <i class='iconfont icon-sousuo'></i> <input type="text"...
2019-09-02 13:47:56 730
原创 复选框 正选反选
<span><input type="checkbox" id="sellAll"/>全选</span> <ul> <li><input type="checkbox" name="hobby" id=""/>羽毛球</li> <li><input...
2019-08-13 15:29:16 491
原创 小技巧总结
1.当input框输入到限定长度时,自动focus下一个input框 <div class="phone"> <input type="text" class="phone-input" maxlength="1" size="1"> <input type="text" class="phone-input" maxlength="1"...
2019-07-18 11:14:14 211
原创 移动端键盘收起后,页面样式不恢复的问题
解决方案:在点击按钮那里或者是input失去焦点时加下面其中一个即可解决。 通过scrollTop滚动来解决。scrollTop$("input").blur(function () { $("html,body").animate({scrollTop: document.documentElement.clientHeight},500);});或者是scrollTo...
2019-07-15 10:27:13 1431
原创 JS 总结
<button id="code" class="btn btn-default" onclick="run(5);">获取校验码</button><script> function run(num){ var btn = document.getElementById('code'); $('#code').attr({"disa...
2019-07-12 14:21:33 114
翻译 vue 父传子 props
父组件<template> <div> <h1>{{title}}</h1> <Child :pMag='msg' :pExpression='msgExpA+msgExpB' :pObj='msgObj' :pObjMsg='msgObj.msg3'...
2019-05-27 10:39:19 445
原创 vue中使用Swiper4,遇到的坑
props:{ recommend:Array, // 轮播数组},watch:{ recommend(){ // 解决swiper 4显示不出分页器问题 if(this.recommend.length){ this.$nextTick(() => { new Swiper('....
2019-05-21 17:34:06 1003
翻译 Ajax 发送短信验证码 60秒倒计时
<div class="verification"> <label for="code"><i class="am-icon-code-fork"></i></label> <input type="tel" name="" id="code" placeholder="请输入验证码"> <a...
2019-05-16 14:22:27 596
原创 自定义复选框样式
<body> <input type="checkbox" id="myCheck"> <label for="myCheck"></label> </body>#myCheck + label{ background-color: white; border-radius: 5px; border:1px s...
2019-05-06 15:09:28 495
原创 echarts 调取数据渲染 自适应
1.创建一个自适应的容器放图表<div class="row" id = "main"></div><script type="text/javascript">var myChart1= echarts.init(document.getElementById('main'));var option1 = { .....配...
2019-04-01 13:36:15 470
原创 把Html 页面转换成图片 保存下载 Html2canvas
<div class="container"><p>前往<a href="https://html2canvas.hertzen.com/dist/html2canvas.min.js" target="_blank">此处</a>下载html2canvas.js</p><img src="http:...
2019-04-01 10:30:53 870
原创 jsonp 跨域
<body><form name="saerch-forms"><input type="text" name="search-input" id="inputs"><input type="submit" value="提交" name="submit"&
2019-02-28 21:48:23 135
原创 CSS
writing-mode 实现文字竖排版通过text-align-last:justify设置文本两端对齐3.overflow-scrolling 支持弹性滚动body { -webkit-overflow-scrolling: touch;}.elem { overflow: auto;}4:<div class="bruce flex-ct-y"&g...
2018-12-05 10:55:19 181
原创 jquery让一个弹框出现几秒后消失
<div id="content"> <a id="dianji">点击</a> <div id="disappare" style="display:none;"> <h2>标题</h2>
2018-11-30 14:13:11 4810
翻译 前端缓存-数据存储:cookie、Storage、indexedDB
简单对比:1、cookie:4K,可以手动设置失效期2、localStorage:5M,除非手动清除,否则一直存在3、sessionStorage:5M,不可以跨标签访问,页面关闭就清理4、indexedDB:浏览器端数据库,无限容量,除非手动清除,否则一直存在5、Web SQL:关系数据库,通过SQL语句访问(已经被抛弃)Cookie通过在客户端记录信息确定用户身份Sessio...
2018-11-16 10:08:44 509
转载 vue -- v-cloak解决刷新或者加载出现闪烁(显示变量)
在使用vue绑定数据的时候,渲染页面时会出现变量闪烁,例如在页面出现,过了几秒之后才会渲染数据,在vue中有个指令可以解决这个问题,v-cloak 那么,v-cloak要放在什么位置呢,是不是每个需要渲染数据的标签都要添加这个指令,经过试验发现,v-cloak并不需要添加到每个标签,只要在el挂载的标签上添加就可以,而且,在css里面要添加这样就可以防止页面闪烁了。...
2018-08-02 14:29:16 210
翻译 拖拽改变div宽、高
怎么设置成只有右边的边框才能拖动,改变大小。在网上找的一段代码,只要点击DIV都可以改变大小。而且,我用 cursor: e-resize; 属性,鼠标移到DIV上,就变成了左右可拖动的箭头形状。...
2018-06-23 15:20:57 2937
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人