0%

Posted on

const a = new Object();

对象字面量

const a = {};

属性增强写法

es5

const a = '123' const obj = { a:a }

es6

const a = '123' const obj = { a } // 属性从同名变量找

函数增强写法

es5

`
const a = {
a:function(){

}
}
`

es6

`
const a = {
a(){

}
}
`

字符串模版

const skill = '安邦' const david =文能${skill}

ES6对象键计算表达式

var heat = '50%'; var field = 'Rock and Roll'; var music = { [field.toLowerCase()]: heat } console.log(music); // Object {rock and roll: "50%"}

对象解构

let music = { type: 'rock', heat: '50%' }; let { type, heat } = music; console.log(type, heat); // rock 50%

对象解构 重命名

let music = { type: 'rock', heat: '50%' } let { type: aaa, heat: bbb } = music; console.log(aaa, bbb); // rock 50%

数组解构

let people = [20, 25, 30] let [young, oldYoung] = people; console.log(young, oldYoung) // 20 25

Posted on

战斗机

https://zh.wikipedia.org/wiki/%E6%AD%BC-10

11 15 16 20 35 22

mac Add The Recent Items Stack To The Dock

1
defaults write com.apple.dock persistent-others -array-add '{ "tile-data" = {"list-type" = 1; }; "tile-type" = "recents-tile";}' && \killall Dock

signal

手机扫描二维码 藏在 设置 - 已关联设备

将 Signal Desktop 与手机关联的步骤：

安装并打开 Signal Desktop。
在你的手机上，打开信速达转到信速达的设置界面profile_avatar.png > 登录过的设备。
按下+图标(安卓)或是”登录新的设备”(苹果)
用你的手机来扫描二维码。
选取一个你登录过的设备然后点击完成。
从 Signal Desktop 发送一条信息。

Posted on 
1
2
3
4
5
6
7
8
9
var numbers = [15.5, 2.3, 1.1, 4.7];
function getSum(total, num) {
  return total + Math.round(num);
}
function myFunction(item) {
  var a  = numbers.reduce(getSum , 0);
console.log(a)
}
myFunction();
1
2
3
4
5
6
7
8
9
var numbers = [15.5, 2.3, 1.1, 4.7];
function getSum(total, num) {
  return total + Math.round(num);
}
function myFunction(item) {
  var a  = numbers.reduce(getSum);
console.log(a)
}
myFunction();

Posted on

简单粗暴

1
2
3
4
5
6
<div id="parent">
  <user-profile ref="profile"></user-profile>
</div>

var child = this.$refs.profile;
child.x();

总线

in main.js

1
export const bus = new Vue()

in Parent.vue:

1
import {bus} from 'path/to/main'

// Where you wanna call the child’s method:

1
bus.$emit('customEventName', optionalParameter)

in Child.vue:

1
import {bus} from 'path/to/main'

// Add this to the mounted() method in your component options object:

1
bus.$on('customEventName', this.methodYouWannaCall)

总线代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
import ChildForm from './components/ChildForm'

new Vue({
  el: '#app',
  data: {
    item: {},
    bus: new Vue(),
  },
  template: `
  <div>
     <ChildForm :item="item" :bus="bus" ref="form" />
     <button type="submit" @click.prevent="submit">Post</button>
  </div>
  `,
  methods: {
    submit() {
      this.bus.$emit('submit')
    }
  },
  components: { ChildForm },
})

组件代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<template> </template>
<script>
export default {
  name: 'NowForm',
  props: ['item', 'bus'],
  methods: {
    submit() {
        ...
    }
  },
  mounted() {
    this.bus.$on('submit', this.submit)
  },  
}
</script>

$attrs

组件内，返回 除 class style props 以外的 其他属性

1
console.log(this.$attrs);

$children

1
console.log(this.$root.$children[0].$children[0].$data);

$createElement:

$el:

$listeners:

$options:

$root:

$scopedSlots:

$slots:

$vnode:

event bus 多次触发

$on 的事件可在 created 或 mounted 注册

需在 beforeDestroy 或 destoryed 的时候使用用 $off 销毁

否则在某些情况下会被被多次触发

this.EventBus.$off(‘map_is_ready’);

全部 cancel

this.EventBus.$off();

Posted on

vue.config.js 中添加

1
2
3
4
5
module.exports = {
  devServer: {
    host: 'gs'  // 本机域名
  }
}

本机域名 在

/etc/hosts

Posted on

111

cardiovascular | 心血管的
cancer | 癌症
respiratory | 呼吸的
low respiratorty infection | 低呼吸道感染
demential | 痴呆的
digestive | 消化的
diabet | 糖尿病
liver | 肝
road injuries | 道路伤害
kidney disease | 肾脏疾病
tuberculosis | 结核
HIV/AIDS | HIV爱滋病
suicide | 自杀
malaria | 疟疾
homicide | 杀人
parkison | 帕金森
drowning | 淹死
meningit | 脑膜炎
nutritional deficiencies | 营养不足
protein-energy malnutrition | 蛋白质能量营养不良
maternal disorder | 产妇疾病
alcohol use disorder | 饮酒障碍
drug | 药品
conflict | 冲突
hepatities | 肝病
fire | 火
poisoning | 中毒
heat | 热
terrorism | 恐怖主义
natural disaster | 自然灾害

Diarrheal | 腹泻
Cardiovascular | 心血管的
Dementia | 痴呆
Tuberculosis | 结核

Diarrheal | 腹泻

111

Tuberculosis | 结核

111

smoke 抽烟

111

suicide 自杀

111

homicide 谋杀

111

Posted on 
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
41
42
43
44
<h3>type=radio 的只读问题</h3>
      
<form>
  
  <div>
    <div>input readonly</div>
    <div>还是可以点击</div>
    <label><input type="radio" name="aa" readonly >111</label>
    <label><input type="radio" name="aa" readonly checked>222</label>
  </div>

  <div>
    <div>input disabled</div>
    <div>不能点击；但也不能提交</div>
    <label><input type="radio" name="bb" disabled >111</label>
    <label><input type="radio" name="bb" disabled checked>222</label>
  </div>

  <h3>我们需要的是：不能点击但要提交！</h3>

  <h3>解决办法一</h3>
  <div>onclick="return false</div>
  <div>
    <div>input onclick="return false"</div>
    <div></div>
    <label><input type="radio" name="cc" onclick="return false" >111</label>
    <label><input type="radio" name="cc" onclick="return false" checked>222</label>
  </div>

  <h3>解决办法二</h3>

   <div>
    <div>用 css 禁止点击</div>
    <label class="disabled"><input type="radio" name="dd" onclick="return false" >111</label>
    <label class="disabled"><input type="radio" name="dd" onclick="return false" checked>222</label>
  </div>
      <button> 提交 </button>
</form>

<style type="text/css">
input[type="radio"][readonly],label.disabled {
  pointer-events: none;
}
</style>