发布了文章2021-06-29
鸿蒙的特点1. 鸿蒙 => 超级小程序鸿蒙应用支持使用java开发,也支持使用js开发;使用js开发支持调用系统级的API,例如摄像头、话筒、WI-FI等。鸿蒙自己封装了hml、css、js的2. 鸿蒙 => 可剪裁系统(微内核)支持内存为:128KB-128MB-4GB3. 模改通信协议统一了I...
发布了文章2021-06-29
Webpack构建流程webpack 核心构建流程总结webpack5 和 webpack4 源码不同,本文参考 webpack5.38.1 源码1. 核心构建流程总结1.1 启动 webpack {代码...} 1.2 启动 webpack-cli {代码...} 1.3 创建编译对象 compiler {代码...} 1.4 实例化编译对象 compiler,预埋核心...
发布了文章2021-06-29
本文主要分析了Webpack打包后的源码;在Webpack打包文件出问题的时候,我们可以根据基本的程序结构来进行调试定位。例如:在执行Webpack构建后,将生成的文件放到dist目录,我们分析的即是dist目录的built.js。
发布了文章2021-06-28
loader 函数:loader 必须导出一个函数;它对资源文件进行处理后输出内容;它类似于管道,可以串联多个 loader,将返回值交给下一个 loader 继续处理;
发布了文章2021-06-28
1. 为什么使用Webpack(应用场景)支持新特性语言版本的编译针对javascript模块化打包针对所有资源,例如样式、图片、字体等进行模块化对于1、2两点,grunt、gulp等构建工具可以很好的解决,但是无法解决第3点。Webpack能够解决前端整体的模块化能力。2. 具备的能力...
发布了文章2021-06-28
gulp的配置文件:gulpfile.jsgulp4.0以后不再推荐使用 gulp.task() ,而是推荐使用 exports 的方式定义任务:
发布了文章2021-06-28
1.1、我们说讨论的仅限于javascript代码的模块化,如果要涉及到所有文件的模块化请使用webpack。1.2、那么js的模块化可以用一句话概括:模块化标准 + 加载器;本文主要介绍模块化标准。
发布了文章2021-06-26
简单来说就是在命令行可以使用nodejs来执行的应用,例如:vue-cli、creat-react-app、webpack-cli等;在前端开发过程中我们会用到很多的工具,这些工具在安装过后可以直接使用命令行执行;注意在全局安装和在项目安装不同。
发布了文章2021-06-26
1、前端工程化解决的问题1.1 为什么需要前端工程化?前端技术发展更新快,一些大型前端项目需要更系统化、更规范化的去组织开发工作;以此来提高对项目的开发效率,减少维护成本。例如:我们做一个电商网站(类似淘宝),它有各种商品页、活动页、详情页、列表页等。...
发布了文章2021-06-23
Webkit是最初苹果公司开源的一个浏览器引擎,Safari就是基于Webkit开发的。Webkit主要由两大功能,一个是渲染Html,另一个是解析JavaScript。后来谷歌公司在Webkit的基础上升级了JavaScript解析器,研发出来V8引擎。V8引擎就用到了Chrome、Android浏览器中,后来还用...
发布了文章2021-06-22
前端老法师应该都知道,一路走来js有太多不完善的地方;呃,它是弱类型语言,它是解释型脚本,它入门其实很简单但深入挺难。想要知道为什么学习 TypeScript,那么我们首先要学习下什么是强类型、弱类型、静态类型、动态类型、类型系统。
发布了文章2021-06-22
ES2015 是2015年发布的ECMA Script(JS) 语言版本,也是第6个版本,所以也称之为ES6。在此后ECMA Script每年发布一个大版本新增加一些重要特性,我们称之为ES6+。
发布了文章2021-06-20
发布订阅模式应用场景:vue兄弟组件之间数据传递、nodejs事件监听主要成员:1. 发布者: 在发布者中调用 hub.notify(),或名为 emit()2. 订阅者: 在订阅者中调用 hub.addSub(),或名为 on()3. 事件中心:hub.subs数组,用于存储所有订阅者;hub.addSub(),用于添加...
发布了文章2021-06-19
一、函数式编程什么是函数式编程(FP)?FP是一种编程范式,也是一种编程风格,和面向对象是并列的关系。FP用于描述数据或函数之间的映射;根据输入通过某种运算获得相应的输出,即映射关系,例如:y=sin(x)。FP需要有输入和输出,相同的输入有相同的输出(这种称之为...
发布了文章2021-06-18
1、三句话总结this用法:全局作用域:全局作用域中的 this 指向window。函数作用域:方法中的 this 指向调用它的对象;如果没有调用者就指向window。构造函数里:构造函数(或者ES6+的类)中的 this 指向新生成的实例对象。2、全局作用域:全局中的this,指向window...