微信小程序笔记(包含node.js简介)

一、小程序基础知识

1. 小程序简介

• 小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。

2. CSS样式

• https://www.w3school.com.cn/cssref/index.asp
• https://www.runoob.com/cssref/css-reference.html

3. 弹性盒子display:flex

3.1 弹性盒子简介

• 弹性盒子是 CSS3 的一种新的布局模式。
• CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。
• 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。

3.2 弹性盒子内容

• 弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。
• 弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。
• 弹性容器内包含了一个或多个弹性子元素。

3.3 浏览器前缀

• -webkit- 或 -moz- 为指定浏览器的前缀

3.4 具体内容链接

• https://www.runoob.com/css3/css3-flexbox.html

4. 绝对位置、相对位置

5. 图片属性

• 形状：border-radius:50%（圆形）
• 高斯模糊：filter:blur(10rpx)

二、Node.js

1. Node.js是什么

• Node.js® is a JavaScript runtime built on Chrome’s V8 JavaScript engine.
  • 构建于Chrome的V8引擎之上
  • 代码是具有特定格式的字符串，引擎（虚拟机）负责解析和执行
  • Google Chrome的V8引擎是目前公认解析执行JavaScript最快的引擎
  • Node.js的作者把Google Chrome中的v8引擎移植出来，开发了一个独立的JavaScript运行时环境
• Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台，是运行在服务端（与客户端（如浏览器）相对）的 JavaScript。
  • Node.js不是一门语言
  • Node.js不是库、不是框架
  • Node.js是一个JavaScript运行时环境
  • Node.js可以解析执行JavaScript代码
  • 以前只有浏览器可以解析执行JavaScript代码，现在的JavaScript可以完全脱离浏览器来运行，一切都归功于Node.js。
  • 学Node.js是为web服务器开发
• 浏览器中的JavaScript
  • EcmaScript
    • 基本的语法
    • if
    • var
    • function
    • Object
    • Array
  • BOM
  • DOM
• Node.js中的JavaScript
  • 有EcmaScript，但没有BOM和DOM，因为服务端不处理DOM
  • 在Node这个JavaScript执行环境中为JavaScript提供了一些服务器级别的API操作（学Node.js主要就是学API）
    • 文件的读写
    • 网络服务的构建
    • 网络通信
    • http服务器
• Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient.
  • event-driven 事件驱动
  • non-blocking I/O model 非阻塞I/O模型（异步操作）
  • lightweight and efficient 轻量和高效
• Node.js’ package ecosystem,npm, is the largest ecosystem of open source libraries in the world.
  • 绝大多数JavaScript相关的包都存放在了npm上，让开发人员更方便地下载使用
  • npm install …

2. Node.js能做什么

• Web服务器后台
  • 游戏服务器
  • 接口服务器
• 命令行工具
  • npm(node)
  • git©
  • hexo(node)
• 对于前端开发，使用node的最多的是命令行工具
  • webpack
  • gulp
  • npm