学习清单
本文记录了去年夏天实习期间,来自前端和后端大佬们推荐的一些学习资料,仅作分享。
本文引用较多,均已注明出处;如有问题,还请及时联系!
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 命令 输出目录树层结构,我一般用它来显示复杂的文件夹结构。
后记: 整理起来发现内容并不是很多。但对我来说,去年实习的夏天是再也不想经历第二次的夏天。从计算机某一相关专业转行到互联网,转行虽容易,但需要付出很多代价——需要很长时间的持续努力去补足基础,加强业务能力。
正式入职一个月 了,从前端到后端,又从后端到前端。有两点不会:这也不会,那也不会。很焦虑,很心累,可这些也实在是正常的。但我不想变成一个什么都只会一半的人,前端不精通,后端也不精通。
我想告诉我自己:
- 别焦虑,别怕!
- 把学习周期放长一点,多给自己一点时间!
- 分清楚主次:重要的内容先学、快学!暂时用不到的弹性学!
- 现阶段:懂得程序的意义、代码 要做什么 > 每一行代码在做什么!
- 把面子放低一点,多问!但也不能失去尊严。
- 了解自己的长处,也要看到自己的缺点:时间有限,人有惰性,正常!别急!
- 别内耗!想了也解决不掉的事情——不要想!
- 早睡眠!
- 别想太多,就是干!
“别把沙子放大为绊脚石”!自勉!