一个女大学生的前端学习之路

自我介绍

hello，小伙伴们，大家好，我是一个还没毕业的大学生，

下边我来为大家讲一下我对这一年的总结和对未来的展望

2019-上

在校期间

• 不喜欢过太安逸的大学生活
• 不喜欢天天吃了就睡
• 不喜欢天天呆在宿舍打游戏看电视剧
• 不想以后实习找不到工作

上课是不听讲的，因为觉得老师讲的课对我没多大用，在以后的工作上也很少用得上，所以我喜欢自己自学！

没课的时候我会去图书馆，我喜欢那种气氛，觉得图书馆里面的人专心认真在样子，不喜欢呆在宿舍，因为会跟室友们讲话，就没法专心学，基本上每天没课了就会呆在图书馆

虽然每天的学习很孤独，但我时常安慰自己，这只是暂时的，未学到的痛苦是终身的！

下边来谈一下我上半年学习技术总结：

Html5：

• 对WEB标准以及W3C的理解与认识
• 标签语义化
• 新增标签
• 行内元素与块级元素

CSS3：

• CSS盒模型
• 1px边框问题
• CSS常见选择器
• CSS3新特性
• CSS3的常用属性
• Flex布局
• 文字、盒子水平垂直居中
• 浮动与定位
• 常见单位

JS

• 学习原生（String、Array、Object、Number...）属性与方法
• 原生DOM增删改查
• 理解同步与异步

JQuery

• jQuery选择器
• Jquery显示和隐藏、淡入和淡出、滑动、动画
• DOM元素的增删改查
• jquery操作css

ES6

• let和const命令
• Symbol
• 变量的解构赋值
• 数组新增的方法
• 字符串新增的方法

Vue

• 常用指令
• class与style绑定
• 组件的常用选项
• 组件通信
• 插槽slot
• Vue的生命周期
• Vuex的用法
• ......

小程序

• 熟悉了一下小程序官方文档

git

• 熟悉了git常用命令

Http协议与数据请求

• 熟悉Http常见方法与状态码

其他

• 每天做一道前端面试题，为了了解工作上的一些需要，
• 时不时看一下boss直聘上的招聘信息，了解最新技术
• 提前把简历写好，熟悉简历

2019-下

工作期间

• 工作好难，好多自己没见过的技术
• 工作好累，自己懂的太少了
• 生活好难，难到无法承受
• 房租好贵，贵到无法接受

暑假就来深圳了，很开心，找到一家接纳我的公司，虽然公司不是很大，但是我很满足，给了我一个很好的学习机会，能让我在技术的道路上越走越远！

在工作中，因为自己比别人都懂得少，也有很多不懂的地方，经常向同事请教，也不太好意思天天问别人，所以工作之余经常一个人去咖啡厅里学习

我不能在家学习，在家学习就会想睡觉，为了避免自己的这种懒惰行为发生，我给自己规定 周末也和平时上班的一样的起床时间去学习

下边来谈一下我下半年的学习技术总结：

很多也是在上半年的基础上更深入的学习了....
我在这就提一下新学的....

Html5：

• DOM(增删改查)
• BOM
• 理解渐进增强与优雅降级
• 理解cookie、sessionStorage、localStorage
• ......

CSS3：

• Grid布局
• link和@import有什么区别
• 常见兼容性问题
• 过渡、动画、3D旋转
• BFC
• 圣杯布局(三栏布局)
• ......

JS

• 正则表达式
• bind、call、apply用法及区别
• 原生ajax
• 对象深浅拷贝
• 对this的理解
• 常见的模块化
• 常见的循环和它们的区别
• 浏览器对象
• 作用域和闭包
• ......

JQuery

• jQuery选择器与css选择器的区别
• DOM的遍历
• Jquery显示和隐藏、淡入和淡出、滑动、动画
• jQuery遍历
• JQuery中的Ajax
• ......

ES6

• 异步解决方案
• 箭头函数
• 模块化
• 扩展运算符
• promise对象的使用
• Set和Map数据结构
• ......

Vue

• Vue-router
• 路由之间传递参数
• Vuex的用法
• MVC & MVVM的理解
• 数据双向绑定
• 组件的封装
• 组件间的通信
• 路由懒加载
• 脚手架搭建Vue全家桶项目
• ......

React

• React生命周期
• 常见的API
• store常用方法
• 对Redux的理解
• 函数组件
• ......

小程序

• 生命周期
• 页面跳转、tarBar
• request请求
• 常用组件
• 页面跳转及传递参数
• 代码审核发布
• 上拉刷新、下拉加载
• ......

git

• 掌握了git常用命令

Http协议与数据请求

• TCP三次握手、四次挥手
• Http请求与响应对象
• 兼容版原生Ajax
• ......

Stylus Sass Less

• 常见三个预处理的用法及区别

其他

• 把一些学习内容整理到有道云笔记
• 平时有时间就写掘金

展望2020

在即将过去的2019，我可能有很多做的不够，不好的地方，但在2020年我将更加完善和充实自己！

在即将到来的2020，我给自己定下来希望、目标、计划

希望自己

• 更优秀
• 更有钱
• 更好看
• 更成熟
• 更出色

学习目标

• 学TypeScript
• 把webpack4系统的学习一边
• 学会自己封装Ajax请求
• 学会自己封装一个滚动公共组件：类似Better-Scroll
• 学习一下Node
• 学习一下ReactNative

计划生活

• 每天早起跑步15分钟
• 一年出去旅游两次
• 多看书

分享一下我的学习经验

在这里我分享一些我的学习经验

• 每学一个新知识了，就整理归纳到有道云笔记上
• 个人觉得看视频学习比看书学习效率更高
• 氛围很重要，可以经常去图书馆等一些地方学习
• 每天做一道面试题，了解工作上的需要
• 时不时看一下boss直聘上的招聘信息，了解最新技术

这里我分享一些平时常用的网站

学习网站

慕课网、网易云课堂、中国大学慕课

阿里巴巴矢量库

https://www.iconfont.cn/

搜索开源库

https://www.bootcdn.cn/

图标网址

https://www.echartsjs.com

配色案例，网页配色

https://color.uisdc.com/pick.html

最后

如果本文对你有帮助得话，给本文点个赞❤️❤️❤️

欢迎大家加入，一起学习前端，共同进步！