2024年11月26日到2024年4月26日工作汇总,学习前端开发的步骤,

暂停时候点下一首,可以播放,不转圈 (有问题,应该是转圈 )

删了autoplay

我想让他开始播放,在pre和next上调用play没反应

让audio播放

转圈:this.$refs.rotate.style.animationPlayState = ‘running’;

autoplay下只要点上一首或下一首添加下面代码,转圈

this.$refs.rotate.style.animationPlayState = ‘running’;

问题:

我不想用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


自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
img

总结

阿里十分注重你对源码的理解,对你所学,所用东西的理解,对项目的理解。

最新阿里蚂蚁金服四面(已拿offer)Java技术面经总结

最新阿里蚂蚁金服四面(已拿offer)Java技术面经总结

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

最新阿里蚂蚁金服四面(已拿offer)Java技术面经总结

一个人可以走的很快,但一群人才能走的更远。如果你从事以下工作或对以下感兴趣,欢迎戳这里加入程序员的圈子,让我们一起学习成长!

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

总结](https://img-blog.csdnimg.cn/img_convert/04656be82d9b13ba32131bdc8ec55836.png)

一个人可以走的很快,但一群人才能走的更远。如果你从事以下工作或对以下感兴趣,欢迎戳这里加入程序员的圈子,让我们一起学习成长!

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

  • 19
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值