20180624 - FE:实习学习回顾


本文记录了去年夏天实习期间,来自前端和后端大佬们推荐的一些学习资料,仅作分享。
本文引用较多,均已注明出处;如有问题,还请及时联系!

1. Git操作

Git 操作在线学习手册,一定要好好看。

2. 前端学习

2.1 魔法插件

1.Swiper是目前应用较广泛的移动端网页触摸内容滑动js插件(Swiper是2018年6月开发用的插件)。Swiper使用参考文档[CSDN]Javascript滑动效果利器
2.SASS
3.魔法中的魔法——魔法王imgcook

2.2 经典问题

2.2.1 单页应用SPA

参考文档1[掘金]前端:你要懂的单页面应用和多页面应用
参考文档2[CSDN]端程序员必知:单页面应用的核心
参考文档3[cnblogs]前后端分手大师——MVVM 模式

2.3 Vue中遇到的问题与解答

2.3.1 生命周期

看图[jb51]Vue实例中生命周期created和mounted的区别详解

2.3.2 Vue keep-alive

参考文档1[cnblogs]Vue keep-alive实践总结
参考文档2[CSDN]Vue之keep-alive

2.3.3 Vue-Cli

参考文档[简书]Vue2.0史上最全入坑教程(上)—— 搭建Vue脚手架(vue-cli)

2.3.4 服务端渲染

参考文档1[简书]Egg + Vue 服务端渲染工程化建设
参考文档2[cnblogs]nodeJs–模块module.exports与实例化方法
参考文档3[CSDN]module.exports用法

2.3.5 案例学习

参考文档1[CSDN]Vue2.0 新手完全填坑攻略—从环境搭建到发布——DT
参考文档2[segmentfault]Vue.js最佳实践(五招让你成为Vue.js大师)
参考文档3[segmentfault]webpack+vue+vueRouter模块化构建完整项目实例超详细步骤(附截图、代码、入门篇)
参考文档4[cnblogs]给vue项目添加ESLint
参考文档5[jb51]vue之父子组件间通信实例讲解(props、$ref、$emit)
参考文档6[luopq]Javascript中的with关键字

2.3.6 Promise

参考文档1官网,可以看看ajax。
参考文档2[简书]看这一篇就够了!浅谈ES6的Promise对象

2.4 webpack

参考文档[segmentfault]入门 Webpack,看这篇就够了

2.5 前端学习网站

学习1:一个来自大佬的风格迷人的网站JS教程
学习2:VUE学习目录汇总
学习3:jQuery学习网站

2.6 抓包工具Charles

2.7 魔法CSS

1.pointer-events:none(书籍加边框后,防止遮挡书封点击事件)。
2.父元素能够跟随子元素高度变化【子元素撑开父元素】:父元素不再设置高度,子元素写清楚 上下左右的margin。
3.各种设备宽高[cnblogs]js获取浏览器和设备相关width(屏幕的宽度)。window.orientation是高级属性,可能存在兼容问题,不建议使用。
4.夜间模式3法:1️⃣采用颜色映射;2️⃣每一套主题写一组颜色;3️⃣遮罩
5.神奇的高度设置[CSDN]height:100vh

3 Linux命令

3.1 tree

参考文档1[简书]Mac下的 tree 命令 输出目录树层结构,我一般用它来显示复杂的文件夹结构。


后记: 整理起来发现内容并不是很多。但对我来说,去年实习的夏天是再也不想经历第二次的夏天。从计算机某一相关专业转行到互联网,转行虽容易,但需要付出很多代价——需要很长时间的持续努力去补足基础,加强业务能力。
正式入职一个月 了,从前端到后端,又从后端到前端。有两点不会:这也不会,那也不会。很焦虑,很心累,可这些也实在是正常的。但我不想变成一个什么都只会一半的人,前端不精通,后端也不精通。
我想告诉我自己:

  1. 别焦虑,别怕!
  2. 把学习周期放长一点,多给自己一点时间!
  3. 分清楚主次:重要的内容先学、快学!暂时用不到的弹性学!
  4. 现阶段:懂得程序的意义、代码 要做什么 > 每一行代码在做什么!
  5. 把面子放低一点,多问!但也不能失去尊严。
  6. 了解自己的长处,也要看到自己的缺点:时间有限,人有惰性,正常!别急!
  7. 别内耗!想了也解决不掉的事情——不要想!
  8. 早睡眠
  9. 别想太多,就是干!

“别把沙子放大为绊脚石”!自勉!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章