前端实习第二个月小结
时间飞快,第一次实习已经过去两个多月,作一些简单的总结和分享。
注:文章整体会比较轻松,提及的经历、经验仅作参考。
一、关于实习/工作内容
1、工作内容
近期做的是管理后台方面的业务,技术栈:前端react+antdesign,后端:ava。
日常开发:根据已有的功能进行修修补补:写写页面,封装接口等等。
2、参与发版
近期幸运地参与了一次发版,管理后台要上新页面(这两个页面刚好就是我写的)。发版前的流程:完成(前端/后端)任务、打包、推代码、上测试环境、测试、前后端修改bug、上生产环境、发版。如此反复,这套流程早已熟记于心,已成了“家常便饭”。
在开发过程中要注意很多细节问题,否则稍不留神就出错,而且后续还要继续改,可能会影响整体节奏。
这里分享几个我平时记录的易错点。
对于常用组件:
1.输入框:注意校验规则(字符串/数字/数字大小/手机号/是否必选等等)
2.下拉框:注意单选或者多选,拿到手的原型图要格外注意。
如果有多个下拉框,数据之间是否关联?比如A下拉框的选中数据作为获取B下拉框接口数据的入参?A和B又作为C的入参?这个要特别注意,不清楚及时问相关开发人员,避免后期的繁琐修改。近期我就踩过这个坑。
3、协同前行
对于前端实习生来说,前期有人带,是非常重要的,可以让我们少走很多弯路。
这里要特别感谢我的领导和组长,确实帮助我很多事情。
领导更多的是从思维、从宏观的角度,告诉我怎么去做好当下的业务需求;还有在业务对接时,如果出了问题,会帮我联系和跟进。
组长更多的是从实用的解决问题的角度,给我很多帮助,像一些业务通用组件的封装以及使用,撰写代码的一些注意点,比如一个很小的注意点(就体现了“逻辑清晰度”和“代码简洁性”)。
//就比如,在函数中,如果data有值,则赋值给params,否则params取undefined。
//一开始,我会这么写
const getParams=(data)=>{let params =data;if(!data){params=undefined; }// ...其他语句}// 但后来,我组长说一行语句直接解决了
const getParams=(data)=>{let params =data || undefined;//...其他语句
}
第二种方式更符合常见的编程习惯,因为它在声明时就处理了
data的假值情况,使得代码更加简洁和直观。
虽然我们可能知道第二种方式,但有些时候惯性思维,导致我们宁愿写“简单但多”的代码,也不愿意写一些“较少用但高效”的代码。
所以有人愿意提醒和纠正我们开发/编程习惯,我们要多加注意、修正、总结,也要懂得感恩。
知识点的联系以及综合使用,会极大地简化代码,提升我们的开发效率。
就好比ES6标准的出现,解决JavaScript在ES5时代存在的一些限制,比如缺乏对类、模块、箭头函数等的支持,以及对异步编程的改进等。
更简洁的语法:ES6引入了箭头函数、模板字符串、解构赋值等,这些都使得代码更加简洁易读。
增强的数据结构:新增的
Map和Set对象提供了更高效的数据存储和操作方式。模块化:ES6的模块系统使得代码组织更加模块化,便于代码的维护和复用。
类和面向对象编程:ES6的
class语法糖使得面向对象编程更加直观和方便。异步编程改进:Promises和
async/await关键字使得异步编程更加直观和易于管理。
我们得向标准和趋势看齐和学习。
二、个人学习
前言:近期学校在推毕业设计的进度,我之前做了一个景点小程序,但管理后台系统还没做。因此我近期也在推动毕业设计的进度,学习和练习了做管理后台方面的知识。
1、核心内容:node+express
一些学习和练习已发在博客,有兴趣请自学阅读。
【NODE】01-fs和path常用知识点
express专栏
2、分享一些练习结果
前端(vue2)

防止信息泄露,就展示部分前端内容。
服务端(node+express+mysql)
这套知识的确好用,搭建服务器非常容易。可以看我的express专栏,相信你会有所收货。


展示的是模拟数据。
测试工具apipost(postman也可以,看个人使用习惯)


目前待解决的问题
1 景点数据新增/编辑,关于图片上传的问题,重点在于后端的文件存储(写入/保存),如果涉及多张图片上传呢?可能又是另外的问题。
2 小程序内容数据的收集和数据表数据迁移。
3 小程序的登录验证、日志记录等。
4 留言评论的校验和审核问题。
.....
三、小结
感谢看到这里的朋友。
生活和工作,且行且珍惜。
快过年了,这篇文章可能是年前最后一更了吧哈哈(可能也会再更新一篇)。
提前祝大家新年开心,身体健康。
相关文章:
前端实习第二个月小结
时间飞快,第一次实习已经过去两个多月,作一些简单的总结和分享。 注:文章整体会比较轻松,提及的经历、经验仅作参考。 一、关于实习/工作内容 1、工作内容 近期做的是管理后台方面的业务,技术栈:前端re…...
深入了解卷积神经网络(CNN):图像处理与深度学习的革命性技术
深入了解卷积神经网络(CNN):图像处理与深度学习的革命性技术 导语 卷积神经网络(CNN)是现代深度学习领域中最重要的模型之一,特别在计算机视觉(CV)领域具有革命性的影响。无论是图…...
b站视频(网页加客户端)+本地视频 生成回链
b站视频(网页加客户端)本地视频 生成回链 引言 基于上一篇博客方案 本地视频进度加入笔记根据进度快速锁定视频位置 我想着只有本地的话, 那b站上的视频, 不是每次都得下载下来吗? 如果是一套课程, 直接下载, 然后视频处理成mp3,还好, 如果只是一个视频, 每次这样处理就有点…...
3.数据库系统
3.1数据库的基本概念 3.1.1:数据库体系结构 3.1.1.1集中式数据库系统 数据是集中的 数据管理是集中的 数据库系统的素有功能(从形式的用户接口到DBMS核心)都集中在DBMS所在的计算机 3.1.1.2C/S结构 客户端负责数据表示服务服务器主要负责数据库服务 数据库系统分为前端和后端…...
红米k40s设备驱动设备驱动树
github地址# 链接https://github.com/autoandroida/vendor_xiaomi_munch...
Linux-C/C++--文件 I/O 基础
在 Linux 中,文件 I/O 是指通过系统调用或命令对文件进行的输入输出操作。Linux 操作系统提供了强大的文件操作功能,使得用户和程序可以方便地对文件进行读取、写入、修改和管理。文件 I/O 指的是对文 件的输入/输出操作,说白了就是对文件的读…...
HarmonyOS NEXT开发进阶(六):HarmonyOS NEXT实现嵌套 H5 及双向通信
文章目录 一、前言二、鸿蒙应用加载Web页面2.1 加载网络地址页面2.2 加载本地H5页面 三、实现Web组件 H5 层与鸿蒙应用层进行相互通讯3.1 鸿蒙应用向 H5 页面发送数据3.2 H5页面向鸿蒙应用发送数据 四、拓展阅读 一、前言 随着HarmonyOS NEXT的快速发展,越来越多的…...
【Flink系列】4. Flink运行时架构
4. Flink运行时架构 4.1 系统架构 Flink运行时架构——Standalone会话模式为例 1)作业管理器(JobManager) JobManager是一个Flink集群中任务管理和调度的核心,是控制应用执行的主进程。也就是说,每个应用都应该被…...
动态主机配置协议 (DHCPv4)介绍,详细DHCP协议学习笔记
定义 动态主机配置协议 (DHCP) 是一种用于集中对用户 IPv4 地址进行动态管理和配置的技术。为与 IPv6 动态主机配置协议 (DHCPv6) 进行区分,本文统一将动态主机配置协议称为 DHCPv4。 DHCPv4 协议由 RFC 2131 定义,采用客户端/服务器通信模式ÿ…...
Vue.js组件开发-如何处理跨域请求
在Vue.js组件开发中,处理跨域请求(CORS,即跨来源资源共享)通常不是直接在Vue组件中解决的,而是需要后端服务器进行相应的配置,以允许来自不同源的请求。不过,前端开发者也需要了解一些基本的COR…...
【C++】构造函数与析构函数
写在前面 构造函数与析构函数都是属于类的默认成员函数! 默认成员函数是程序猿不显示声明定义,编译器会中生成。 构造函数和析构函数的知识需要建立在有初步类与对象的基础之上的,关于类与对象不才在前面笔记中有详细的介绍:点我…...
Agent区别于MOE和RAG的核心; Agent(智能体)、RAG和MOE区别
Agent区别于MOE(专家混合模型)和RAG(检索增强生成)的核心 目录 Agent区别于MOE(专家混合模型)和RAG(检索增强生成)的核心自主性与决策能力环境交互与学习能力多模态感知与处理能力Agent(智能体)、RAG(检索增强生成)和MOE(专家混合模型)区别Agent(智能体)RAG(检…...
【PCL】Segmentation 模块—— 欧几里得聚类提取(Euclidean Cluster Extraction)
1、简介 PCL 的 Euclidean Cluster Extraction(欧几里得聚类提取) 是一种基于欧几里得距离的点云聚类算法。它的目标是将点云数据分割成多个独立的簇(clusters),每个簇代表一个独立的物体或结构。该算法通过计算点与点…...
LuaJIT Garbage Collector Algorithms
Explain 本篇文章是对Make Pall发表wili内容《LuaJIT 3.0 new Garbage Collector》的翻译和扩展,因为原文是对LuaJIT 2.x GC重要功能的简介和对LuaJIT 3.0 new GC的工作计划,所以它并不是系统性介绍GC的文章。希望以后能有精力系统性的对LuaJIT 2.x GC做…...
go采集注册表
package mainimport ("fmt""golang.org/x/sys/windows/registry""log""os""strconv""strings" )func USBSTOR_Enum() {// 打开注册表键keyPath : SYSTEM\CurrentControlSet\Services\USBSTOR\Enumk, err : regist…...
软件工程师欧以宁:引领无人机导航与物联网安全的技术革新
在科技日新月异的今天,软件工程师欧以宁凭借卓越的技术能力和前瞻性的创新思维,成为了无人机自主导航和物联网安全领域的佼佼者。作为一名深耕技术前沿的专家,欧以宁不仅推动了无人机导航技术的突破性进展,还为智能家居和物联网的安全架构提供了全新的解决方案。她的研究成果,以…...
从零开始:Gitee 仓库创建与 Git 配置指南
引言 Git 是一款广泛使用的版本控制工具,它能够帮助开发者在开发过程中高效地管理代码的版本。而 Gitee(码云)是国内知名的 Git 托管平台,它提供了强大的代码托管、团队协作和项目管理功能。如果你是 Git 和 Gitee 的新手&#x…...
浅谈计算机网络02 | SDN控制平面
计算机网络控制平面 一、现代计算机网络控制平面概述1.1 与数据平面、管理平面的关系1.2 控制平面的发展历程 二、控制平面的关键技术剖析2.1 网络层协议2.1.1 OSPF协议2.1.2 BGP协议 2.2 SDN控制平面技术2.2.1 SDN架构与原理2.2.2 OpenFlow协议2.2.3 SDN控制器 一、现代计算机…...
在 QNAP NAS中使用 Container Station 运行 Docker 的完整指南
QNAP 为用户提供了一个名为 Container Station 的应用,它在 QNAP NAS 上将 Docker 和 LXC 结合在一起,通过图形化界面,让用户更轻松地在 NAS 上管理容器。本文将带你一步步了解如何在 QNAP NAS 上安装和使用 Container Station,以…...
XML在线格式化 - 加菲工具
XML在线格式化 打开网站 加菲工具 选择“XML 在线格式化” 输入XML,点击左上角的“格式化”按钮 得到格式化后的结果...
云计算——弹性云计算器(ECS)
弹性云服务器:ECS 概述 云计算重构了ICT系统,云计算平台厂商推出使得厂家能够主要关注应用管理而非平台管理的云平台,包含如下主要概念。 ECS(Elastic Cloud Server):即弹性云服务器,是云计算…...
椭圆曲线密码学(ECC)
一、ECC算法概述 椭圆曲线密码学(Elliptic Curve Cryptography)是基于椭圆曲线数学理论的公钥密码系统,由Neal Koblitz和Victor Miller在1985年独立提出。相比RSA,ECC在相同安全强度下密钥更短(256位ECC ≈ 3072位RSA…...
【Oracle APEX开发小技巧12】
有如下需求: 有一个问题反馈页面,要实现在apex页面展示能直观看到反馈时间超过7天未处理的数据,方便管理员及时处理反馈。 我的方法:直接将逻辑写在SQL中,这样可以直接在页面展示 完整代码: SELECTSF.FE…...
FastAPI 教程:从入门到实践
FastAPI 是一个现代、快速(高性能)的 Web 框架,用于构建 API,支持 Python 3.6。它基于标准 Python 类型提示,易于学习且功能强大。以下是一个完整的 FastAPI 入门教程,涵盖从环境搭建到创建并运行一个简单的…...
高等数学(下)题型笔记(八)空间解析几何与向量代数
目录 0 前言 1 向量的点乘 1.1 基本公式 1.2 例题 2 向量的叉乘 2.1 基础知识 2.2 例题 3 空间平面方程 3.1 基础知识 3.2 例题 4 空间直线方程 4.1 基础知识 4.2 例题 5 旋转曲面及其方程 5.1 基础知识 5.2 例题 6 空间曲面的法线与切平面 6.1 基础知识 6.2…...
根据万维钢·精英日课6的内容,使用AI(2025)可以参考以下方法:
根据万维钢精英日课6的内容,使用AI(2025)可以参考以下方法: 四个洞见 模型已经比人聪明:以ChatGPT o3为代表的AI非常强大,能运用高级理论解释道理、引用最新学术论文,生成对顶尖科学家都有用的…...
python报错No module named ‘tensorflow.keras‘
是由于不同版本的tensorflow下的keras所在的路径不同,结合所安装的tensorflow的目录结构修改from语句即可。 原语句: from tensorflow.keras.layers import Conv1D, MaxPooling1D, LSTM, Dense 修改后: from tensorflow.python.keras.lay…...
【Java学习笔记】BigInteger 和 BigDecimal 类
BigInteger 和 BigDecimal 类 二者共有的常见方法 方法功能add加subtract减multiply乘divide除 注意点:传参类型必须是类对象 一、BigInteger 1. 作用:适合保存比较大的整型数 2. 使用说明 创建BigInteger对象 传入字符串 3. 代码示例 import j…...
Webpack性能优化:构建速度与体积优化策略
一、构建速度优化 1、升级Webpack和Node.js 优化效果:Webpack 4比Webpack 3构建时间降低60%-98%。原因: V8引擎优化(for of替代forEach、Map/Set替代Object)。默认使用更快的md4哈希算法。AST直接从Loa…...
从 GreenPlum 到镜舟数据库:杭银消费金融湖仓一体转型实践
作者:吴岐诗,杭银消费金融大数据应用开发工程师 本文整理自杭银消费金融大数据应用开发工程师在StarRocks Summit Asia 2024的分享 引言:融合数据湖与数仓的创新之路 在数字金融时代,数据已成为金融机构的核心竞争力。杭银消费金…...
