老甄Home

摘要： 什么是 Pixi Pixi 是一个非常快的 2D sprite 渲染引擎。使用它你可以轻松的利用 JavaScript 和其他 HTML5 技术制作游戏和应用程序。 Pixi 的官网地址：https://pixijs.com/ 本游戏使用的是 Pixi 的 V4.5.5 版本，官网最新版本更新到了 阅读全文

摘要： 一、new 操作符的作用 在 JS 中，new 操作符用于创建一个给定构造函数的实例对象。就像下面例子这样： function Person(name, age) { this.name = name this.age = age } Person.prototype.say = function 阅读全文

摘要： Vue 脚手架是一个基于 Vue.js 进行快速开发的完整系统，Vue 脚手架致力于将 Vue 生态中的工具基础标准化。Vue 的工具链 CLI（通常指 @vue/cli）与 create-vue 是 Vue 生态中两个不同的脚手架工具，它们在功能定位、技术栈和适用场景上有显著区别。 Vue CLI 阅读全文

摘要： 啥都不说，先上图： 上面展示了各个对象之间是怎样通过显式原型（prototype）及隐式原型（[[prototype]]，通过__proto__访问）来串联起来的。 阅读全文

摘要： 防抖（Debounce）和节流（Throttle）是前端开发中常用的一种技术，主要用于优化性能和提升用户体验。 防抖（Debounce） 理解：在事件被触发 n 秒后再执行回调，如果在这 n 秒内事件又被触发，则重新计时。 实现：通过设置定时器实现。当事件触发时，定时器到达指定时间后执行操作。如果在 阅读全文

摘要： JS中this指向的更改 JavaScript 中 this 的指向问题 前面已经总结过，但在实际开中， 很多场景都需要改变 this 的指向。 现在我们讨论更改 this 指向的问题。 call更改this指向 call 的使用语法：func.call(thisArg, arg1, arg2, . 阅读全文

摘要： JavaScript中this指向问题 记得初学 JavaScript 时，其中 this 的指向问题曾让我头疼不已，我还曾私自将其与闭包、原型（原型链）并称 JS 武林中的三大魔头。如果你要想在 JS 武林中称霸一方，必须将这三大魔头击倒。个人认为在这三大魔头中，this 指向问题的武功最菜（难度 阅读全文

摘要： JS数据类型判断 JavaScript 中常见数据类型有Number、String、Boolean、Object、Array、Json、Function、Date、RegExp、Error、undefined、Null等十几种。ES6还有新增的数据类型有Symbol、Set、Map等。在实际应用中， 阅读全文

摘要： JavaScript中数组去重的几种方法 正常情况下，数据去重的工作一般都是由后端同事来完成的，但是前端也要掌握好处理数据的能力，万一去重的工作交给我们大前端处理，我们也不能怂呀。现在我总结了一些去重的方法，希望对大家有点帮助。 方法一：new Set()实现数组去重 ES6 提供了新的数据结构 S 阅读全文

摘要： CSS实现居中对齐的几种方式 页面布局中，居中对齐是我们经常遇到的场景，现在总结几个常用的方式供大家参考。 场景一：按钮文字居中对齐，line-height + text-align html代码： <div class="btn">Hello World</div> CSS代码： .btn{ wi 阅读全文