![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
原生js
文章平均质量分 60
秋刀鱼笛滋味
这个作者很懒,什么都没留下…
展开
-
Web Components 原生组件的封装(template、slot、生命周期、传参)
先上图看效果user-card就是一个原生的组件,1,支持传入图像、姓名等props2,支持使用slot,插入html片段,使用同vue类似3,支持使用template标签,写组件模板4,支持调用组件的方法,也可以传入方法给组件调用5,兼容性良好,纯原生,主流浏览器都兼容核心API1,自定义元素customElements.define(tag-name,tagClass,{extends:tagname})第一个参数:标签名,才- 横线连接小写子母第二个参数:标签的类eg:cl原创 2022-05-30 22:45:00 · 1647 阅读 · 0 评论 -
cookie getCookie setCookie delCookie
function getDomain() { var str = document.domain; var index = str.indexOf("."); return str.slice(index+1);}/** * 设置cookie */function setCookie(name, value, days) { var expires = ""; if ...原创 2019-11-05 15:59:48 · 464 阅读 · 0 评论 -
原生JS各种兼容性写法大集合,附带好玩的可靠的,可以无限嵌套的拖拽玩法
先上图,复制走就可以看效果了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport&原创 2018-11-27 20:41:44 · 294 阅读 · 0 评论 -
js快速排序,冒泡排序详细解析
快速排序快速排序的算法是:1,取出中间值;2,把剩下的值跟中间值一一比较,比中间值小的放在left数组,比中间值大或相等的放在right数组3,再把left 和 right 也按1.2的步骤切分,4,利用递归的思想,直到切分到数组只剩下一个元素,终止递归5,最后把数组拼接起来function quickSort (arr) { if (arr.length <= 1...原创 2018-12-11 13:50:39 · 1429 阅读 · 0 评论 -
echarts 自定义legend,线性渐变
先看效果图,业务要求:一次最多两个系列,去掉最开始的系列不管是用原生 jquery vue react基本思路都是 :改变 series clear() 再setOption()html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta ...原创 2019-06-12 15:10:46 · 3795 阅读 · 0 评论