前端

如果你是想要学习Web前端的新人，那么恭喜你，看完这篇文章，尽早的选择好努力的方向和规划好自己的学习路线，比别人多一点付出并且持之以恒，你就已经赢在了起跑线上。有道是，莫道君行早，更有早行人。 如果你已经学完了但是还没找到工作，那么就应该反省一下自己，到底哪些方面于欠缺，亡羊补牢，为时不晚，现在行动起来，你就还有机会! 难道真的是市场已经饱和了吗? 其实还是很缺人的，只是不缺基本的从业者了，学习前端的人很多也就意味着竞争很大，对于刚刚准备踏入职场的前端小伙们来说，找工作就是一场战争。目标就是那几个工作岗位，周围的人全是敌人，没什么同伴。那么如何才能拥有自己的核心竞争力，在人群中脱颖而出呢?下面和千锋广州小编一起来看看吧！ ​第一：一定要重视基础 首先建立第一条技能线：就是前端由HTML，CSS，JS组成;然后将其细化为第二条线，HTML是由HTML4和HTML5组成;第三条线，CSS由CSS2和CSS3组成;第四条线，JS由es5和es6构成。 接下来是框架方面的延伸：CSS方向有less，HTML方向有bootstrap，JS方向有JPuery库。 再往下延伸一层：HTML、CSS方向，有前端构建工具;JS除了JP库之外，还有更全面的前端框架，react、angular、vue。 再往下细化：react是一个view层方案，为了让它能够全面解决前端需求，需要Redux、react

如何高效的学习Web前端一定是困扰着很多初学前端的朋友，IT行业的变化快是众人皆知的，这就需要大家需要持续去学习新的知识内容。但是，小编看到往往我们工作之后，才发现学习的东西很少了，学习效率非常低，感觉自己到了一个瓶颈期，久而久之，就演变成『一年工作经验，重复去用十年』的怪圈。 不管你是已经工作了，还是正在学习中的初学者，如果你想在Web前端行业中有更高更远的发展，下面这些方法会让你的学习之路变得更加轻松。 先让我们来看看一些不好的学习方法： 一、低效率的学习坏习惯 1、被动反复阅读 通常一个新手在学习Web前端开发的时候，往往会选择买书去学习，首先这样的学习效率是非常差的，比如在学习html，css的时候，是完全不用看书的。书上大多数都是理论知识，你并不知道哪里是重点，所以每个人地方你都会去看，但是事实往往是大多数东西你都不理解。比如说学习Web前端的人都知道《JavaScript权威指南》这本书，它的页数在700多页，你想要通过这本书来学JavaScript，可能这本书半年你都看不完，就算看完了又能怎么样，看一遍不可能会，很多人就会选择重复去看，不仅浪费时间，效率也不高。这种学习方式是非常不可取的，你没有那么多时间去这么干。 2、看书看视频中代码示例认为自己就理解了，从不动手编程 这是新手在学习Web前端的时候常见的问题，也是大忌，很多人都说，我课程听懂了，但是自己不会动手写

【团队信息】 团队项目： 小葵日记——主打记录与分享模式的日记app 队名 ：日不落战队 队员信息及贡献分比例 ： 短学号 名 本次作业博客链接 此次作业任务 贡献分配 备注 501 安琪 http://www.cnblogs.com/Akyy/p/7705412.html 1.用例图；2.博客； 20% 队长 532 智慧 http://www.cnblogs.com/bsyt/p/7707285.html 状态图 15% 612 章鹏 http://www.cnblogs.com/pengpeng123/p/7705535.html 1.类图；2.活动图 18% 616 语恳 http://www.cnblogs.com/liyuken/p/7705498.html 状态图 15% 618 炜坤 http://www.cnblogs.com/kunza/p/7705526.html 用例图 17% 621 少 http://www.cnblogs.com/playpark/p/7706182.html 活动图 15% 【团队阶段分工】 alpha版本 ： 模块序号 模块名 模块具体内容 1 登录注册模块 完成用户的登录与注册 2 日记基础编辑模块 文字及图片的输入、编辑、存储 3 世界模块 日记的推送、分享、评论、收藏 4 个人基础信息模块 昵称、性别等个人信息的编辑存储 5

