实习开发日志经验总结(一)

文章目录

  • 前言
  • 实习日志经验总结

前言

自己之前实习过程中遇到的问题以及相应的解决过程,我都有记录形成比较凌乱的实习日志。故想在整个实习日志的基础上,提炼一些技术知识点或者是解决问题的思路。考虑到实习项目的不方便公开性,所以会隐去相关的业务信息。内容比较杂,但是想记录下方便以后回顾,也希望对大家有帮助。每期整理十条,这是第一期。

实习日志经验总结

1、login页面如何设置不受app.vue中导航栏样式的影响?

导航栏作为系统的通用组件,我并不想让其显示在登陆页面中,因此可以按照以下方法实现
(1)将通用组件如导航栏等和放在一起

app.vue
<div><navigation v-if="!$route.meta.showNav"></navigation><router-view />
</div>

(2)其中route.meta.showNav是我加入路由中的信息

path: '/',component: () => import('../pages/index.vue')},{path: '/login',name: 'login',component: () => import('../components/login.vue'),meta:{showNav: true}},{path: '/receive',name: 'receive',component: () => import('../pages/receive.vue')}

可以看到在登陆的路由中加入了一个meta属性,由于其他组件未定义此showNav时,$route.meta.showNav的值为"undefined"即为false,因此只需在登陆中加入此属性并设置为true即可。这样在登陆页面时,导航栏不被显示。
个人感觉在很多业务场景实现中,巧用各种路由的信息能省事很多!

2、前后端传输参数的时候url编码的问题,当传输的参数是中文的时候,可能需要先编码在解码
一个可行的实际例子如下:

前端:(注意不能在axios请求里面去写),需要写在外面。前端vue用的是
let str=encodeURLComponent(“某某某”);
后端接受解码则是
String xxx=URLDecoder.decode((String)jsonObject.get(“xxx”),”UTF-8”);

3、Element UI下拉列表el-option中的key、value、label含义

  • key:相当于身份令牌,唯一的令牌,防止出错。这个key没有也行,但是保险起见最好加上。因为这个key作为 value 唯一标识的键名,绑定值为对象类型时必填。
  • label :这是给用户看的,当点击下拉菜单时,会出来选项,用户看到的选项就是这个
  • value :这是你点击某个label(option)之后,将对应的值给v-model绑定的值model

4、如果项目中引用了第三方jar包,则项目中运行时环境的jar包版本则是不低于第三方jar包的版本

5、微服务框架项目中可以不用一个个启动,可以通过配置一键启动。

6、按快捷键Ctrl+Alt+L键即可快速对代码进行格式化。

对jS文件和sql文件管用。

两种js文件:一种容易看懂,一种非常排版很乱,两个图标都不一样,但是其实本质都是一样的,格式化排版后就是一样的了,图标也会变化。

7、xxx.js和xxx.min.js是啥关系

xxx.js 和 xxx.min.js 是同一个 JavaScript 文件的两个不同版本,通常用于生产环境和开发环境之间的区分。它们之间的关系如下:

xxx.js:这是 JavaScript 文件的源代码版本,通常包含可读性更高的源代码,包括注释和格式化的代码。这个文件版本通常用于开发和调试,因为它易于阅读和理解。

xxx.min.js:这是 JavaScript 文件的压缩版本,通常通过删除注释、缩减空白和压缩变量名等方式来减小文件大小。这个文件版本通常用于生产环境,因为它的文件大小更小,可以加快页面加载速度,减少带宽消耗。

通常,开发过程中会使用 xxx.js 版本,以方便调试和开发,因为它的代码易于阅读和理解。而在部署到生产环境时,为了提高性能和减小文件大小,会使用 xxx.min.js 版本,以减少加载时间和资源消耗。

这两个版本通常都是从相同的源代码生成的,只是在构建过程中应用了不同的处理步骤,以满足不同环境的需求。通常,压缩工具(如UglifyJS、Terser等)用于生成 .min.js 版本。

8、不定参数的用法
在一些业务场景中,我们可能需要向js函数传参一个或多个参数(不定),这个时候可以用函数参数中的不定参数实现,然后再函数内部进行业务处理。
一个可能的实现如下:

function checkX(...args){for(const arg of args){if(arg=="target"){return true;}}return false;
}

