![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端笔记
文章平均质量分 92
我就是黑凤梨
这个作者很懒,什么都没留下…
展开
-
常见的设计模式及其JS实现(单例模式、观察者模式、发布者-订阅者、工厂等)
设计模式是开发中很重要的内容,我更愿意把他理解为一种指导思想。按照这种指导思想去解决问题,代码可以更低的耦合更高的内聚并且更健壮和逻辑清晰。一个类只有一个实例,并提供一个访问它的全局访问点。单例模式顾名思义保证一个类仅有一个实例,并且提供一个访问它的全局访问点。单例的好处是可以减少不必要的开销例如页面需要展示一个弹框,那么这个弹框只在首次的时候会进行创建,之后在进行点击的时候使用的都是之前创建好的。例如登录框单例,vue中的store,router核心思想为:createDiv方法只负责创建div,扩展方法原创 2022-07-14 15:40:16 · 310 阅读 · 1 评论 -
实现常用的两栏布局(左侧固定+右侧自适应)以及三栏布局(圣杯布局和双飞翼布局)
两栏布局和三栏布局是我们常用到的布局形式,下面我们分别进行实现和总结。现在有以下 DOM 结构:(1)利用浮动,左边元素宽度固定 ,设置向左浮动。将右边元素的 设为固定宽度 。注意,因为右边元素的 默认为 ,所以会自动撑满父元素。(2)同样利用浮动,左边元素宽度固定 ,设置向左浮动。右侧元素设置 这样右边就触发了 , 的区域不会与浮动元素发生重叠,所以两侧就不会发生重叠。(3) 利用 布局,左边元素固定宽度,右边的元素设置 。(4)利用绝对定位,父级元素设为相对定位。左边元素 定位,原创 2022-07-06 14:53:01 · 2089 阅读 · 0 评论 -
【Vue原理系列】(一)简要总结Vue3运行时+编译时原理
要讨论vue3的运行时和编译时框架设计,我们可以先来看看 什么叫命令式什么叫声明式?首先我们先确定 Vue3是运行时+编译时的框架,其次我们再来看看为什么是?单纯的运行时或者编译时又有什么优缺点呢?命令式框架最突出的就是关注编码过程,例如Jquery就是一个命令式框架哟。所以,命令式就是看中过程,有种隐隐的过程与代码的逻辑一一对应的感觉。声明式更关注结果,内部过程则是予以封装了。例如上面的代码可以用声明式的方式:看起来很简洁吧,这是Vue封装后的。但Vue的内部实现一定是命令式的,只是暴露给开发者的原创 2022-07-01 15:41:56 · 2106 阅读 · 0 评论 -
一文小小总结 作用域 作用域链 词法作用域和欺骗词法
作用域,即(变量作用域又称上下文)和生效()的或集合。换句话说,作用域决定了代码区块中变量和其他资源的可见性。上述例子中,函数内部创建一个变量,当我们在全局访问这个变量的时候,系统会报错。这就说明我们在全局是无法获取到()函数内部的变量。我们一般将作用域分成:任何不在函数中或大括号中声明的变量,都在全局作用域下,全局作用域下声明的变量可以在程序的任意位置访问。函数作用域函数作用域也叫,如果一个变量是在的它就在一个函数作用域下面。这些变量只能在函数,不能在函数以外去访问块级作用域ES6引入了和关键字原创 2022-06-15 21:43:20 · 148 阅读 · 0 评论