2022写给自己的第一个前端开始

学习markdown语法写文章的第一课markdown
学习JavaScript语法写文章的第一课JavaScript

这是第一个学习的案例example组件

<template>
  <div class="box">
    <div>这里边要写组件把DATA数据传入进去</div>
    <组件名 :data="dataArr" width="450px" height="250px">
    </组件名>
  </div>
</template>
引入组件
import 组件名 from '@/components/NengYuan/abnormalData';
@Component({
  components: {
    组件名, 注册组件
  },
})
export default class abnormalDataExample 类似于一个组件的名字 extends Vue {
  dataArr = [ 数据内容 ]
这里是es6的继承  类似于一个function
}
<style>超出不显示折行显示...
     overflow:hidden;
     text-overflow:ellipsis;
     white-space:nowrap;

配置nginx

start nginx
nginx -s reload

    # ny 是我自己起的路径的名字
    # alias 是我本地的项目目录
    # idtAppServiceV6 是服务名字 
    # 路径地址/idtAppServiceV6/; 代理的服务路径
    # 修改配置文件后要nginx -s reload
    # 任务管理器的nginx 要清空
    # 在重新启动 


    #市委机要保密局协同办公系统
    location /dlswjyjoa {
        alias  "D:/testWork/dlswjyjoa/dlswjyjoa";
        index  index.html index.htm;
        ## 当出现405错误时,将采用后面地址进行重新请求
        error_page 405 =200 http://$host:$server_port$request_uri;
        }

  location /idtAppServiceV6 {
            proxy_http_version 1.1;
            proxy_set_header Connection "";
            proxy_pass 路径地址/idtAppServiceV6/ 这个后边的/不能加;
             
        }
 error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

export default class ProportionProjectStatus extends Vue

继承类 里边相当于一个function

方法可以返回一个对象/数组/any任意的类型数据
initXaxisData(lowEnd:number, highEnd:number) {
    const xaxisData:any = [];
    while (lowEnd <= highEnd) {
      xaxisData.push(lowEnd += 1);
    }
    return xaxisData;
  }
对象可以任意加属性和方法 方法又可以返回一些不一样的值 例如重组数组及对象
而对象中又可以以返回值的形式  传递给对象属性的值 这样就在elmentui中的cellstyle中获取了一个对象的变化
  gridCellStyle: function (obj) {
        //init new styleObject
        var styleObj = {
          background: (obj.rowIndex % 2 != 0) && this.gridPageSetting.stripe ? this.gridPageSetting.stripeColor : '',
        }
        //判断obj.row.USER_NAME是否有值 如果有值-代表已读 如果没有值-代表未读
        if(!obj.row.USER_NAME){
          styleObj.color = parent.idtAppConfig.gridListFontColor
        }
        return styleObj
    },

全局变量信息

平台的所有全局变量 api 文件 sysconfig.js
平台的列表文件为 vgrid.js
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容