前言 队名：拖鞋旅游队 组长博客： https://www.cnblogs.com/Sulumer/p/10104842.html 作业博客： https://edu.cnblogs.com/campus/fzu/Grade2016SE/homework/2493 组内情况 燃尽图 任务分布 github签入记录 前端签入记录： 后端签入记录： 暂无 苏路明（组长） 过去两天完成的任务 1.细分任务 2.重组前端github 接下来的计划 1.改善布局、原型。 2.把控好团队的进度。 3.完善分享机制 还剩下哪些任务 团队统一展示，见任务分布图，代号Sulumer。 有哪些困难 任务繁重，缺乏时间管理，觉得Beta版本的冲刺很吃力。 有哪些收获和疑问 之前偷的懒，现在都得双倍补回来。 陈瀚霖 过去两天完成的任务 研究并反思alpha版本自己所作的部分 接下来的计划 改进markers的外观 还剩下哪些任务 团队统一展示，见任务分布图，代号160。 有哪些困难 map能找到的资料较少 有哪些收获和疑问 对alpha版本有了进一步的理解 程晓宏 过去两天完成的任务 制作测试报告PPT 接下来的计划 完善旅游地图功能 还剩下哪些任务 团队统一展示，见任务分布图，代号106。 有哪些困难 性能优化 有哪些收获和疑问 1..Mybatis实战 2.后端数据操作 何家健 过去两天完成的任务

查找了好几天的相关资料，各种方法都有，但是不详细，没有弄懂，今天打算一步一步走走看，结果success~嘻嘻😁 前端步骤 1.首先，先去ElementUI组件库中找到Upload组件- 组件地址 ，选择一类组件，我选择的是第一个的 把样例代码重要的复制到自己的项目中，我当时的想法是直接调用饿了么组件的上传图片接口不就完事了嘛，结果试了一下，报错，看来还得自己写接口吖~ 后端步骤 现在先自己写一个上传头像的接口，看看post的req是个什么东东，怎么写接口我就不再描述啦，详见上一篇 node.js如何写接口 然后function(req, res, next)中先console.log(req.body)，看看是什么，别忘了把前端中的el-upload标签中action的接口写上，我的是 “/users/upload/headImage” ,测试一下，结果发现req.body是一个空对象，之前前端中方法添加了这些 但是前端控制台并没有显示输出的file，然后我去饿了么组件库upload属性中找到了这个 在el-upload标签中添加了这个属性，并且在方法中添加 beforeUpload ( file ) { console . log ( file ) ; } , 结果终于出来啦，前端控制台显示 然后咱们看看接口是否连接成功~ 但是 前端Network中此接口有可能报错

队名——牛肉面不要牛肉不要面 队伍成员 211406285 林志松 【队长兼前端开发】 211606368 林书浩 【系统设计】 211606357 陈远军 【UI美工】 211606335 吴沂章 【软件测试】 211606352 陈 彬 【需求分析】 211606319 林志强 【后端开发】 211606318 林锃寒 【软件测试】 211606374 南千昊 【软件维护】 队长博客 林 志 松 团队项目描述   一个可以在网页上实现播放歌曲功能的页面，可以暂停、调节音量大小等功能。 队员风采 林志松 风格：躲在角落瑟瑟发抖的咸鱼型人才 擅长的技术：会一丢丢JAVA和H5 编程的兴趣：前端 希望的软工角色：程序猿 宣言：肝就完事了 吴沂章 风格：随性 擅长的技术：Java、HTML、维修电脑、回收废旧手机 编程的兴趣：游戏、网页、bug 希望的软工角色：端茶倒水，洗衣做饭...后端开发 宣言：好好学习，天天向上 林志强 风格：随遇而安 擅长的技术：JAVA 编程的兴趣：前端开发 希望的软工角色：后期制作 一句话宣言：有所为，有所不为 陈远军 风格:啥都不会，只会百度 擅长的技术：java、html、php 编程的兴趣：能学会就好 希望的软工角色：能拥有信手拈来的代码能力 宣言：笑对代码 林锃寒 风格：努力认真 擅长的技术：Java 编程兴趣：前端开发 希望的软工角色：编程人员

队名——牛肉面不要牛肉不要面 队伍成员 211406285 林志松 【队长兼前端开发】 211606368 林书浩 【系统设计】 211606357 陈远军 【UI美工】 211606335 吴沂章 【软件测试】 211606352 陈 彬 【需求分析】 211606319 林志强 【后端开发】 211606318 林锃寒 【软件测试】 211606374 南千昊 【软件维护】 队长博客 林 志 松 团队项目描述   一个可以在网页上实现播放歌曲功能的页面，可以暂停、调节音量大小等功能。 队员风采 林志松 风格：躲在角落瑟瑟发抖的咸鱼型人才 擅长的技术：会一丢丢JAVA和H5 编程的兴趣：前端 希望的软工角色：程序猿 宣言：肝就完事了 吴沂章 风格：随性 擅长的技术：Java、HTML、维修电脑、回收废旧手机 编程的兴趣：游戏、网页、bug 希望的软工角色：端茶倒水，洗衣做饭...后端开发 宣言：好好学习，天天向上 林志强 风格：随遇而安 擅长的技术：JAVA 编程的兴趣：前端开发 希望的软工角色：后期制作 一句话宣言：有所为，有所不为 陈远军 风格:啥都不会，只会百度 擅长的技术：java、html、php 编程的兴趣：能学会就好 希望的软工角色：能拥有信手拈来的代码能力 宣言：笑对代码 林锃寒 风格：努力认真 擅长的技术：Java 编程兴趣：前端开发 希望的软工角色：编程人员

