前端小知识每日一学

记录贴–持续更新 每天进步一小点~

1 . 运行 npm run xxx 的时候发生了什么？

2.对象根据key值进行大小排序

 let oldObj= { 2: '张三', 3: '李四', 1: '王五', 8: '赵谦', 5: '禹洲' }
 let obj = {}
 Object.keys(oldObj).sort().map(item => {
   obj[item] = oldObj[item]
   })
  console.log(obj, 'res')

2.对象如何使用变量做key键

const keyName = 'haha';
let obj = {};
obj[keyName] = '喜喜';
obj;
=> {haha:喜喜}

3.截取文件后缀名

 let index = row.fileName.lastIndexOf('.')
let fileExt = row.fileName.substring(index + 1)

4.

需求：footer是表单，需要滑动时固定在最底部 定位后是固定在最底部但是编辑不了
解决方案：

pointer-events: none;

5.nginx配置部分记录

配置文件nginx-1.22.1/conf/nginx.conf文件

worker_processes  2;
error_log  logs/error.log;

events {
    worker_connections  1024;  #工作模式与连接数上限
}
 
http {
    include       mime.types;
    server {
        listen 8026;
        server_name localhost;
       
       location / {
            root D:\web;
            index index.html index.htm;
            try_files $uri $uri/ /index.html;
        }
    }
}

关闭nginx服务的命令：

taskkill /f /t /im nginx.exe

6.vue封装小技巧 attrs、listeners

封装子组件时想省去props emit复杂的传值改值 想让父组件主导操作等
重点：v-bind=" $attrs"、v-on="$listeners"

// 父组件
	<tab-pane v-model="activeDay"></tab-pane>

// 子组件
  <el-tabs v-bind="$attrs" class="tab-pane" type="card" v-on="$listeners">
  </el-tabs>

借鉴文章：https://blog.csdn.net/snowball_li/article/details/120487698

7.对于项目中的翻译

借鉴文章：https://blog.csdn.net/uniquepeng/article/details/125977753
采用国际化$t中文存储