前端-项目中遇到的问题集锦（一）

导读：

从零基础学习前端，到现在开始写项目，已不知道在前端的路上踩了多少坑，为了记录下自己爬过的坑，以免再犯下同样的错误，所以有了此文。话不多说，来看看有没有你所遇到的（排名不分先后）。

1、背景图片固定后滑动时导致页面抖动

背景：笔者在全屏滚动的项目中，对第一页的背景设置了 background-attachment: fixed; 。导致每次滑动至该页面时导致页面发送抖动。

原因：疑是 fixed 不兼容某些浏览器的缘故。

解决方法：给该元素添加如下 css 样式

-webkit-transform: translateZ(0);

总结：position:fixed 抖动问题的解决方案：

• 元素再设置一个 CSS 属性：-webkit-transform: translateZ(0);
• 给 html, body 元素设置 CSS 属性 {height:100%;overflow:auto;margin: 0;}
• 引入 jquery库 1.7.2版。
• 给在 fiexd 内的子元素设置绝对定位：

  <div style="position:fiexd;bottom:0px;">
      <div style="position:absolute;">
          /* some code */
      </div>
  </div>

2、vue .js not detected

问题：在安装行好调试vue.js的开发者浏览器扩展 Vue.js Devtools 时，打开项目提示 vue .js not detected。

解决方法：右键点击该扩展程序的图标，打开管理扩展程序，选择允许访问文件地址。

3、Unexpected end of JSON input while parsing near···

问题：npm install 报错 - Unexpected end of JSON input while parsing near···

解决方法：npm cache clean --force

4、Mac 管理员变为了普通用户怎么办？

问题：如何解决xxx is not in the sudoers file.This incident will be reported. on Mac 或者 Mac 管理员变为了普通用户怎么办？

解决方法：

• 首先您需要重启您的电脑，重启的时候在键盘上面按住Command+S，进入单用户模式。进入单用户模式后，会出现滚动文本代码的页面。您需要先等待一分钟左右，等待文本滚动停止，依次键入以下命令 + enter。
• mount -uw /
• rm /var/db/.AppleSetupDone
• reboot
• 当您输入 reboot 命令回车后，您的Mac会重新启动，然后显示设置助理的页面，就像激活电脑的时候一样。您需要在这个界面里面重新创建一个新的管理员，创建的时候，用户名必须和电脑里面已有用户名称不同，新创建的用户为管理者。

5、Parsing error: x-invalid-end-tag

问题：使用 iview 时报 "Parsing error: x-invalid-end-tag" 错误。

解决方法：在用户设置里面添加如下代码覆盖默认设置 “vetur.validation.template”: false 以关闭 eslint 的检查，错误消失。

6、将本地文件夹与远程仓库绑定

问题：在本地创建项目后，想要托管到 GitHub 上的仓库。

解决方法：依次键入并执行以下命令。

• git init
• git add .
• git commit -m '在此处添加对上传任务的描述'
• git remote add [originName] [url]
• git pull origin master --allow-unrelated-histories
• :wq
• git push origin master

7、nginx: [emerg] bind() to 0.0.0.0:8080 failed (48: Address already in use)

问题：在客户端输入：nginx 但是终端会输出 nginx: [emerg] bind() to 0.0.0.0:8080 failed (48: Address already in use)，显示启动失败。

解决方法：

• 输入：ps -ef| grep nginx 终端会输出占用的端口。

  502 28815     1   0 12:51上午 ??         0:00.00 nginx: master process nginx
      502 28816 28815   0 12:51上午 ??         0:00.00 nginx: worker process
      502 28874 21334   0  1:04上午 ttys000    0:00.00 grep nginx

• 然后输入：kill 28815，28815是对应的进程ID。
• 重新启动 mginx。