9、src=“sources/js/mainframe.dl.js?t=20211114”>

在一些年龄比较大的项目,可能会出现上述这种js的用法。其中.sl用于扩展表示该js的功能,后面的t则是时间戳,确保浏览器每次请求文件时都会获取到最新的版本,这样的时间戳通常由构建工具或部署脚本自动生成,并且可以在每次发布新版本时更新,以确保浏览器能够获取到最新的文件。

10、退出登录的时候一定要sessiongstore去掉

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/183062.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

用函数初始化数组

将数组全部初始化为相同值 对于一般情况 一般是用函数&#xff0c;传什么数就初始化为什么数 #define _CRT_SECURE_NO_WARNINGS 1 #include<stdio.h> void init(int arr[], int len, int num) {int i;for (i 0; i < len; i){arr[i] num;} } int main() {int arr[…

如何判断哪种屋顶适合安装光伏板?

随着国家对可再生能源的推广和大力发展&#xff0c;光伏板开始被越来越多人所熟知。而将光伏板安装在家庭楼顶上&#xff0c;不仅可以有效节省土地和楼房面积&#xff0c;还能够为家庭提供更多的经济和环保效益&#xff0c;成为了越来越多人的选择。哪种屋顶适合安装光伏板呢&a…

php爬虫实现把目标页面变成自己的网站页面

最近又被烦的不行&#xff0c;琐事不断&#xff0c;要是比起懒来一个人比一个人懒&#xff0c;但是懒要转换成动力啊&#xff0c;能让自己真正的偷懒&#xff0c;而不是浪费时间。每天还是需要不断的学习的&#xff0c;才能更好的提高效率&#xff0c;把之前做的简单小功能爬虫…

第二部分 系统管理篇

文件和目录管理 Linux基础 在Linux操作系统中&#xff0c;一切都是文件。Linux文件是区分大小写的。 Linux文件的拓展名和它的种类没有任何关系 Linux的目录结构为树状结构&#xff0c;顶级的目录为根目录“/”。 文件类型 用file命令查看文件类型 文件操作命令 1.mkdir创…

Cesium:从本地读取json数据

作者&#xff1a;CSDN _乐多_ 本文记录了从本地读取json数据的js代码。 文章目录 import axios from axios;async drawModelJsonFromLocalFunction() {try {const response await axios.get(./Apps/output.json);// this.jsonData response.data.section_list;} catch (err…

el-select实现分屏效果

动态绑定class值 &#xff0c;多种判断 :class"type 8 ? home-stye-2 : type 24 ? home-stye-1 : home-stye-3" <div class"home-right-top"><div class"home-right-top-video"><el-row :gutter"20"><el-c…

Android进阶之路 - TextView文本渐变

那天做需求的时候&#xff0c;遇到一个小功能&#xff0c;建立在前人栽树&#xff0c;后人乘凉的情况下&#xff0c;仅用片刻就写完了&#xff1b;说来惭愧&#xff0c;我以前并未写过文本渐变的需求&#xff0c;脑中也仅有一个shape渐变带来的大概思路&#xff0c;回头来看想着…

tomcat核心组件及LVS组成作用

目录 1、tomcat 核心组件 简洁一点来说&#xff1a; 2、tomcat显拟主机 默认的三个端口 3、LVS集群 3.1、lvs负载均衡的三种模式 ​3.2、LVS组成作用 3.2.1、组成 3.2.2、作用&#xff1a;主要用于多服务器的负载均衡 1、tomcat 核心组件 web 容器&#xff1a;1、接…

福州大学《嵌入式系统综合设计》 实验九:ROI视频编码

一、实验目的 ROI视频编码即感兴趣区域视频编码&#xff0c;即针对感兴趣区域进行重点编码&#xff0c;提高编码质量&#xff0c;而对非感兴趣区域采用低质量编码。通过这种方法可以降低码率。本实验即让同学们能够在算能的FFMPEG接口下实现基于ROI的视频编码。 二、实验内容…

离散化笔记

文章目录 离散化的适用条件离散化的意思AcWing 802. 区间和CODECODE2 离散化的适用条件 离散化用于区间求和问题对于数域极大&#xff0c;而数的量很少的情况下 离散化的意思 背景&#xff1a;对于一个极大数域上的零星几个数进行操作后&#xff0c;求某段区间内的和 其实意思…