队名——牛肉面不要牛肉不要面 队伍成员 211406285 林志松 【队长兼前端开发】 211606368 林书浩 【系统设计】 211606357 陈远军 【UI美工】 211606335 吴沂章 【软件测试】 211606352 陈 彬 【需求分析】 211606319 林志强 【后端开发】 211606318 林锃寒 【软件测试】 211606374 南千昊 【软件维护】 队长博客 林 志 松 团队项目描述   一个可以在网页上实现播放歌曲功能的页面，可以暂停、调节音量大小等功能。 队员风采 林志松 风格：躲在角落瑟瑟发抖的咸鱼型人才 擅长的技术：会一丢丢JAVA和H5 编程的兴趣：前端 希望的软工角色：程序猿 宣言：肝就完事了 吴沂章 风格：随性 擅长的技术：Java、HTML、维修电脑、回收废旧手机 编程的兴趣：游戏、网页、bug 希望的软工角色：端茶倒水，洗衣做饭...后端开发 宣言：好好学习，天天向上 林志强 风格：随遇而安 擅长的技术：JAVA 编程的兴趣：前端开发 希望的软工角色：后期制作 一句话宣言：有所为，有所不为 陈远军 风格:啥都不会，只会百度 擅长的技术：java、html、php 编程的兴趣：能学会就好 希望的软工角色：能拥有信手拈来的代码能力 宣言：笑对代码 林锃寒 风格：努力认真 擅长的技术：Java 编程兴趣：前端开发 希望的软工角色：编程人员

队伍名称 队伍成员 211406285 林志松【队长兼前端开发】 211606368 林书浩【系统设计】 211606357 陈远军【 U I 美工】 211606335 吴沂章【软件测试】 211606352 陈 彬【需求分析】 211606319 林志强【后端开发】 211606318 林锃寒【软件测试】 211606374 南千昊【软件维护】 队长博客 林 志 松 团队项目描述 音乐播放器：一个可以在网页上实现播放歌曲功能的页面，还可以暂停、调节音量大小等高端功能 队员风采 姓名：林志松 风格：躲在角落瑟瑟发抖的咸鱼型人才 擅长的技术：会一丢丢JAVA和H5 编程的兴趣：前端 希望的软工角色：程序猿 宣言：肝就完事了 姓名：吴沂章 风格：随性 擅长的技术：Java、HTML、维修电脑、回收废旧手机 编程的兴趣：游戏、网页、bug 希望的软工角色：端茶倒水，洗衣做饭...后端开发 宣言：好好学习，天天向上 姓名：林志强 风格：随遇而安 擅长的技术：JAVA 编程的兴趣：前端开发 希望的软工角色：后期制作 一句话宣言：有所为，有所不为 姓名：陈远军 风格:啥都不会，只会百度 擅长的技术：java、html、php 编程的兴趣：能学会就好 希望的软工角色：能拥有信手拈来的代码能力 宣言：笑对代码 姓名：林锃寒 风格：努力认真 擅长的技术：Java 编程兴趣：前端开发 希望的软工角色

队名——牛肉面不要牛肉不要面 队伍成员 211406285 林志松 【队长兼前端开发】 211606368 林书浩 【系统设计】 211606357 陈远军 【UI美工】 211606335 吴沂章 【软件测试】 211606352 陈 彬 【需求分析】 211606319 林志强 【后端开发】 211606318 林锃寒 【软件测试】 211606374 南千昊 【软件维护】 队长博客 林 志 松 团队项目描述   一个可以在网页上实现播放歌曲功能的页面，可以暂停、调节音量大小等功能。 队员风采 林志松 风格：躲在角落瑟瑟发抖的咸鱼型人才 擅长的技术：会一丢丢JAVA和H5 编程的兴趣：前端 希望的软工角色：程序猿 宣言：肝就完事了 吴沂章 风格：随性 擅长的技术：Java、HTML、维修电脑、回收废旧手机 编程的兴趣：游戏、网页、bug 希望的软工角色：端茶倒水，洗衣做饭...后端开发 宣言：好好学习，天天向上 林志强 风格：随遇而安 擅长的技术：JAVA 编程的兴趣：前端开发 希望的软工角色：后期制作 一句话宣言：有所为，有所不为 陈远军 风格:啥都不会，只会百度 擅长的技术：java、html、php 编程的兴趣：能学会就好 希望的软工角色：能拥有信手拈来的代码能力 宣言：笑对代码 林锃寒 风格：努力认真 擅长的技术：Java 编程兴趣：前端开发 希望的软工角色：编程人员