![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 57
大陀螺
PHP/JS/SWIFT
展开
-
VUE Swiper设置loop模式,第二轮首图click失效
swiper vue中使用时,loop模式下点击事件无法触发bug对应方法原创 2022-06-08 10:10:31 · 1698 阅读 · 1 评论 -
Web页面iOS真机调试-win10
被叫去其他项目组帮忙改bug,一看全是安卓和pc谷歌浏览器上不会出现,仅在safari上存在的样式崩坏。但公司只给了台win10老爷机。于是开始了win10的iOS调试之路。主要步骤:在电脑上安装iTunes; 下载safari适配器; iPhone连接电脑; chrome打开inspect页面(手机访问虚拟机代码则需做端口映射); 运行适配器; iPhone...原创 2020-03-16 16:57:56 · 2314 阅读 · 0 评论 -
Vue+CSS实现渐变 半透明遮盖文字 点击显示全文取消遮盖
1.目标效果2.实现思路默认指定列表最大高度,显示【显示全文】按钮,在显示全文前插入遮罩div。 点击显示全文后取消列表高度限制,隐藏【显示全文】按钮和遮罩div。3.实现代码html部分 <div class="notice_box"> <div> &l...原创 2020-01-23 15:07:13 · 2926 阅读 · 0 评论 -
Javascript判断浏览器终端是安卓Android还是苹果iOS
// get the type of client judgeClient() { let u = navigator.userAgent; let isAndroid = u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //判断是否是 android终端 let isIOS =...原创 2020-01-20 09:14:41 · 909 阅读 · 0 评论 -
Vue完成数据请求后内容超出显示省略号+显示查看全文按钮
需求:如下图,当Vue完成数据请求后,根据文章内容设置显示方式。10行以内的显示全文,不显示【查看全文】按钮;内容超过指定行数时,超出内容隐藏,末尾显示省略号并显示【查看全文】按钮。实现思路 在异步请求数据完成后,判断文章内容所在元素高度。根据元素高度控制元素class和按钮显示。实践//给文章内容元素设置ref ;绑定class样式hide_des...原创 2019-12-26 17:04:59 · 3227 阅读 · 0 评论 -
更新服务器的Vue代码后客户端样式崩坏
问题:原生app嵌套Vue写的web页面时,当app在使用过程中更新了服务器的前端代码,出现样式乱掉的情况。客户端清除缓存后可以解决,但一般用户并不知道需要清理缓存。解决:思路: 每次上传代码前build时生成不同的style.css的文件名,使得app每次重新加载服务器代码时,重新加载一次CSS文件。实践: 在vue.config.js文件中设置sty...原创 2019-12-26 16:00:03 · 253 阅读 · 0 评论 -
VUE+ElementUI dialog打开时禁止iOS端的body滚动
现象:在原生app中嵌套web页面时,时常会遇到由于系统不同带来的差异。此次引入ElementUI,使用其中的dialog组件时,明明默认dialog显示时,body不能滚动:安卓和pc下没毛病,但在iOS下lock-scroll无效,dialog背后的body依然可以滚动。解决方法:思路: 主要是在打开dialog时设置html的 ...原创 2019-12-26 14:55:32 · 2019 阅读 · 0 评论 -
Javascript获取value值的三种方法及注意点
今天在js中用id名直接获取value值时遇到点问题,所以顺便做一下总结。 JavaScript获取value值,主要有以下三种: 1.用document.getElementById(“id名”).value来获取(例1); 2.通过form表单中的id名或者name名来获取(例2)。 3.通过id名(不用写getElementById,也不...原创 2018-06-25 01:15:28 · 119738 阅读 · 6 评论 -
设置input type为datetime-local时的最大值max
<input type="datetime-local" />Input标签 type为datetime-local时,键盘输入年份默认会在输入6个数字后自动跳转到月份的位置。为了输入方便,给datetime加上最大值限制,控制在输入4位数字的年份后,第五位数字直接成为月份。使用JavaScript实现,也是w3c上提供的方法https://www.w3schoo...原创 2019-07-31 12:43:13 · 3732 阅读 · 0 评论