zhangjinpei

通过 webpack 打包文件，并根据不同环境独立出相应的配置文件，这是我们都会的。但，我们不能满足于能打包出文件就可以了，还应该思考怎么打包出更优的文件。比如，我们都知道浏览器有强缓存与协商缓存，如果能够让不变的文件得到有效缓存，变动的文件得到及时更新，这样就能在性能上有所提…

git 是开源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理。我们平时可能经常使用它，但是你真的了解 git 吗？先抛几个问题 git add 发生了什么？git 有哪些暂存区？git pull 与 git fetch 区别？git merge 与 gi…

最近看了下 xx联盟 后，也想在自己的网站中接入广告，但是我的网站是用 vue 开发的单页面应用，对 SEO 不太友好，自然，接入广告，也会有所损失。而且，对于一个博客系统来说，SEO 也是一项不可忽视的指标，因此，我把网站用 nuxt 重写了一边，改造成 ssr(服务端渲染)…

双向数据绑定的概念，相信大家都耳熟能详，简单来说，数据变化更新视图，视图变化更新数据。为了实现这一效果，在 Vue 中，采用了 数据劫持结合发布订阅者模式 的方式来实现。 通过 Object.defineProperty() 实现数据劫持，监听数据的变化。 通过 发布者Dep(…

防抖 与 节流 是前端在优化性能问题上，经常使用的两种技术手段。比如 input，scroll，resize，mousemove 等事件，如果不加以控制，频繁的触发，无疑将会带来额外的性能开销，极端情况下，可能造成死机卡死现象。今天，我们我一起来聊聊他们吧。 在讨论防抖和节流之…

继承是面相对象编程语言的一个特色，一般分为两类：接口继承和实现继承。接口继承只继承方法签名，而实现继承则继承实际的方法。在 JS 中，没有函数签名，因此，JS 只支持实现继承，主要是通过原型链实现的。 通过构造函数创建的实例，会有一个内部属性 [[prototype]]（也叫_…

创建对象，刚开始我觉得是一件非常简单的事情，就一行代码 var person = {...}。然而，在我重头学习创建对象后，我发现事情并没有想象中的那么简单。 创建对象，不只是那一行代码那么简单，他还有好几种模式，而且，各种模式之间那种层层递进，不断迭代的关系，让我觉得妙不可言…