8月初离职,来到现在的新东家负责一个新的项目。而我最近开发的两个webapp一直都是以Vue为主,这也是这篇文章的由来。

正文前的胡侃&一点点吐槽

在经历了两个公司不同的项目后,发现都存在一个很致命却又如此相似的问题。就是领导层的决策,导致项目的开发后期加班严重。领导们普遍都是先DIY,然后等到项目开发到尾期的时候,突然说,我用了很多类似的东西,发现我们做出来和他们的有很大的出入,吧啦吧啦一堆,重点就是,我们自己设计出来的,当时他拍板说:“没问题的东西”,现在有问题了!UI要换掉,功能要精简。结果就是本来可以清闲点的上线前的时间,变得无比的紧张,只能加班到半夜三四点来赶进度,真是让人无奈。

对于学习一门新的技术栈。我认为,在前期,API的熟悉程度是高于你对源码的熟悉程度。千万不要好高骛远,学习vue,ng,react一上来就是,看源码!我面试的时候就碰到有的前端,我问他:你vue学的怎么样啊?答:我看过一些源码。结果一问一些基本的使用技巧,都是含含糊糊,答非所问。拜托,公司请你来是让你开发产品的,不是让你写一个vue的。当然,我不是说学习源码不好,学习源码当然是天大的好事。说明你,有意识,不甘于做一个只会使用的人。有追根究底的学习心态。但是,请在你有足够的实践以后再去做这样的事情。俗话说:实践出真知。你在实战中不断的去使用,你才能知道它最后达到的是一个什么样的目的。你再去看源码的时候,才有了一个目标,顺着这条轨迹去找,最后源码读下来,也不会一点感觉也没有,就觉得,作者写得好!如同红军二万五千里长征。有了目的地,才开始走,才能得到想要的结果。

目录

因为要说的东西有点杂,而且对于写博这样的事情,自己还没有养成习惯,三天打鱼两天晒网。所以我这次列出了一个TODOLIST,准备按照这个目录,一步一步的写下去。当然也有很多细节的东西没有列举到,我会慢慢的梳理,然后再在正文里面补上。如果有的认知上存在问题,也欢迎道友们探讨。

1.vue项目的骨架及常用组件的业务实现场景

2.弹性盒子布局的使用,flex:1的意义,flex中text-flow的无效,flex配合better-scroll的使用

3.引入高德地图后手淘flexbile.js的兼容问题(技术点:dpr,rem,viewport等)及高德的基本使用

4.1px的由来及通用处理方式

5.import及module.export能否混用

6.时间格式比较的便捷方式及内在原理,ios下时间显示为NaN的问题

7.vue-router的实战及循环中this.参数名=undefined的问题

8.vuex在项目中的使用及持久化state的方式

9.vue中component的编写方式

10.样式的命名规范(技术点:BEM,SMA,OO等)

11.基于weinre的移动端样式兼容性调试

12.上线前的小插曲,网站被恶意代码劫持

13.项目上线后的日志系统sentry的基本使用

最新文章

  1. 多功能弹窗控件layer
  2. Linux软件安装为什么名字不一样
  3. Java Final, Finally, Finalize
  4. 【springBoot】springBoot集成redis的key,value序列化的相关问题
  5. URAL 1920 Titan Ruins: the Infinite Power of Magic
  6. 黑盒测试用例设计方法&理论结合实际 -> 判定表驱动法
  7. nvl()函数
  8. int与Integer
  9. v​s​快​捷​键
  10. oracle丢失temp表空间处理
  11. 阿里云ECSserver部署django
  12. kafka 0.10.2 部署失败后,重新部署
  13. Codeforces Round #436 (Div. 2) D. Make a Permutation!
  14. c/c++ 继承与多态 子类隐藏父类的同名非虚函数
  15. Python——三级菜单
  16. C#连接和操作Oracle数据
  17. java数组集合元素的查找
  18. JavaScript基础笔记(十四)最佳实践
  19. IDEA在jsp页面写out.print()代码报错
  20. javascript简单的选项卡

热门文章

  1. scrapy初试水 day03(递归调用)
  2. DNS单机部署以及智能dns部署
  3. 教我徒弟Android开发入门(一)
  4. Linux 定期自动备份文件夹脚本
  5. linux添加新硬盘并格式化
  6. windows10版本1709 在桌面和文件中点击右键,会引起卡顿
  7. OBS源码解析(1)main函数
  8. Ubuntu下安装Anaconda和tensorflow
  9. 免费靠谱的 Let’s Encrypt 免费 https 证书申请全过程
  10. ChromeExtension那些事儿