先自我介绍一下,小编浙江大学毕业,去过华为、字节跳动等大厂,目前阿里P7
深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年最新Web前端全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新
如果你需要这些资料,可以添加V获取:vip1024c (备注前端)
正文
音乐:点进去,不播放,左右也是不播放(正常)
点播放,开始播放,转圈,
播放状态,点下一首(上一首),转圈,未播放(问题,应该是自动播放的)
有autoplay可以
暂停时候点下一首,可以播放,不转圈 (有问题,应该是转圈 )
删了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
结尾
正式学习前端大概 3 年多了,很早就想整理这个书单了,因为常常会有朋友问,前端该如何学习,学习前端该看哪些书,我就讲讲我学习的道路中看的一些书,虽然整理的书不多,但是每一本都是那种看一本就秒不绝口的感觉。
以下大部分是我看过的,或者说身边的人推荐的书籍,每一本我都有些相关的推荐语,如果你有看到更好的书欢迎推荐呀。
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
需要这份系统化的资料的朋友,可以添加V获取:vip1024c (备注前端)
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
我就讲讲我学习的道路中看的一些书,虽然整理的书不多,但是每一本都是那种看一本就秒不绝口的感觉。
以下大部分是我看过的,或者说身边的人推荐的书籍,每一本我都有些相关的推荐语,如果你有看到更好的书欢迎推荐呀。
[外链图片转存中…(img-DTRbk5we-1713629869411)]
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
需要这份系统化的资料的朋友,可以添加V获取:vip1024c (备注前端)
[外链图片转存中…(img-gmwPJWlX-1713629869411)]
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!