阅读 3430

一个女大学生的前端学习之路 | 掘金年度征文

2019-上

在校期间

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

cmd-markdown-logo

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

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

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

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

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-下

工作期间

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

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

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

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

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

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

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

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

其他

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

cmd-markdown-logo

展望2020

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

cmd-markdown-logo
在即将到来的2020,我给自己定下来希望、目标、计划

希望自己

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

学习目标

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

计划生活

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

分享一下我的学习经验

cmd-markdown-logo
在这里我分享一些我的学习经验

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

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

学习网站

慕课网、网易云课堂、中国大学慕课
复制代码

阿里巴巴矢量库

https://www.iconfont.cn/
复制代码

搜索开源库

https://www.bootcdn.cn/
复制代码

图标网址

https://www.echartsjs.com
复制代码

配色案例,网页配色

https://color.uisdc.com/pick.html
复制代码
关注下面的标签,发现更多相似文章
评论