2024年前端最新2024年11月26日到2024年4月26日工作汇总，2024年最新web前端开发面试题

总结

• 对于框架原理只能说个大概，真的深入某一部分具体的代码和实现方式就只能写出一个框架，许多细节注意不到。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• 算法方面还是很薄弱，好在面试官都很和蔼可亲，擅长发现人的美哈哈哈…（最好多刷一刷，不然影响你的工资和成功率???）

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！

第一次跳槽十分忐忑不安，和没毕业的时候开始找工作是一样的感受，真的要相信自己，有条不紊的进行。如果有我能帮忙的地方欢迎随时找我，比如简历修改、内推、最起码，可以把烦心事说一说，人嘛都会有苦恼的～

祝大家都有美好的未来，拿下满意的 offer。

问题：

我不想用autoplay，想实现在暂停状态下，点下一首，让他开始转圈，并且开始播放

如果去掉autoplay，点播放，正常

点下一首（上一首），不播放转圈

歌词乱码，歌词歌曲下载

js给id绑定点击事件 https://www.cnblogs.com/wenb/p/5956243.html

---

2019.1.23

技术可行性分析，划定一下时间

美工：原型图

客户的期望已经在这了，我们深入讨论一下能够满足客户的方案，

如果确实没有，我们就要再次交流，作为用户，我们需要自己想想别人都是怎么处理的

===网页识别系统

2019年1月3日3h 软件组一起加班，我做了继续完成前端页面，实现分页加载的功能

2019年1月14日4h 年会排练节目

2019年1月15日3h 年会排练节目

2019年1月16日3h 年会排练节目

2019年1月17日3h 年会排练节目

2019年1月27日8h 周日来公司，实现部署一个前端项目到本地，并把上拉加载实现

2019年2月16日3.5h 下载vue-cli并学习官网

2019年2月20日3.5h vuex和transition动画的学习

2019年2月21日3h 把主页边上的留白改了一下，侧滑菜单的手风琴功能的思路

2019年2月22日3h 解决了查了一下午的问题，登录跳转到主页面中间的组件关系

2019年2月25日3h 安装了适配的几个插件，适配搞出来了，参考官网引入cube-ui

2019年2月26日3h

2019年2月27日3h

2019年2月28日3h

2019年2月29日3h

、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、

2019.2.15

完成菜单页面，没有添加右侧滑入的动画

在机上升舱下面加了1和2并添加点击事件

2019.2.16

菜单添加了动画，学习规格选择的动画

搭建vue脚手架

任务：

1 学习淘宝等的适配

2 vue搭建并用组件重写

2019.2.18到2.20

导航栏及策划菜单的动画，vuex和transition动画，轮播图的导入，主要内容

2019.2.20

在vue-cli实现了主页面及侧滑菜单

下一步：自适应，登录页面

2019.2.21

侧滑菜单的手风琴功能

2.22

下了一个登陆demo跟着教程做了一下，发现里面PHP有关接口的地方做不了，换了三种方案，终于在晚上实现跳转

问题：

1 之前宽度设置的百分比，要是改变窗口（拖动边框），右边留的空白会越来越大，和左边看起来视觉上体验不好、问题来了，如果布局是左右各50%,中间还有空隙（也就是要设置margin），那么自然宽度就不能给到50%，48%，49%就成这样的效果了，不知道别人如何做的

解决：不要margin，给他设置一个边框，背景是白色

昨晚：解决了之前那个百分比旁边会留白的问题

2019.2.22

早：下了一个登陆demo跟着教程做了一下，发现里面PHP有关接口的地方做不了，下次这种情况一定提前考虑

下午：

晚上：解决了查了一下午的问题，登录跳转到主页面中间的组件关系

本周：

总结一下：做出来的就是把之前写的页面文件，导入到主页实现了主页和旁边的菜单栏

正在做的：

适配问题：尝试了淘宝 适配，不兼容放弃，然后现在跟前下了一个适配的demo正在研究。

登陆验证跳转到主页，

---

建议：

看到做出来的能不能给客户看，不只是一个demo

自己给自己规划，到什么时间点要完成一个东西，到事件了没有完成给自己交代

概要设计和开发计划整理出来，那些模块，接口需要那些人

登录：把前端的这两个数据拿到

---

2019.2.25-3.1

周一：25

安装了适配的几个插件

三点：适配搞出来了

参考官网引入cube-ui

周二：26

问题：之前安装的vue-cli2，在安装cube-ui时候各种报错缺失模块包，所以我就卸载了2.9，安装了3，再添加cube-ui

