前端知识点
文章平均质量分 57
BigWind3
这个作者很懒,什么都没留下…
展开
-
组件样式模板,事件委托,自定义事件,Promise,正则表达式
原则1,对内:封闭。方法划分的细一些,2,对外,开放。提供Api和方法,配置步骤:1,封装js调用用配置:配置---合并配置----解构赋值 //封装的js class Dalilog { constructor(options){ //合并配置 1,方式一,解构赋值 // let {width="100px",title="默认标题",content="默认内容"} = options原创 2021-11-18 10:38:18 · 138 阅读 · 0 评论 -
E6知识点-----class,类的继承,包装对象
class Drag{ //静态属性 static height = "178cm" static test() { console.log("test") } constructor(){ this.name = "张三" } hobby(){ console.log("篮球") } }...原创 2021-11-13 15:17:58 · 909 阅读 · 0 评论 -
拖拽的原生原理以及继承,原型,深拷贝,原型链等概念
首先在onmousedown中,计算坐标值,就是通过计算当前鼠标的横坐标减去当前元素的与浏览器左边边界的距离。然后再onmousemove中,获得当前鼠标的横纵坐标,然后把当前元素的的left等于,当前横坐标-onmousedown中获得的插值,就是移动的距离,然后即使top的距离,就是当前鼠标纵坐标减去(上一步鼠标的纵坐标减去元素与浏览器上部的距离)然后再onmouseup中,监控鼠标如果放开,则把鼠标的Move事件置空。也就是 鼠标点击时候,计算当前鼠标和当前元素的之间的静态距离,...原创 2021-11-13 11:51:07 · 779 阅读 · 0 评论 -
前端----选项卡原理,多个选项卡,工厂模式,构造函数,如何实现new
1,拿到对应选项卡的结点,绑定结点,对应不同按钮,显示不同效果。//遍历按钮组活得key,将key值传入, btns.forEach((value, key) => { value.onclick = function () { psFor(key) } })//遍历显示端,如果和传入的key值一样,则显示效果,否则移除 function psFor(key) {原创 2021-11-13 09:38:14 · 560 阅读 · 0 评论