blog

Appearance

1 月 30 日 ​

1 月 28 日 ​

1 月 27 日 ​

1 月 26 日 ​

1 月 25 日 ​

1 月 22 日 ​

1 月 21 日 ​

1 月 20 日 ​

1 月 19 日 ​

1 月 18 日 ​

  • 81 echarts 地图
    • 设置 echarts div 的宽度和高度
    • 边距可以设置 gird 属性中的top,left:right,bottom
    • x 轴和 y 轴，均可设置多个，匹配数据的时候要进行设置 yIndex
    • 柱状图的柱状 可设置颜色
    • 顶部选项 可设置 图标 icon，以及字体颜色等
    • 配置渐变颜色 https://blog.csdn.net/weixin_44897255/article/details/96877562

1 月 16 日 ​

1 月 15 日 ​

1 月 14 日 ​

1 月 13 日 ​

1 月 12 日 ​

javascript
      //柱状图颜色随机设置
      //https://www.cnblogs.com/kang543418095/p/5964397.html?utm_source=itdadao&utm_medium=referral
      itemStyle: {
          normal: {
　　　　　　　　//这里是重点
              color: function(params) {
                //注意，如果颜色太少的话，后面颜色不会自动循环，最好多定义几个颜色
                  var colorList = ['#c23531','#2f4554', '#61a0a8', '#d48265', '#91c7ae','#749f83', '#ca8622'];
                  return colorList[params.dataIndex]
              }
          }
      }

1 月 11 日 ​

1 月 9 日 ​

1 月 8 日 ​

1 月 7 日 ​

  • 30 通过 adb.exe 连接机顶盒来查看应用的日志记录

    • 查看 adb 版本 adb version
    • 通过 IP 地址连接机顶盒 adb connect 172.18.0.80:5555
    • 查看应用 apk 列表 adb shell pm list package
    • adb devices 查看连接设备
    • adb kill-server
    • netstat -ano |findstr 5037
    • adb disconnect
    • 链接机顶盒 ----adb connect 172.18.0.239
    • google 浏览器中链接 chrome://inspect/#devices----------edge://inspect/#devices
    • 进入命令 ----adb shell
    • 查看包名列表----- pm -l |grep have
    • 卸载 package ---- pm uninstall cn.haveplus.hoteltv（海屋 apk 可通过遥控卸载）
    • 退出 shell ---- exit
    • 安装 apk ----adb install C:\Users\chill\Desktop\havetv-release.apk
    • 开启 start ----- adb shell am start cn.haveplus.hoteltv

  • 31 版本号如何设置的问题

    avatar

  • 32 常用开发代码函数查询 mac 下 dash，window 下 devDocs

  • 33 elementui table 中的那些基本操作

  • 34 mapBox 地图指引

  • 35 mapBox 空间分析库 truf.js

  • 36 ts 后缀视频播放可通过 mux.js

  • 37 控制台 console 打印日志的开启和关闭

    javascript
    // 判断配置文件是否开启日志调试 是否输出日志 True 输出 False 不输出
