鸿蒙系统:如何使用前端技术/JS开发鸿蒙应用?

2021-06-29
阅读 3 分钟
12.7k
鸿蒙的特点1. 鸿蒙 => 超级小程序鸿蒙应用支持使用java开发,也支持使用js开发;使用js开发支持调用系统级的API,例如摄像头、话筒、WI-FI等。鸿蒙自己封装了hml、css、js的2. 鸿蒙 => 可剪裁系统(微内核)支持内存为:128KB-128MB-4GB3. 模改通信协议统一了IOT互联互通的标准语言鸿蒙是不是安卓套壳?1. 安卓系...

前端工程化9:Webpack构建流程分析,Webpack5源码解读

2021-06-29
阅读 10 分钟
4.5k
Webpack构建流程webpack 核心构建流程总结webpack5 和 webpack4 源码不同,本文参考 webpack5.38.1 源码1. 核心构建流程总结1.1 启动 webpack {代码...} 1.2 启动 webpack-cli {代码...} 1.3 创建编译对象 compiler {代码...} 1.4 实例化编译对象 compiler,预埋核心钩子 {代码...} 1.5 执行方法 compiler.run(),启动编...

前端工程化8:Webpack5打包文件核心源码解读

2021-06-29
阅读 6 分钟
2.4k
本文主要分析了Webpack打包后的源码;在Webpack打包文件出问题的时候,我们可以根据基本的程序结构来进行调试定位。例如:在执行Webpack构建后,将生成的文件放到dist目录,我们分析的即是dist目录的built.js。

前端工程化7:自定义实现Webpack中的Loader和Plugin

2021-06-28
阅读 3 分钟
2.8k
loader 函数:loader 必须导出一个函数;它对资源文件进行处理后输出内容;它类似于管道,可以串联多个 loader,将返回值交给下一个 loader 继续处理;

前端工程化6:Webpack5配置示例,看看这些最佳实践

2021-06-28
阅读 17 分钟
6.7k
1. 为什么使用Webpack(应用场景)支持新特性语言版本的编译针对javascript模块化打包针对所有资源,例如样式、图片、字体等进行模块化对于1、2两点,grunt、gulp等构建工具可以很好的解决,但是无法解决第3点。Webpack能够解决前端整体的模块化能力。2. 具备的能力模块打包器(Module bundler)—— 本身支持js模块化加载...

前端工程化5:Gulp最基本配置,10分钟看完就会

2021-06-28
阅读 8 分钟
2.5k
gulp的配置文件:gulpfile.jsgulp4.0以后不再推荐使用 gulp.task() ,而是推荐使用 exports 的方式定义任务:

前端工程化4:如何去做js模块化开发?ES Modules/CommonJS有什么区别?

2021-06-28
阅读 6 分钟
2.7k
1.1、我们说讨论的仅限于javascript代码的模块化,如果要涉及到所有文件的模块化请使用webpack。1.2、那么js的模块化可以用一句话概括:模块化标准 + 加载器;本文主要介绍模块化标准。

前端工程化3:如何编写一个Nodejs Cli应用/自定义脚手架

2021-06-26
阅读 6 分钟
5.1k
简单来说就是在命令行可以使用nodejs来执行的应用,例如:vue-cli、creat-react-app、webpack-cli等;在前端开发过程中我们会用到很多的工具,这些工具在安装过后可以直接使用命令行执行;注意在全局安装和在项目安装不同。

前端工程化2:如何理解前端工程化?

2021-06-26
阅读 3 分钟
4.1k
1、前端工程化解决的问题1.1 为什么需要前端工程化?前端技术发展更新快,一些大型前端项目需要更系统化、更规范化的去组织开发工作;以此来提高对项目的开发效率,减少维护成本。例如:我们做一个电商网站(类似淘宝),它有各种商品页、活动页、详情页、列表页等。它有几个特点:每个页面功能高度类似,但还是有一些差...

前端工程化1:小白应该知道的NodeJS、NPM、package.json、脚手架是什么?

2021-06-23
阅读 9 分钟
2.4k
Webkit是最初苹果公司开源的一个浏览器引擎,Safari就是基于Webkit开发的。Webkit主要由两大功能,一个是渲染Html,另一个是解析JavaScript。后来谷歌公司在Webkit的基础上升级了JavaScript解析器,研发出来V8引擎。V8引擎就用到了Chrome、Android浏览器中,后来还用到NodeJs环境用于执行服务端程序。所以现在的Chrome是...

10分钟学会TypeScript,总结TS的常用特性

2021-06-22
阅读 8 分钟
6.1k
前端老法师应该都知道,一路走来js有太多不完善的地方;呃,它是弱类型语言,它是解释型脚本,它入门其实很简单但深入挺难。想要知道为什么学习 TypeScript,那么我们首先要学习下什么是强类型、弱类型、静态类型、动态类型、类型系统。

10分钟了解ES6+(ES2015-ES2019)那些重要的特性

2021-06-22
阅读 13 分钟
3.4k
ES2015 是2015年发布的ECMA Script(JS) 语言版本,也是第6个版本,所以也称之为ES6。在此后ECMA Script每年发布一个大版本新增加一些重要特性,我们称之为ES6+。

js实现:发布订阅模式和观察者模式有什么区别?

2021-06-20
阅读 4 分钟
1.5k
发布订阅模式应用场景:vue兄弟组件之间数据传递、nodejs事件监听主要成员:1. 发布者: 在发布者中调用 hub.notify(),或名为 emit()2. 订阅者: 在订阅者中调用 hub.addSub(),或名为 on()3. 事件中心:hub.subs数组,用于存储所有订阅者;hub.addSub(),用于添加订阅到subs数组,参数为订阅名称、回调函数;hub.notif...

js函数式编程基础:高阶函数、柯理化、函数合成、Loadash

2021-06-19
阅读 8 分钟
3.2k
一、函数式编程什么是函数式编程(FP)?FP是一种编程范式,也是一种编程风格,和面向对象是并列的关系。FP用于描述数据或函数之间的映射;根据输入通过某种运算获得相应的输出,即映射关系,例如:y=sin(x)。FP需要有输入和输出,相同的输入有相同的输出(这种称之为纯函数)。所以我们可以利用这个特点重用该函数,达到...

javascript关于this的用法

2021-06-17
阅读 2 分钟
2.5k
1、三句话总结this用法:全局作用域:全局作用域中的 this 指向window。函数作用域:方法中的 this 指向调用它的对象;如果没有调用者就指向window。构造函数里:构造函数(或者ES6+的类)中的 this 指向新生成的实例对象。2、全局作用域:全局中的this,指向window; {代码...} 3、函数作用域:方法中的 this 指向调用...