说说前端开发怎么独立开发小程序

前端和后端往往是密不可分的，一个成功的项目，往往离不开后端，前端想单干，可能吗？

今天我就告诉你答案，“万事皆有可能”。

我是一名前端小菜鸟，工作经验不足，以往的工作中都是和后端合作完成，当然，工作效率不错，但是当我想要单独自己开发一个小项目我都做不到，所有的数据都变成了静态的（非实时的），往往觉得脱离了后端真的干不了什么。

前端如果真要独立干点什么，都要懂后端，我之前是这么认为的。

偶然机会，我认识了一个名词，“云函数”。听都没听过，前端入门难吗？是干嘛用的？下面引入一个官方的说法：“云函数(Cloud Functions)是一种无服务器计算服务,它使开发人员能够以事件驱动的方式运行代码,而无需关心底层的基础设施管理。”

是不是看不懂，说实话没我也看不懂，但是我只要知道，它相当于后端，而且所用到的代码前端完全看得懂，我花了半天时间看看文档就会了

首先以我的理解讲讲“云函数”吧

”云函数“等于“后端“以及”数据库”，云函数包括database、云函数、云对象，database也就是线上存储、读取、修改、删除数据的一个数据库，而操作数据库通过"云函数"、“云对象”，关键是前端可以看懂!!!!!!!!

不信你可以看看下面的代码，是不是虽然陌生有点，陌生，但是又感觉很熟悉？
 

'use strict';
// 云函数 saveOrUpdateFixParam 的 index.js
const db = uniCloud.database();
exports.main = async (event, context) => {
    const { phoneNumber, modifyTime, parameterName, newValue } = event;
    try {
        // 查询是否已存在该手机号的记录
        const queryResult = await db.collection('change_params')
            .where({ phoneNumber: phoneNumber, parameterName: parameterName })
            .get();

        if (queryResult.data.length > 0) {
            // 如果记录存在，则更新记录
            const updateResult = await db.collection('change_params')
                .doc(queryResult.data[0]._id)
                .update({
                    modifyTime: modifyTime,
                    newValue: newValue
                });
            return updateResult;
        } else {
            // 如果记录不存在，则创建新记录
            const createResult = await db.collection('change_params').add({
                phoneNumber: phoneNumber,
                modifyTime: modifyTime,
                parameterName: parameterName,
                newValue: newValue
            });
            return createResult;
        }
    } catch (err) {
        console.error(err);
        return {
            code: -1,
            message: 'Failed to save or update data'
        };
    }
};

这段代码就是前端页面传一些数据到云函数中，然后根据关键数据检测数据库中是否有含有重复的数据，然后上传，仅此而已。

想要独立开发项目的前端小伙伴们可以试试学习一下，前端自己独立开发一个项目还是挺有成就感的。

加油，每天进步一点点。

祝大家身体健康，我是南璇，下次再见。