holdbiu

带你深度解锁Webpack系列(基础篇) 和 带你深度解锁Webpack系列(进阶篇)，主要是讲解了 Webpack 的配置，但是随着项目越来越大，构建速度可能会越来越慢，构建出来的js的体积也越来越大，此时就需要对 Webpack 的配置进行优化。 本文罗列出了十多种优化方式…

前言: 一直都搞不清javascript中this的指向,你不知道的javascript(上卷)这本书中有3章都是在讲解this,去年第一次看完还是觉得似懂非懂的,一深入的问还是不清楚,现在在看一遍,真心觉得这本书里讲的是真好,想深入了解一下的,这本书是一个不错的选择.

废话不多说，我们一起来看看this的绑定机制。 开局上结论this有四种绑定模式分别是默认绑定、隐式绑定、显式绑定、new绑定。 他们之间的优先级关系为：new绑定 > 显式绑定 > 隐式绑定 > 默认绑定。 new绑定比较特殊，new大部分情况下是创建一个新的对象，并将thi…

本项目已经为你生成了一个完整的开发框架，下面是整个项目的目录结构。 启动完成后会自动打开浏览器访问 [http://localhost:9000， 你看到下面的页面就代表操作成功了。 目前前端的一个开发趋势是以搭建单页应用 (SPA) 为主的。当应用体系比较大，或者你的应用业务…

记得有一次面试, 就考到了原型链. 面试官在批改我的笔试题时, 他突然说你这题是做对了, 那你把它完整的原型链画出来吧! 难受😣, 当时我也是一知半解的做对了, 我只能瞎操作一顿了. 几乎搜索对象在创建时候 [[prototype]] 都会赋予一个非空的值. 注: [[pro…

一个图片裁剪组件的应用场景其实比较多，相应的第三方插件也不少，但有时候会需要一些特定的功能，比如想有个特定样式的裁剪框，想批量裁剪，甚至想直接裁出定制化的尺寸等等，这时就只能手写一个裁剪组件了。 上传图片时，用onChange事件来获取该file对象，里面会包含文件的name，…

浏览器输入url后：1、redirect：检查浏览器是否记录了当前地址有没需要永久跳转到新的地址（301:代表请求的网页已永久移动到新的地址；302:代表临时移动到新的地址）2、Appcache：检查

继上次搭完一个组件库的基本框架, 今天再来实现一个通用组件(alert)的开发, 使用方式与普通组件不一样,它是函数式调用(例如: this.$alert('test')), 与之类似的组件还有loding、message这些通用的函数式组件. 实现方法也与之类似, 这里就来实…

图片懒加载功能在一些图片比较多的站点中非常常见, 对于网站的访问速度有很大的帮助和提升, 同时可以减轻资源服务器的压力. 这里我就用lozad.js来实现一个图片懒加载功能.