12 2019 档案

es6----Symbol ,WeakMap
摘要：Symbol 是新增的基本数据类型 , 而且是一个值类型. 使用须知: 1. 使用Symbol函数执行得到一个 Symbol 数据类型; 2. Symbol跟字符串差不多,但是 每一个使用Symbol函数执行得到一个数据都是完全不同的 ; 3. Symbol( )接受一个参数 来描述 Symbol的 阅读全文
posted @ 2019-12-25 17:30 混名汪小星 阅读(392) 评论(0) 推荐(0)
前端 实用的冷门知识 持续更新中......
摘要：少见好用的js API 1.类似于jquery中的 toggle() // 如果有这个类名，就去掉，如果没有，就加上 div.classList.toggle("expand"); 2.css3中 columns属性实现瀑布流布局 ,多列布局 div { columns:100px 3; //分成3 阅读全文
posted @ 2019-12-17 17:59 混名汪小星 阅读(359) 评论(0) 推荐(0)
改良版 导航栏自动跟随
摘要：简约版2.0 无横向自动跟随 dom结构为 导航条: .nav-box //样式 : 宽高与.nav 一致, 相对定位 position:relative; .nav //样式 : display:flex;弹性盒子布局, 对li进行布局 , 设置宽高 ,设置层级z-index:7 避免被其他层级高 阅读全文
posted @ 2019-12-16 17:20 混名汪小星 阅读(928) 评论(0) 推荐(0)
简洁 js排序算法
摘要：算法: //算法基础:展平数组 //使用... //只能展平两层 // { let arr = [1,[2,3],[4,5]]; let arr2 = '' ; arr2=[].concat(...arr) console.log(arr2) } //递归算法 { let arr=[1,[2,3], 阅读全文
posted @ 2019-12-16 09:52 混名汪小星 阅读(277) 评论(0) 推荐(0)
简单使用rem方案适配移动设备
摘要：方法一： function Rem() { var docEl = document.documentElement, oSize = docEl.clientWidth / 7.5; //如果是640设计稿，则/6.4 if (oSize > 100) { oSize = 100; // 限制re 阅读全文
posted @ 2019-12-11 17:13 混名汪小星 阅读(483) 评论(0) 推荐(0)
导航栏监听页面滚动跟随 简单封装
摘要：slide('.wedding-title', '.expo-list', 'change','.nav'); //导航条 参数:导航栏父级, 被监听元素 , 导航改变样式,导航栏 function slide(navfather, tClass, activeClass,nav) { var $n 阅读全文
posted @ 2019-12-11 11:36 混名汪小星 阅读(889) 评论(0) 推荐(0)
H5拖拽事件-- 自定义创建a标签热区
摘要：有一个BUG未更正, 1.当窗口为自适应时,定位left为百分比,窗口改变大小时会存在定位偏差 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="./ 阅读全文
posted @ 2019-12-03 16:35 混名汪小星 阅读(612) 评论(0) 推荐(0)