技术相关 分类

开发准备

-申请小程序开发账号
-安装小程序开发工具
-创建和配置小程序项目

折纸知更鸟2024年12月1日...大约 3 分钟

鸿蒙

基础入门

安装

华为的鸿蒙官网：https://developer.huawei.com/consumer/cn/

开发工具 DevEco Studio 下载地址：https://developer.huawei.com/consumer/cn/download/

折纸知更鸟2024年9月12日...小于 1 分钟

HTML/CSS

HTML

基本标签

<h1>最大的标题</h1>
...
<h6>最小的标题</h6>

<br> （换行）
<hr> （水平线）

链接：<a href="http://www.example.com/">链接文本(也可以是图片<img>)</a>

<img src="URL" alt="替换文本">

<!-- 无序ul/有序ol列表 -->
<ul>
    <li>项目</li>
    <li>项目</li>
</ul>

<!-- 表格 -->
<table border="1">
  <tr>
    <th>表格标题</th>
    <th>表格标题</th>
  </tr>
  <tr>
    <td>表格数据</td>
    <td>表格数据</td>
  </tr>
</table>

<!-- 表单 -->
<!-- <form> 元素用于创建表单，action 属性定义了表单数据提交的目标 URL，method 属性定义了提交数据的 HTTP 方法 -->
<form action="/" method="post">
  <input type="text" id="name" name="name" required>
</form>

折纸知更鸟2024年8月5日...大约 2 分钟

Node.js

express是一个基于Node.js 平台的极简、灵活的WEB应用开发框架，官方网址: https://www.expressjs.com.cn/

简单来说，express 是一个封装好的工具包，封装了很多功能，便于我们开发WEB应用(HTTP 服务)

express本身也是npm包中的

安装express:

先初始化:npm init

再 npm i express

折纸知更鸟2024年8月5日...大约 10 分钟

Mongodb数据库

下载安装与启动

下载地址: https://www.mongodb.com/try/download/community

建议选择zip类型，通用性更强

配置步骤如下:

1>将压缩包移动到 C: \Program Files 下，然后解压

2>创建C:\dataldb目录，mongodb 会将数据默认保存在这个文件夹

3>以mongodb 中bin目录作为工作目录，启动命令行

4>运行命令mongod

命令行交互

折纸知更鸟2024年8月5日...大约 4 分钟

vue

快速上手

创建Vue 实例，初始化渲染的核心步骤

1.准备容器

2.引包( v2.cn.vuejs.org 官网)–开发版本/生产版本

3.创建Vue 实例new Vue()

4.指定配置项el data =>渲染数据

el指定挂载点，选择器指定控制的是哪个盒子

data提供数据

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>创建一个vue实例</title>
</head>

<body>
    <!-- 
        引包可以去v2.cn.vuejs.org官网
        引包有(开发/生产)两个版本
     -->
    <div id="app">
        {{ msg }}
        <h1> {{count}} </h1>
    </div>

    <!-- 引入的是开发版本包-包含完整的注释和警告 -->
    <script src="./vue.js"></script>
    <script>
        //一旦引入VueJS核心包,在全局环境,就有了Vue构造函数
        const app = new Vue({
            //通过 el 配置选择器，指定Vue管理的是哪个盒子
            el: '#app',
            //通过data提供数据
            data: {
                msg: 'Hello 白露',
                count: '嘿'
            }
        })
    </script>
</body>

</html>

折纸知更鸟2024年8月5日...大约 3 分钟