前端工作周报

news/2024/5/19 17:00:17 标签: vue, web, js, flex
webkit-tap-highlight-color: rgba(0, 0, 0, 0);">

实习期,记录一些工作中遇到的问题

正文

一. 关于watch

  1. 更新列表的话,就用watch监听变化的部分,不要再变动之后的callback中逐一处理,如在增加或删除列表项时,再给本地列表进行加减,笨方法。
  2. watch监听的越具体越好。案例:由于刚来公司,对现在着手的项目不熟悉,watch监听了整个列表,只要列表变动,则重新load列表。这种方法是很蠢的,导致了watch无限循环加载列表,因为当我第一次修改了列表,列表重新加载后,则又触发了watch,又重新load列表…

二. 父子组件之间的一些问题

  1. 父组件请求数据后,把数据prop给子组件。你把请求写在created函数里,可以。但是如果父组件需要再异步拿到另一个参数,有了这个参数才能去请求数据,就不能简单的这么写了。这时,我的做法是,使用watch监听这个参数是否已经取到,取到的话就请求数据,数据请求完成后,再去创建子组件。至于怎么控制何时创建子组件,就用个flag吧。

三. 样式问题

  1. 做一个横向图标导航,鼠标悬停会有放大效果,即加一个同于背景色的边框。这时,如果你用弹性盒子,则放大时,基本上是图标是会乱窜的。给每个图标都加一个透明色的边框即可(真奇怪,以前自己做项目时候都会这样,一工作怎么还忘了)。
  2. 超出文字设置省略号(我这css服了)
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;

四. 收获

  • 就我这几天的工作经验来说,确实学到了不少。
  1. 目录结构清晰明了,前后台分文件夹写,接口都整合到一个文件中。
  2. 后端发来的类型,基本上都要写接口来接收,包括如何写接口。
  3. 自己写的任何东西,都要给注释。
  4. Git的使用,环境来说就安装了git,然后用idea的提交,拉取代码,比较简单,但是有用。
  5. 任何不懂的地方,先看文档(需求文档,接口文档,设计文档)。
  6. 作为实习生,我尽量地自己搞明白问题,实在弄不了的再去问别人。我很感激带着我做项目的老哥。
  7. 年轻人,真的要戒骄戒躁,不要锋芒毕露。

http://www.niftyadmin.cn/n/1257933.html

相关文章

element tab选项卡标签样式

前言 今天工作时有一个需求,大致是把elementUI的选项卡标签样式修改修改。起初是想直接重写element样式类,但是需求中还需对标签中的数字特殊处理,这种方式就行不通了。百度找了很久,终于在一个偏僻的角落找到了答案。 正文 使…

JavaScript两个数组的数据处理

来自思否的一个问答。 原文链接 正文 问题 提问者大概需求为将下面的两个数组,经过处理后变为预期的数组 原数组 const arr1 [{ uid: 2 }, { uid: 3 }, { uid: 4 }]; const arr2 [{text: 随便1,children: [{ uid: 1 }, { uid: 2 }],},{text: 随便2,children: …

MySQL、Oracle和SQL Server的分页查询语句

原文地址:http://www.cnblogs.com/ginponson/p/5746435.html 假设当前是第PageNo页,每页有PageSize条记录,现在分别用Mysql、Oracle和SQL Server分页查询student表。 1.Mysql的分页查询 SELECT * FROM student LIMIT (PageNo - 1) * PageSi…

List 中去除 null 方法讨论

先看下面的程序段&#xff1a; public static void main(String[] args) { List<Integer> arrays new ArrayList<Integer>(); arrays.add(2); arrays.add(null); arrays.add(456); arrays.add(null); arrays.add(789); System.out.println(arrays); } …

前端工作周报8.2

记录工作中的收获 正文 1. 样式问题 文字超出容器显示省略号&#xff0c;必须设置三个属性&#xff1a; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;除此之外&#xff0c;容器的display需为block/inline-block Margin负值不生效的话&#xff0c;考虑…

Python字符串基本操作

Python字符串基本操作 1、判断是不是合法的标识符isidentifier name"ABC" print(name.isidentifier()) 打印结果 True 2、首字母大写capitalize name abc print(name.capitalize()) 打印结果 Abc 3、计数count name abc print(name.count("a")) 打印结果 1…

js 字符串转数值 的常用方法和对比

话不多说&#xff0c;直接正文。 正文 常用方法为这三种 ~~按位取反再取反&#xff0c;作用是把字符串变为整数数值。Number(str) 会保留小数点parseInt(str) 化为整数数值 console.log(Number("121")); console.log(parseInt("121")); console.log(~~…

前端工作周报8.9

记录下前端实习工作的问题和收获。 正文 1. javaScript相关 即使 null 和 undefined 有关系&#xff0c;它们的用途也是完全不一样的。永远不必显式地将变量值设置为 undefined 。但 null 不是这样的。任何时候&#xff0c;只要变量要保存对象&#xff0c;而当时又没有那个对…