视频学习了一下tab栏

27,28

周三和周四早上 修改了WMSU平台软件安装说明

下午： 学习ESlint配置文件eslintrc.js

晚上把之前的tab组件应用到娱乐的四个页面里面，

周五29

然后在阅读的新闻页面添加了一些数据

对于之前研究的那个适配，我在vue3里面也初步实现

下周计划

把电影页面和小说的那个布局用虚拟数据显示出来

还有音乐界面的布局

第二部分精彩华夏的那四个页面

底部的那两个页面，目的地推荐和意见反馈

然后是第一部分的呼吸铃和机上餐食

把我的行程页面放在最后

和后台进行联调验证。

---

3.4-3.8

2019年3月5日 评价页面功能实现，上传图片有bug，样式没改

2019年3月6日 研究登录页面的后台逻辑

2019年3月7日

如何把主页填写的信息传到后面页面：电话和座位号

2019年3月8日

引入icon字体

2019年3月9日

机上升舱弹框和关闭

---

3月11号-3月15号

2019年3月11号 学习池剑锋项目，包括页面样式和内部逻辑

2019年3月12号 学习vue-cli3通过axios获取本地json数据（json数据怎么写），发起请求去请求本地写好的json数据

2019年3月13号 座位号是从登录页面传过来的，input框接收一个传过来的值，编辑以后可以点击获取

2019年3月14号 点种类，上面的图片和价钱获取对应的值，这里一些逻辑我请教了一下王哥，占用了他的晚上时间

2019年3月15号 把本地的json文件改成概要设计文件里面格式了，把座位号和电话号码传到后台

页面的效果是点击机上餐食，弹出页面，内容显示图片，价格，种类，点击种类可以切换，购买数量选择，座位号，点击提交订单，弹框显示提交成功可以打印出来选的种类，价钱，数量和座位号（这个座位号之前我用的路由传参，但是会直接在链接上面打印出来，改成从登录页面传过来的用的localstorage）

我把它默认选中为面条，展示面条的一些信息，有一个bug就是，我种类选了米饭点击关闭再点开，选的还是米饭但是图片和价钱确是面条的。

橙子

file:///C:/Users/Administrator/Desktop/%E5%8D%8E%E5%A4%8F%E9%A1%B9%E7%9B%AE/%E6%BA%90%E7%A0%81/%E7%BB%83%E4%B9%A0/%E8%B4%AD%E7%89%A9%E8%BD%A6%E8%A7%84%E6%A0%BC%E7%A4%BA%E4%BE%8B/%E5%8A%A0%E5%85%A5%E8%B4%AD%E7%89%A9%E8%BD%A6%20-%20%E5%89%AF%E6%9C%AC.html

演示

file:///C:/Users/Administrator/Desktop/%E5%8D%8E%E5%A4%8F%E9%A1%B9%E7%9B%AE/%E5%8D%8E%E5%A4%8Fweb%E5%A8%B1%E4%B9%90html%E6%BC%94%E7%A4%BA/%E6%9C%BA%E4%B8%8A%E9%A4%90%E9%A3%9F.html

交互文档

file:///C:/Users/Administrator/Desktop/%E5%8D%8E%E5%A4%8F%E9%A1%B9%E7%9B%AE/%E5%8D%8E%E5%A4%8F%E5%A8%B1%E4%B9%90%E7%95%8C%E9%9D%A2%E4%BA%A4%E4%BA%92%E6%96%87%E6%A1%A3/%E5%8D%8E%E5%A4%8F%E5%A8%B1%E4%B9%90%E4%BA%A4%E4%BA%92%E6%96%87%E6%A1%A3%E2%80%94%E2%80%94%E2%80%94%E2%80%94%E7%82%B9%E5%87%BB%E6%9F%A5%E7%9C%8B.html

3.16 呼唤铃和机上升舱

3月18号-3月22号

2019年3月18号 完成机上升舱，呼唤铃

2019年3月19号 完成我的行程

2019年3月20号 完成安全须知

2019年3月21号 视频页面设置滚动

2019年3月22号 视频页面设置滚动

http://192.168.188.1/wifi-cms/api

/api/callbell/list

---

3月25号-3月29号

2019年3月25号 调接口

发送验证码(N) 验证验证码()

获取可升舱座位数据(Y) 提交升舱信息(Y)

呼唤铃(Y)

餐食(N)

2019年3月26号 实现toast弹框 学习this的用法

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。