笔记

日常打包执行npm run build会将代码打包至dist目录下，各种js引入，均已网站根目录为依据。我们想要把项目作为子目录访问时就需要做些配置了。

端口开通,链接正常

1
2
3
4

telnet 192.168.1.100 62715
Trying 192.168.1.100...
Connected to 192.168.1.100.
Escape character is '^]'.

链接成功，根据提示Escape character is '^]'.可知退出字符为'^]'（CTRL+]）。此时输入其它字符不能使其退出，CTRL+C都不行。输入CTRL+]后会自动执行，进入命令模式，屏幕上出现telnet>字样。需要输入quit才可退出
Escape character提示是自定义的，使用参数-e即可

1
2
3
4
5

telnet -e p 192.168.1.100 62715   #使用p字符
Telnet escape character is 'p'.
Trying 192.168.1.100...
Connected to 192.168.1.100.
Escape character is 'p'.

输入p,会出现telnet>字样，输入quit可退出

代码

父组件调用

1

<list v-model="data" :multiple="true"></list>

子组件list.vue代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

<template>
  <el-select v-model="val" v-bind="$attrs" placeholder="请选择">
    <el-option
      v-for="item in list"
      :key="item.id"
      :label="item.name"
      :value="item.id">
    </el-option>
  </el-select>
</template>

<script>
import { getColumnList } from '@/api/column.js'

export default {
  inheritAttrs: false,
  model: {
    prop: 'value',
    event: 'change'
  },
  props: {
    value: null
  },
  data () {
    return {
      list: [{id:'1',name:'张三'},{id:'2',name:'李四'}]
    }
  },
  computed: {
    val: {
      get () {
        return this.value
      },
      set (newval) {
        this.$emit('change', newval)
      }
    }
  }
}
</script>

vue模块化开发很方便，但也有问题，那就是seo。解决seo问题有两种方案，一种是ssr(服务端渲染)，还有一种是预渲染，只针对部分需要seo的页面进行渲染即可。

背景

最近的项目中，需要一个牛X点的文本编辑器。于是选择了ueditor。百度出品，功能完善。
前端框架使用了d2admin,选择它的理由很简单，许多的常用工具做了封装。
项目要求文件上传要绕过后端程序，前端直接传文件到七牛CDN。

简介

require.context是Webpack中用来管理依赖的一个函数，使用方式如下：

1

require.context(directory, useSubdirectories = false, regExp = /^\.\//)

第一个参数表示相对的文件目录，
第二个参数表示是否包括子目录中的文件，
第三个参数表示引入的文件匹配的正则表达式。

今天发现无法访问google了，登上服务器看了下没有链接。查看了下本机shadowsocks-deepin是正常启动的。
再看代理模式是pac。改成全局模式居然可以正常访问google了。问题原因就发生在pac上了。
试着访问了一下http://file.lolimay.cn/autoproxy.pac果然无法访问了。
在网上找了一个新的pac配置修改上，真的可以了。目前有效地址https://prudent-travels.000webhostapp.com/pac.php?a=SOCKS5&b=127.0.0.1:1080。

我用的deepin系统其他系统的修改方式可能有差别。具体操作如下：

文档注释

借助于 PHP DocBlocker 插件，可以快速地在类名、变量名、方法/函数名 上方添加注释。

自动补全

借助于 PHP Intelephense 插件，可以实现代码智能提示。
安装后选择 file->preferences->settings 选择右上角{}进入配置模式，添加"php.executablePath": "/usr/bin/php"，配置上php的路径

代码格式化

借助于 php-cs-fixer 插件，可以方便地按照某一规则格式化代码，让你时刻保持代码可读性和风格统一。

ssh命令非常强大，除了登录，还可以实现端口转发，达到代理的作用。