原生JS
苦咖啡Li
这个作者很懒,什么都没留下…
展开
-
Rem.js
750 代表设计稿的宽度;100 代表换算比例,写100是 为了好计算;比如,一个元素的宽度是100px,就可以写1rem,以及1px=0.01rem // rem 前端自适应代码 (function (win) { let doc = win.document, docEl = doc.documentElement, timer = null; ...转载 2020-07-29 17:15:03 · 200 阅读 · 0 评论 -
H5踩坑之旅
1、H5页面在IOS后退不刷新该现象与往返缓存(bfcache)有关系//ios端浏览器回退功能不刷新页面,android端不存在let isIos = /^.*((iPhone)|(iPad)|(Safari))+.*$/;if (isIos.test(navigator.userAgent)) { window.onpageshow = function(event) { ...转载 2020-01-07 14:21:46 · 389 阅读 · 0 评论 -
Rem.js
750 代表设计稿的宽度;100 代表换算比例,写100是 为了好计算;比如,一个元素的宽度是100px,就可以写1rem,以及1px=0.01rem // rem 前端自适应代码 (function (win) { let doc = win.document, docEl = doc.documentElement, timer = null; ...转载 2020-01-07 14:20:28 · 92 阅读 · 0 评论 -
获取鼠标相对盒子的位置
1、 获取鼠标相对盒子的位置// 获取鼠标相对盒子的位置 getMousePos(event, el) { event = event || window.event; var pagex = event.pageX || scroll().left + event.clientX; var pagey =...转载 2019-09-07 21:35:08 · 496 阅读 · 0 评论 -
类似百度搜索关键字,并高亮显示
1、类似百度搜索关键字,并高亮显示关键字内容1.1 关键字高亮函数设置heghlight() { this.searchKeyInfo(); // 页面中需要高亮的容器 let searchArea = [$('.infoTitle'),$('.infoTag'),$('.schInfoBody'),$('.schIn...转载 2020-07-29 16:56:59 · 941 阅读 · 0 评论 -
时间格式化函数
方法一:1、字符串时间转换为时间戳 // 字符串时间转换为时间戳 getDateTimeStamp (dateStr) { return Date.parse(dateStr.replace(/-/gi,"/")); }2、时间戳格式化成 几小时前 // 时间格式化函数 timeTampFormat(timest...转载 2019-09-07 21:39:20 · 1164 阅读 · 0 评论 -
关于Content-Type几种值的区别及用法
#####1、Content-Type 的值类型:1.1 application/json:消息主体是序列化后的 JSON 字符串1.2 application/x-www-form-urlencoded:数据被编码为名称/值对。这是标准的编码格式1.3 multipart/form-data: 需要在表单中进行文件上传时,就需要使用该格式。常见的媒体格式是上传文件之时使用的1...转载 2019-09-07 21:59:30 · 475 阅读 · 0 评论 -
移动端 h5 界面软键盘搜索功能实现
问题描述: 移动端搜索框输入文字后,点击软键盘的搜索,实现搜索功能解决方法: 对应移动端按键响应事件onkeypress(或者keyup) 按键编码为13, document.onkeyup = function (e) { var code = e.charCode || e.keyCode; if (code == 13) { t...转载 2019-09-07 22:10:34 · 652 阅读 · 0 评论