前端实习问题总结及实习内容归档

前言

近日在公司切身实习，总结一下遇到的一些问题供自己日后参阅。
（ps：因没有上下文，问题可能比较突兀）

问题总结

因用的公司mac，自己配各种环境时遇到最多的问题就是 权限不够?

1.
// 安装npm 全局包时权限不够
在安装命令前加上sudo，如$ sudo npm i -g npm
或者直接更改权限sudo chown -R $USER /usr/local
2.
// 公司使用gitlab管理开发项目，我clone拉取项目后npm i也提示权限不够
应该是项目的权限问题，当时叫一个大佬将我的gitlab账号拉入他们的那个项目组好像就可以了
3.
// 有个活动项目依赖于npm-gym(又依赖于xcode相关配置)，因此npm i报错
gyp ERR! stack Error: `gyp` failed with exit code: 1
gyp ERR! stack     at ChildProcess.onCpExit (/usr/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:345:16)
gyp ERR! stack     at ChildProcess.emit (events.js:182:13)

安装了xcode之后执行权限
sudo xcode-select -switch /Library/Developer/CommandLineTools
sudo xcode-select -s /Applications/Xcode.app/Contents/Developer（需要将xcode拉到应用程序目录下）

公司是如何进行项目分配管理的？

前端组也有写后台的工作（可能是因为他们都是大佬吧），目前博主因为是前端实习生所以主要接触到的是 运动app里面的活动一栏中各活动的前端部分的页面编写。因此，我基本操作都是 从gitlab中前端组的活动页面仓库的某一个具体活动项目 拉取下来到本地进行项目编写修改（有一个项目模版，相当于用vue-cli创建的初始化项目目录），编写完成后再上线测试（相当于将页面部署到公司app的服务器上，可以具体浏览），自己修改完成后再提交给测试组，至此我的工作仅接触到这。
一些关于公司里的项目总结：1.公司项目会有搭建好的初始化项目模版。2.公司有自己写的一些库（比如分享，分享之后页面如何显示，分享出来的模版，判断是否在公司app内等功能）。3.学会自己用ps切图，一般ui组会给你psd图。4.初始化的模版中一般有写好的一些常用api。5.项目需要上线时一般放在活动项目仓库里的online分支。6.公司使用企业微信，全自动管理，请假什么的可以自己提oa，并且会给你注册企业邮箱来分发信息什么的，还有个任务平台叫tapd。

给一个h5页面中的点击事件 添加埋点？

使用的是第三方服务——百度提供的埋点工具

<!-- 百度统计 -->
  <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?4dd0ba3c986afb80006de2cc534aaa4c";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>
 // 然后在需要埋点的地方添加比如点击事件 
 // onclick="_hmt.push(['_trackEvent', '立即分享', 'click','沃尔沃-立即分享点击'])"
 // 具体使用方法参见百度统计工具

后面 修改为神策埋点。

vue-router中的模式配置 hash 和 history的区别?

hash模式url里面永远带着#号，在开发当中默认使用的这个模式。那么什么时候要用history模式呢？如果用户考虑url的规范那么就需要使用history模式，因为history模式没有#号，是个正常的url适合推广宣传。当然其功能也有区别，比如在开发app的时候有分享页面，那么这个分享出去的页面就是用vue或是react做的，把这个页面分享到第三方的app里，有的app里面url是不允许带有#号的，所以要将#号去除那么就要使用history模式。但是使用history模式有一个问题就是怕刷新操作，会出现404错误，此时就需要和后端人配合让他配置一下apache或是nginx的url重定向，重定向到你的首页路由上。
（