摘要:什么是Web服务器? 当应用程序(客户端)需要某一个资源时,可以向一个台服务器,通过Http请求获取到这个资源;提供服务器的这个服务器,就是一个Web服务器; Web服务器 目前有很多开源的Web服务器:Nginx、Apache(静态)、Apache Tomcat(静态、动态)、Node.js 一.
阅读全文
摘要:一. 认识Buffer 1.1. 数据的二进制 计算机中所有的内容:文字、数字、图片、音频、视频最终都会使用二进制来表示。 JavaScript可以直接去处理非常直观的数据:比如字符串,我们通常展示给用户的也是这些内容。 不对啊,JavaScript不是也可以处理图片吗? 事实上在网页端,图片我们一
阅读全文
摘要:一. 包管理工具 1.1. 认识npm 我们已经学习了在JavaScript中可以通过模块化的方式将代码划分成一个个小的结构: 在以后的开发中我们就可以通过模块化的方式来封装自己的代码,并且封装成一个工具; 这个工具我们可以让同事通过导入的方式来使用,甚至你可以分享给世界各地的程序员来使用; 如果我
阅读全文
摘要:3.1. 基本使用 Node中的核心API都是基于异步事件驱动的: 在这个体系中,某些对象(发射器(Emitters))发出某一个事件; 我们可以监听这个事件(监听器 Listeners),并且传入的回调函数,这个回调函数会在监听到事件时调用; 发出事件和监听事件都是通过EventEmitter类来
阅读全文
摘要:1.1. 认识fs模块 fs是File System的缩写,表示文件系统。 对于任何一个为服务器端服务的语言或者框架通常都会有自己的文件系统: 因为服务器需要将各种数据、文件等放置到不同的地方; 比如用户数据可能大多数是放到数据库中的(后面我们也会学习); 比如某些配置文件或者用户资源(图片、音视频
阅读全文
摘要:1.1. 认识path模块 path模块用于对路径和文件进行处理,提供了很多好用的方法。 并且我们知道在Mac OS、Linux和window上的路径是不一样的 window上会使用 \或者 \\ 来作为文件路径的分隔符,当然目前也支持 /; 在Mac OS、Linux的Unix操作系统上使用 /
阅读全文
摘要:4.1. 认识ES Module JavaScript没有模块化一直是它的痛点,所以才会产生我们前面学习的社区规范:CommonJS、AMD、CMD等,所以在ES推出自己的模块化系统时,大家也是兴奋异常。 ES Module和CommonJS的模块化有一些不同之处: 一方面它使用了import和ex
阅读全文
摘要:一. 什么是模块化开发 1.1. JavaScript设计缺陷 那么,到底什么是模块化开发呢? 事实上模块化开发最终的目的是将程序划分成一个个小的结构; 这个结构中编写属于自己的逻辑代码,有自己的作用域,不会影响到其他的结构; 这个结构可以将自己希望暴露的变量、函数、对象等导出给其结构使用; 也可以
阅读全文
摘要:一. Node执行代码 1.1. JavaScript文件执行 如果我们编写一个js文件,里面存放JavaScript代码,如何来执行它呢? // 1.直接打印一段文字 console.log("我是一段JavaScript代码"); // 2.定义一个函数, 调用这个函数 function sum
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/echarts@4.7.0/dist/echarts.js"></script> <style> #chart
阅读全文
摘要:ECharts 入门 入门案例:销售柱状图 https://book.youbaobao.xyz/datav-res/examples/test-echarts.html <!DOCTYPE html> <html> <head> <script src="https://cdn.jsdelivr.
阅读全文
摘要:canvas canvas 是 HTML5 的新特性,它允许我们使用 canvas 元素在网页上通过 JavaScript 绘制图像。 在canvas 上绘制的图像不是DOM元素,不能进行DOM操作,只能选中整个canvas 画布。 入门案例:绘制点、矩形、直线和圆形 <!DOCTYPE html>
阅读全文
摘要:现在可以说整个的大前端开发都是组件化的天下,无论从三大框架(Vue、React、Angular),还是跨平台方案的Flutter,甚至是移动端都在转向组件化开发。 所以,学习组件化最重要的是它的思想,每个框架或者平台可能实现方法不同,但是思想都是一样的。 一. 认识组件化开发 1.1. 什么是组件化
阅读全文
摘要:一. 认识脚手架 1.1. 前端工程的复杂化 如果我们只是开发几个小的demo程序,那么永远不需要考虑一些复杂的问题: 比如目录结构如何组织划分; 比如如何管理文件之间的相互依赖; 比如如何管理第三方模块的依赖; 比如项目发布前如何压缩、打包项目; 等等... 现代的前端项目已经越来越复杂了: 不会
阅读全文
摘要:一. 书籍购物车说明 1.1. 案例介绍 现在我们来做一个相对综合一点的练习:书籍购物车; 案例效果如下: ~ 案例说明: 1.在界面上以表格的形式,显示一些书籍的数据; 2.在底部显示书籍的总价格; 3.点击+或者-可以增加或减少书籍数量(如果为1,那么不能继续-); 4.点击移除按钮,可以将书籍
阅读全文
摘要:一. 条件渲染 某些情况下,界面的内容会根据不同的情况显示不同的内容,或者决定是否渲染某部分内容: 在vue中,我们会通过指令来控制:比如v-if、v-show; 在React中,所有的条件判断都和普通的JavaScript代码一致; 常见的条件渲染的方式有哪些呢? 1.1. 条件判断语句 一种方式
阅读全文
摘要:一. ES6的class 虽然目前React开发模式中更加流行hooks,但是依然有很多的项目依然是使用类组件(包括AntDesign库中); 但是有很多的同学对ES6中的类不太熟悉,所以这里我还是补充一下; 1.1. 类的定义 在ES6之前,我们通过function来定义类,但是这种模式一直被很多
阅读全文
摘要:React系列(一) - 邂逅React开发 我个人一直喜欢使用邂逅这个词,我希望每个人在和一个新技术接触的时候,都是一场美丽的邂逅。 而React本身绝对是优雅和美丽的,所以从这里开始,我们和React来一场美丽的邂逅吧! 一. 认识React 1.1. React是什么? React是什么呢?相
阅读全文
摘要:什么是Web服务器? 当应用程序(客户端)需要某一个资源时,可以向一个台服务器,通过Http请求获取到这个资源;提供服务器的这个服务器,就是一个Web服务器; Web服务器 目前有很多开源的Web服务器:Nginx、Apache(静态)、Apache Tomcat(静态、动态)、Node.js 一.
阅读全文
摘要:共享你的代码 包管理工具npm 项目配置文件 几个配置文件 常见的属性 常见的属性 常见的属性 版本管理的问题 常见的属性 npm install 命令 项目安装 npm install 原理 npm install 原理图解析 package-lock.json npm其他命令 Yarn工具 cn
阅读全文
摘要:常见的属性 方法的补充 01_events基础方法.js const EventEmitter = require("events"); // 1.创建发射器 const emitter = new EventEmitter(); // 2.监听某一个事件 // addListener是on的ali
阅读全文
摘要:fs的API介绍 案例:获取一个文件的状态 文件描述符 文件的读写 flag选项 encoding选项 文件夹操作 文件夹的复制 01_fs的三种使用方式.js const fs = require('fs'); // 案例: 读取文件的信息 const filepath = "./abc.txt"
阅读全文
摘要:path常见的API 在webpack中的使用 在webpack中获取路径或者起别名的地方也可以使用 01_路径的演练.js const path = require('path'); const basePath = '/User/why'; const filename = 'abc.txt';
阅读全文
摘要:什么是模块化呢? 早期的JavaScript 没有模块化带来很多的问题 CommonJS和Node 案例设定 exports导出 【exports默认是空对象。】 bar.js // 就是一个模块 // 1.模块内部定义东西 const age = 18; let message = "my nam
阅读全文