0%

概要内容

  1. npm init -y
  2. 安装依赖
  3. 创建webpack.config.js
  4. 创建index.js
  5. 创建调试launch.json
  6. 启动调试

由于工作中遇到一个问题,需要根据环境编译代码,比如:ios平台需要某项功能,pc平台不需要这个功能,所以就可以用过编写一个自定义的loader解决此问题。虽然可以通过打例子的方式来调试代码,但是这种方式太低效了,如果日后还想知道webpack的工作原理,打日志的方式就太可行了,不能单不跟踪、实时看到各变量的当前情况,调用堆栈等等,所以来了解一下vscode里面如何调试webpack代码。

阅读全文 »

概要内容

  • 自定义loader
  • 总结

相信利用webpack打包项目,都会碰到各种内置的loader,比如:vue-loader、babel-loader、svg-sprite-loader、url-loader等等,其实他们的作用就是进行资源转换,最近碰到一个需求就刚好需要这样一个东西,比如:ios平台打出来的包需要某个功能,pc平台却不需要某个功能,所以就可以利用loader的机制来实现。下面给出一个简单的示例


阅读全文 »

概要内容

  • 常用继承方式
    • 方式一:调整类型原型的 proto 、 Object.setPrototypeOf 、Object.create
    • 方法二:利用自定义createObject
    • 方式三:利用ES6 Class extends
  • 总结
阅读全文 »

概要内容

  • 原型
  • 总结

在接触JS之前,我工作过程中基本都是采用Java、C#、C++开发,也就是面向对象编程,对于类、继承都很熟悉,所以在构建数据结构的时候,就会下意识的采用类来定义结构,而使用JS开发的时候,创建可以通过new 方法名来创建对象,定义属性和方法放到不同位置,会出现属于类的、属于实例的还是属于原型的?这让我搞得很懵逼,面向对象结构都定义在类上,没有这么复杂,为了搞清这些概念决定仔细学习一下。

阅读全文 »