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