JSch线上出现com.jcraft.jsch.JSchException: channel is not opened.问题分析

JSch线上出现com.jcraft.jsch.JSchException: channel is not opened.问题分析 文章目录 JSch线上出现com.jcraft.jsch.JSchException: channel is not opened.问题分析1. 背景1.系统使用jsch这个框架做文件发送以及远程命令执行的操作,系统一直运行正常,直到某一个环境发现 2.…

关于我司在上海物联网行业协会展厅展示项目案例

1 项目背景 上海市物联网行业协会&#xff08;SIOT&#xff09;是由本市物联网行业同业企业及其他相关经济组织自愿组成、实行行业服务和自律管理的非营利性社会团体法人&#xff0c;于2012年&#xff0c;经上海市经济和信息化委同意&#xff0c;在上海市社团局登记成立。 本…

pat模拟题—7-11 两个序列的中位数

一个长度为n(n⩾1)的升序序列S,处在第2n​个位置的数称为序列S的中位数(median number),例如&#xff0c;序列S1{10,13,14,16,18,19}的中位数是14。两个序列的中位数是它们所有元素的升序序列的中位数&#xff0c;例如&#xff0c;S2{2,4,8,9,20,21},则S1和S2的中位数是13。现有…

vue3中 watch、watchEffect区别

watch是惰性执行&#xff0c;也就是只有监听的值发生变化的时候才会执行&#xff0c;但是watchEffect不同&#xff0c;每次代码加载watchEffect都会执行&#xff08;忽略watch第三个参数的配置&#xff0c;如果修改配置项也可以实现立即执行&#xff09;watch需要传递监听的对象…

【精选】Spring整合MyBatis,Junit 及Spring 事务Spring AOP面向切面详解

Spring整合MyBatis 搭建环境 我们知道使用MyBatis时需要写大量创建SqlSessionFactoryBuilder、SqlSessionFactory、SqlSession等对象的代码&#xff0c;而Spring的作用是帮助我们创建和管理对象&#xff0c;所以我们可以使用Spring整合MyBatis&#xff0c;简化MyBatis开发。 …

SDK emulator directory is missing

要进行uniapp真机测试&#xff0c;不得不安装配置一下安卓开发环境 &#xff0c;搞一个模拟器。。。然后又是各种坑。。对比来对比去还是IOS的环境使用着舒服&#xff0c;XCODE下载好&#xff0c;一切重点就是在编码了。。 安卓这个脑残货呀&#xff0c;哎&#xff0c;各种安装…

记录 | rm -rf 删除除了指定文件以外的文件,以及在Bash脚本中的使用方法

一般 rm -rf 的用法是&#xff1a; # 删除当前目录所有文件 rm -rf ./*但要是想删除当前目录除了 aa.txt以外的其他所有文件呢&#xff0c;该怎么办呢&#xff1f; 命令如下&#xff1a; rm -rf !(aa.txt)然而这个时候可能会报错&#xff1a; bash: !: event not found 这是因…

rust 基本数据类型

Rust 是 静态类型&#xff08;statically typed&#xff09;语言&#xff0c;也就是说在编译时就必须知道所有变量的类型&#xff0c;基本类型如下 整型 整数 是一个没有小数部分的数字长度有符号无符号8-biti8u816-biti16u1632-biti32u3264-biti64u64128-biti128u128archisi…

【开题报告】基于SSM的高端茶具选购系统的设计与实现

1.选题背景 近年来&#xff0c;随着人们生活水平的提高以及对健康生活的追求&#xff0c;茶文化逐渐在人们的生活中占据了重要地位。茶具作为茶文化的重要组成部分&#xff0c;对于制茶、品茶都有着至关重要的影响。因此&#xff0c;如何选购合适的高端茶具成为了越来越多茶友…

数据挖掘之时间序列分析

一、 概念 时间序列&#xff08;Time Series&#xff09; 时间序列是指同一统计指标的数值按其发生的时间先后顺序排列而成的数列&#xff08;是均匀时间间隔上的观测值序列&#xff09;。 时间序列分析的主要目的是根据已有的历史数据对未来进行预测。 时间序列分析主要包…