前端实习心得

1、onReady

uniapp中，子组件的生命周期钩子与Vue稍有不同。
通常使用created或mounted钩子而非onReady，确保使用的是正确的生命周期钩子名称。

2、写class

没有特殊情况，写标签一定要写class，不然界面上相同的标签太多，容易把问题定位错。
如果想通过v-if来控制元素的出现和消失，但是没有起作用，那应该是元素定位错了，元素找错了。

3、elementui修改样式

在样式名称前加上/deep/提高优先级，不然不会生效，比如：

/deep/ .el-icon-star-on{
  font-size: 20px;
}

4、Module not found

如果npm install之后，还是出现Module not found的报错，并且package.json文件中的dependencies已经存在，可以把node_modules文件夹删除掉，然后执行npm install进行重新安装。

5、el-dialog不显示内容可添加:append-to-body=“true”

在 el-dialog 组件中，append-to-body 属性的作用是将对话框的 DOM 元素添加到 body 元素中，而不是对话框的父级容器。这可以避免由于对话框的父级容器的 overflow、z-index 等样式问题而导致的显示问题。

设置 :append-to-body=“true” 使得对话框渲染在 body 元素下，这通常能确保对话框正确显示在页面的最上层，尤其是在使用了一些复杂的布局和样式的情况下。如果你的对话框显示有问题，可以尝试使用这个属性来解决。
比如：

<el-dialog
  :visible.sync="dialogShowImgVisible"
  :before-close="handleShowImgClose"
  width="60%"
  :append-to-body = true>
  <img :src="currentShowImage" alt="" class="preview-image"/>
</el-dialog>

6、nginx如何配置多个访问路径下的多个静态项目

server {
    listen 80;
    server_name yourdomain.com;

    # 项目 1 配置
    location /project1/ {
        alias /var/www/project1/;
        try_files $uri $uri/ =404;
    }

    # 项目 2 配置
    location /project2/ {
        alias /var/www/project2/;
        try_files $uri $uri/ =404;
    }

    # 默认的配置
    location / {
        root /var/www/html;
        try_files $uri $uri/ =404;
    }
}

7、nginx配置完成后，css加载正常但不显示样式

删除index.html内****

8、微信内置浏览器清缓存最新方法

以前的debugx5.qq.com不能用了

新方法：

打开微信，“我”----“设置”----“通用”-----“存储空间”-----“缓存”，等待计算完成后—“前往清理”；

取消全选，不然很多东西会清空，如果只清理浏览器页面缓存，比如JS文件；勾选 “其他” ，然后点击“清理”。