2021-06-20 性能优化:防抖和节流 性能优化 前端 debounce防抖 debounce(f, ms)装饰器的结果是一个包装器,该包装器将暂停对 f 的调用,直到经过 ms 毫秒的非活动状态(没有函数调用,“冷却期”),然后使用最新的参数调用 f 一次。 换句话说,debounce 就像
2021-06-19 JS 实现继承的几种方式 javascript 前端 继承作为面向对象语言的三大特性之一,可以在不影响父类对象实现的情况下,使得子类对象具有父类对象的特性;同时还能再不影响父类对象行为的情况下扩展子类对象独有的特性,为编码带来了极大的便利。下面我们就来看看 JavaScript 中都有哪些实
2021-06-18 Vue2的基本使用方法 vue 经验总结 vue-style-loader 可以热更新 scoped的实现是借助了PostCSS实现的,一旦增加了scoped,他会将之前覆盖的样式转换成下面的样式 12345678<style lang="scss">
2021-06-16 CSS 变量 javascript 原生js项目 实现效果点击查看 用 JavaScript 和 CSS3 实现拖动滑块时,实时调整图片的模糊度、背景颜色,同时标题中 JS 两字的颜色也随图片背景颜色而变化。 涉及特性 :root var(--xxx):CSS 变量(CSS Variabl
2021-06-16 audio 爵士鼓音乐敲击特效 javascript 原生js项目 简介项目效果:点击查看 用JS制作一个爵士鼓的页面,通过敲击键盘上不同的字母,会发出不同的声音,并且页面上会伴随着敲击的动画。 想要实现以上效果,大致思路和解决方案如下: 检测到键盘上什么键被按下–监听keydown事件 在按键被按下的时
2021-06-15 canvas 实现彩虹画笔绘画板 javascript 原生js项目 项目效果效果预览 涉及特性Canvas: 模板骨架 基本属性 getContext() strokeStyle fillStyle fillRect lineCap lineJoin 路径绘制 beginPath() lineTo()
2021-06-14 理解 ES6 的 Map 数据结构 javascript 前端 Map ES6 新增了一种数据结构 Map,与传统的对象字面量类似,它的本质是一种键值对的组合。但是与对象字面量不同的是,对象字面量的键只能是字符串,对于非字符串类型的值会采用强制类型转换成字符串,而 Map 的键却可以由各种类型的值组成。
2021-06-13 在Flexbox Froggy 游戏中搞定flex布局 CSS 前端 最近发现了一款学习flex布局的游戏,分享给大家 => Flexbox Froggy 一共 24 关 附上参考答案 1、justify-content: flex-end 2、justify-content: center 3、ju
2021-06-12 vue-mall 商城项目 vue 项目总结 vue-mall项目地址 简介项目以Vue全家桶作为主要的技术体系,开发网页和交互功能。 1vue create 'xxx' // 初始化项目 前端跨域解决方案跨域是浏览器为了安全做出的限制策略。 浏览器必须请求同源
2021-06-11 用js代码实现观察者模式 javascript 前端 用js代码实现观察者模式 观察者模式定义了对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知,并自动更新。观察者模式属于三种设计类型(创建型、组合型和行为型)中的行为型模式,行为型模式关注的是对象之间的