你大爷的！-CSDN博客

原创 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 777

原创滚动字幕，及横向滚动定位

1字幕滚动 <ul id="express"> <li>1.多发发沙发沙发发防辐射服</li> <li>2.框架来军军军军绿军绿军绿军</li> <li>3・一一飞洒发拉设计费垃圾粉拉数据弗利萨就发设计费</li> <li>4・...

2019-09-09 17:49:14 550

原创 vue 搜索历史

搜索后保存搜索历史，点击搜索历史再去搜索 <div class="search_row"> <div class="search-box"> <i class='iconfont icon-sousuo'></i> <input type="text"...

2019-09-02 13:47:56 708

原创复选框正选反选

<span><input type="checkbox" id="sellAll"/>全选</span> <ul> <li><input type="checkbox" name="hobby" id=""/>羽毛球</li> <li><input...

2019-08-13 15:29:16 465

原创小技巧总结

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 173

原创移动端键盘收起后，页面样式不恢复的问题

解决方案：在点击按钮那里或者是input失去焦点时加下面其中一个即可解决。通过scrollTop滚动来解决。scrollTop$("input").blur(function () { $("html,body").animate({scrollTop: document.documentElement.clientHeight},500);});或者是scrollTo...

2019-07-15 10:27:13 1323

原创 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 97

翻译 vue 父传子 props

父组件<template> <div> <h1>{{title}}</h1> <Child :pMag='msg' :pExpression='msgExpA+msgExpB' :pObj='msgObj' :pObjMsg='msgObj.msg3'...

2019-05-27 10:39:19 425

原创 vue中使用Swiper4，遇到的坑

props:{ recommend:Array, // 轮播数组},watch:{ recommend(){ // 解决swiper 4显示不出分页器问题 if(this.recommend.length){ this.$nextTick(() => { new Swiper('....

2019-05-21 17:34:06 982

翻译 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 569

原创自定义复选框样式

<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 455

原创 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 436

原创把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 626

原创 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 113

原创 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 160

原创 jquery让一个弹框出现几秒后消失

2018-11-30 14:13:11 4762

翻译前端缓存-数据存储：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 435

转载 vue -- v-cloak解决刷新或者加载出现闪烁（显示变量）

在使用vue绑定数据的时候，渲染页面时会出现变量闪烁，例如在页面出现，过了几秒之后才会渲染数据，在vue中有个指令可以解决这个问题，v-cloak 那么，v-cloak要放在什么位置呢，是不是每个需要渲染数据的标签都要添加这个指令，经过试验发现，v-cloak并不需要添加到每个标签，只要在el挂载的标签上添加就可以，而且，在css里面要添加这样就可以防止页面闪烁了。...

2018-08-02 14:29:16 192

翻译拖拽改变div宽、高

怎么设置成只有右边的边框才能拖动，改变大小。在网上找的一段代码，只要点击DIV都可以改变大小。而且，我用 cursor: e-resize; 属性，鼠标移到DIV上，就变成了左右可拖动的箭头形状。...

2018-06-23 15:20:57 2902

Earl95的博客