随笔分类 -  原生JS

forEach 的使用
摘要：forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。 注意: forEach() 对于空数组是不会执行回调函数的。 var arr= ['小明','小红','小亮'] arr.forEach(function(element,index,array){ console.log(e 阅读全文
posted @ 2020-10-12 10:21 路西德 阅读(1016) 评论(0) 推荐(0)
原生JS实现复制功能
摘要：HTML 中 <input type="text" value="我是要复制的内容" id="copyObj" /> <div onclick="CopyUrl()">点击复制按钮</div> JS中 <script type="text/javascript"> function CopyUrl( 阅读全文
posted @ 2020-09-17 18:20 路西德 阅读(6761) 评论(0) 推荐(0)
打开一个PC端网址，判断如果是手机打开则跳转到移动端网址
摘要：<script type="text/javascript"> function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/ 阅读全文
posted @ 2020-09-16 11:12 路西德 阅读(298) 评论(0) 推荐(0)
文本超出省略号
摘要：单行超出省略号 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 多行超出省略号 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp 阅读全文
posted @ 2020-09-16 10:59 路西德 阅读(135) 评论(0) 推荐(0)
Cookie、LocalStorage、SessionStorage 的区别
摘要：Cookie 1. 一般由服务器生成，可设置失效时间，如果在浏览器端生成cookie，默认是关闭后失效。2. 存放数据 4Kb3. 每次都会携带HTTP头中，如果使用cookie保存过多数据会带来性能问题 document.cookie="username=isLogin; expires=Thu, 阅读全文
posted @ 2020-09-16 10:51 路西德 阅读(122) 评论(0) 推荐(0)
JSON格式
摘要：JSON格式 json 是一种轻量级的数据交换格式 , 采用完全独立于编程语言的文本格式来储存和表示数据 , 简洁而清晰的层次结构 易于人类阅读和编写 , 也易于机器的分析于生成 js 对象 与 json 格式 相互转换 var json = JSON.stringify('对象')//js对象 转 阅读全文
posted @ 2020-09-16 10:14 路西德 阅读(148) 评论(0) 推荐(0)
indexOf与includes的区别
摘要：indexOf 判断某元素是否存在于数组中，不存在 返回-1 , 存在 返回该元素在数组中的索引值， 如果有多个该元素，则返回首次出现的。 arr.indexOf('需要找的元素') includes 判断某元素是否存在于数组中 , 存在 返回true，不存在 返回false。 arr.includ 阅读全文
posted @ 2020-09-16 09:58 路西德 阅读(957) 评论(0) 推荐(0)
原生JS 中的 ajax请求
摘要：get请求 function loadList() { var xhr = new XMLHttpRequest(); xhr.open("GET", 'https://api.zhiyedang.cn/api/cms/news/list?cateId=490240980956479488', tr 阅读全文
posted @ 2020-09-15 17:47 路西德 阅读(170) 评论(0) 推荐(0)