随笔分类 - 前端总结
常用前端代码，学习，以及封装
摘要：第一种方法：使用sass变量 根据sass变量打包成多套css，切换应用的css路径达到换肤效果
阅读全文
摘要：1、transform 2、calc 3、transition
阅读全文
摘要：1、使用iframe嵌入 2、全局变量 3、事件监听 4、定时器 6、DOM数量
阅读全文
摘要：使用for循环新增或删除数组时，出现下标不对的问题！ 1、删除 1）每删除一个元素，下标减1 2）倒序循环
阅读全文
摘要：flex布局：使用flex-grow均分剩余空间，每个盒子都要给个初始宽度，才能均分
阅读全文
摘要：@baseWidth:1980px; .pxfix(@w){ width:(@w/@baseWidth)*100vw; } .testWidth{ .pxfix(100); height: 100px; background:red; } 直接上代码，一个简单的函数，传入需要设置的px值，1980是
阅读全文
摘要：1、使用indexOf 2、使用match 3、使用test 4、使用stringObject.split(),字符串分割方法，如果字符串可以被分割说明含有这个字符串 <html> <head> <title> test </title> </head> <body> <input type="te
阅读全文
摘要：函数柯里化的定义： 将接收多个参数的函数，改成接收单一参数(第一个参数)的函数，该函数返回一个接收余下参数的函数(返回结果)
阅读全文
摘要：1）什么是事件委托？ 通过给父节点事件（委托给父节点）没然后通过事件的event对象去查找子节点（点击子节点会冒泡），然后对子节点进行需要的操作。 使用场景：当节点未渲染出来，无法获取到该子节点。或者子节点数量多，需要挨个遍历给事件，很消耗资源 window.onload = function(){
阅读全文
摘要：1）html节点在可视区域的位置 obj.getBoundingClientRect().top obj.getBoundingClientRect().left 2) 获取鼠标按下的位置 event.clientX event.clientY 3) html节点在父元素里的位置 obj.offse
阅读全文
摘要：原型链： 1） __proto__属性 定义函数时，函数就有了prototype属性，该属性指向的对象是共享的。 为什么javascript中，为什么对象能够访问prototype中的属性和方法呢？ 因为：当对象new构造函数创建时，对象会自带一个__proto__属性，这个属性是由 javascr
阅读全文
摘要：1）Object.assign(obj1,obj2,obj3....) (可用于合并对象和深复制，合并对象时，如果有属性相同，后者会把去前者属性值覆盖，返回一个新对象) 3）Object.hasOwnProperty(str) (返回布尔值) 2) Object.key(obj) （返回该对象可枚举
阅读全文
摘要：如上文件的导出的数据使用imoprt要怎么取呢 import {a,b} from 'index'; import c from 'index'; 两者有如下不同点： export default在一个模块中只能有一个，当然也可以没有。export在一个模块中可以有多个。 export defaul
阅读全文
摘要：匀速运动 封装匀速运动原理：设置定时器，将传入的ele,设定一个速度，使用定时器获取当前时间的一个位置，加上速度值，给回节点，当节点到达目标位置，判断给他清除定时器。 匀速效果地址：https://llcmite.github.io/tmpl/uniform.html github：https://
阅读全文
摘要：js评分 原理：给ele挂载一个自定义属性保存选中的星星数，鼠标经过时，显示所在星数的评价内容，以及给他星星亮起来，鼠标移开时显示的星星数时选择的星星数，没选的话是默认星星数，点击时，将选中的星星数给保存在自定义属性上 知识点：onmouseover, onclick,onmouseout,自定义属
阅读全文
摘要：封装原理 这里参考的jquery来进行封装的一个常用方法的一个库，可作为自己的一个库 原理：创建一个构造函数，将所有方法放在该构造函数原型里，访问$()方法时，返回这个构造函数的实例化，这样就简单的实现了jquery的用法
阅读全文
摘要：运动框架原理 原理：给盒子加相对定位，要运动的元素加绝对定位，利用目标距离与元素的距离控制速度，达到减速运动，透明度的原理大致如此 封装结果如下
阅读全文
摘要：这里需要注意的是这两种储存方式只能以字符串的形式来存取 html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后
阅读全文
浙公网安备 33010602011771号