const logDebug = process.env.NODE_ENV !== "production";
console.log = (function (oriLogFunc) {
  return function () {
    if (logDebug) {
      oriLogFunc.apply(this, arguments);
    }
  };
})(console.log);

  • 38 高德地图 3D demo

  • https://developer.amap.com/api/javascript-api/reference/maps-3d

  • 39 vue 前端项目 webpack 打包设置路径的问题，主要是 publicPath

         // vue.config.js中路径设置
     module.exports = {
       lintOnSave: "error",
       publicPath: "./",    // 相对路径，这样可以随意部署任何路径
       outputDir: "../release/ui/",  // 配置打包输出路径
       assetsDir: "static",       // 配置css、js、img等路径
       productionSourceMap: false,
       css: {
         loaderOptions: {
           // global scss variables 传递配置选项到 sass-loader
           scss: {
             prependData: `@import "~@/styles/_variable.scss";`,
           },
         },
       },

  • 40 Python 命令行神器 Click （pip install -U click），pip 在 python 中

  • 41 git 针对 tag 标签设置，tag 是针对所有分支的

    • 所有项目，发布版本到 SIT，都需要打标签，以便追溯版本所对应的代码。如果后面需要改版本拉分支修改，也非常方便；
    // 添加一个tag
git tag -a 3.11.3.001 -m "release 3.11.3.001"
git push origin 3.11.3.001

//删除一个tag
git tag -d 3.11.3.001
git push origin :refs/tags/3.11.3.001

// 查看分支
git tag

// 查看本地模糊查询tag标签
git tag -l '3.1.0.*'

// 查看远程仓库的tag标签
git ls-remote --tags origin

// 查看远程仓库的tag标签，模糊匹配
git ls-remote --tags origin | grep '3.1.0.*'


// 查看远程标签，只显示标签名
git ls-remote --tags origin | awk '{sub("refs/tags/", ""); print $2}'

// 在某个commit 上打tag  git tag
git tag test_tag c809ddbf83939a89659e51dc2a5fe183af384233　　　　
git push origin test_tag　　　　//!!!本地tag推送到线上

// 根据tag创建分支
https://www.cnblogs.com/senlinyang/p/9455426.html
git branch newbranch 3.11.3.001

// 然后可以切换到分支
git checkout newbranch

// 再通过命令将本地仓库推送到远程仓库
git push origin newbranch

// 创建新的分支
git branch branchname

// 是将远程主机的最新内容拉到本地 ,用户在检查了以后决定是否合并到工作本机分支中。
git fetch
//更多基本操作
//https://www.cnblogs.com/runnerjack/p/9342362.html

  • 42 查看 markdown.md 文件可以使用 Typora

  • 43 web 计时机制 performance 对象

  • 44 window performance 监测时间

  • 45 react color 颜色采集控件

1 月 6 日 ​

1 月 5 日 ​

  • 10 vue keepalive 发现一旦设置某个路由为 true,后续通过动态设置就是无效的后来发现 github 官网也有很多人遇到这个问题

    • https://github.com/vuejs/vue-router/issues/811
      目前通过变通的方式进行解决此问题，凡是要进行缓存的组件页面，开始都将 keepalive 设置为 true，后续通过钩子函数去触发数据列表更新。

  • 11 vue router 官网有时候可以看一下 api，感觉有很多自己是没有用到过的

  • 12 vue elementui radio 在封装为表单控件，且可设置为必填项目，其 label 设置与外部赋值要保持一致的数据类型，而且 required 传入值如果为 undefined 要经过判断，代码如下(截取部分)

javascript
    export default {
      props: {
        column: {
          type: [Object],
          default: () => {},
        },
        data: {
          type: Number,
          default: undefined,
        },
      },
      data() {
        return {
          rules: [
            {
              // 加上双？？，防止出现选中后提示请选择"this.column.title"
              required: this.column.required ?? false,
              message: '请选择' + this.column.title,
              trigger: 'change',
            },
          ],
          list: [],
        }
      },
      created() {
        this.getList()
      },
      computed: {
        value: {
          get: function() {
            return this.data
          },
          set: function(val) {
            console.log(val, typeof val, 'this.radioView.val')
            this.$emit('update:data', val)
          },
        },
      },

此为一个子组件，data 会传入值类型要与 this.getList 中设置的 label 值要保持一致(计算属性 value 会去绑定 radio 的 v-model)。

另外一种设置图片的显示方式，不过暂时没找到如何设置宽高和位置，应该可以考虑通过 url 后面进行参数设置（通过特定的转换）

javascript
![avatar](https://raw.githubusercontent.com/aehyok/2021/main/image/test.png)

avatar

1 月 4 日 ​

  • 1 vue 中将 v-for 循环组件（通过 v-if 进行展示），方案修改为 component 组件，简化代码
javascript
      <div v-for="(item, index) in columnList" :key="index">
            <component
              :is="item.type + 'View'"
              :column="item"
              :data.sync="formData[item.name]"
            />
            /*
            <!--文本框Input-->
            <!-- <TextView
              :column="item"
              :data.sync="formData[item.name]"
              v-if="item.type.toLowerCase() === 'text'"
            /> -->
            <!--文本框Input-->
            <!-- <TextAreaView
              :column="item"
              :data.sync="formData[item.name]"
              v-if="item.type.toLowerCase() === 'textarea'"
            /> -->
            <!--数值框Number-->
            <!-- <NumberView
              :column="item"
              :data.sync="formData[item.name]"
              v-if="item.type.toLowerCase() === 'number'"
            /> -->
            */