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

自我介绍

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

最后

每次掘金的点赞真的是对我一种莫大的鼓励，我感受有人支持我，很开心，在学习上有了更大的动力！感谢那些支持我，为我点赞的小伙伴们，我会更努力的学，写出更好更完美的文章！

欢迎你们加入，一块儿学习前端，共同进步！