一、小程序基础知识

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

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

  1. node.js 微信小程序 部署服务器_自行部署微信小程序生产环境(node.js)—腾讯云服务器...

    一.前期准备 购买域名 + (云)服务器 购买https证书 二.解决方案 在一台(云)服务器上,安装好运行环境(nodejs+mysql+pm2+nginx),然后通过pm2运行小程序后端项目,并在 ...

  2. 微信小程序js数组初始化_微信小程序学习Course 3-2 JS数组对象学习

    微信小程序学习Course 3-2 JS数组对象学习 本节主要介绍JS中的数组. 3-2.1 数组的声明 数组声明的方式多种,如下例.一般我们可以先创建一个空数组,然后再填充. var names = ...

  3. 微信小程序笔记(三)Wepy使用记录—Stylus预编译基本使用

    Wepy使用记录-Stylus预编译基本使用 坏境搭建请前往wepy框架官网 淘宝 NPM 镜像 wepy新建wpy初始化模板参考 创建空项目   使用wepy init empty 项目名称命令来创 ...

  4. mpvue微信小程序http请求-fly.js

    mpvue微信小程序http请求-fly.js fly.js是什么? 一个支持所有JavaScript运行环境的基于Promise的.支持请求转发.强大的http请求库.可以让您在多个端上尽可能大限度 ...

  5. 微信小程序如何实现通过js修改wxml的for循环中的属性值

    微信小程序如何实现通过js修改wxml的for循环中的属性值 要实现的效果 具体代码 要实现的效果 点击每一个活动选项,实现显示对应的操作按钮 具体代码 首先要在对应页面的js中给data中定义数组, ...

  6. 关于微信小程序打包文件vendor.js超过500k的压缩方案

    关于微信小程序打包文件vendor.js超过500k的压缩方案 因为是开发环境,所以没进行UglifyJs压缩,所以解决的方法来了,引入UglifyJs插件 修改build目录下 的webpack.d ...

  7. node 小程序 php,基于Node.js+MySQL开发的开源微信小程序B2C商城(页面高仿网易严选)...

    高仿网易严选的微信小程序商城(微信小程序客户端) 界面高仿网易严选商城(主要是2016年wap版) 测试数据采集自网易严选商城 功能和数据库参考ecshop 服务端api基于Node.js+Think ...

  8. mpvue 微信小程序_使用Vue.js开发微信小程序:开源框架mpvue解析

    戳蓝字"CSDN云计算"关注我们哦! 作者 | 成全 责编 | 阿秃 转自 | 美团技术团队企业博客 前言 mpvue是一款使用Vue.js开发微信小程序的前端框架.使用此框架,开 ...

  9. 【Cxinny】微信小程序笔记

    事件绑定 bindtap:类似click bindinput:文本框的输入事件 bindchange:状态改变时触发 事件对象的属性列表event target是触发该事件的源头组件,而current ...

最新文章

  1. 技术方案包括哪些内容_揭秘:网络营销推广方案的内容包括哪些?
  2. Java并发编程实战~StampedLock
  3. 雅克德罗机器人_什么腕表配饰值得买 带货明星们都已经帮你选好了
  4. 360浏览器清凉新版让手机解暑
  5. 服务器入站规则 共享文件,How to :发布内部网络中的文件共享服务
  6. 趣味俄罗斯方块代码分享(C语言)
  7. 优酷土豆闪婚 婚后孩子是问题
  8. 《史蒂夫·乔布斯传》PDF下载
  9. 如何做将两张图片合二为一
  10. 为互连智能合约Connected Contracts使用Axelar SDK
  11. uni-app微信小程序跳转公众号;微信小程序打开公众号;微信小程序识别二维码添加好友;微信小程序通过公众号添加好友;小程序里识别企业微信二维码点击联系人名片无反应?
  12. navicat转换word表格
  13. 故杀敌者,怒也;取敌之利者,货也
  14. 补题系列 1 最小布线
  15. eco淘客机器人-ECO云返利系统淘客
  16. parameterType 用法
  17. 基于MFC框架的学生信息管理系统/学生成绩管理系统(带有图形化界面)
  18. Camera2 打开相机预览界面
  19. 下一代电子商务公司什么样(上)
  20. 1月10日前未完成《创业创新执行力》考试的补救措施

热门文章

  1. 无人值守安装linux操作系统
  2. 三星android平板,三星也不忘Android平板,或推带虹膜识别的Galaxy Tab S4
  3. 未能配置数据源:未指定“url”属性,无法配置嵌入的数据源。
  4. 编写一个函数,使其向主函数返回您输入的3个整数参数中的最大值,并在主函数中输出该值。
  5. TO B革命 读书笔记整理
  6. 山东大学软件学院项目实训-创新实训-山大软院网络攻防靶场实验平台(七)-SQL注入字符型
  7. UMI绝对定量转录组+代谢组联合研究β-葡萄糖苷酶抑制剂在草菇采后贮藏中的应用前景
  8. 4k超清壁纸APP抓包获取所有壁纸下载地址
  9. C# 进行 Starlink 仿真03:72轨道面 * 22颗卫星 F相位因子==11 的Walker星座,创建3168条星间链路,并与 icarus 论文的Python结果相对比。
  10. 骑士周游(dfs+greedy)