webstorm 配置Emmet -----Zen Coding------html css代码补全功能
alt + 左键点击----------选中多行
一行文字超出显示范围,省略号显示:
text-overflow: ellipsis
overflow:hidden
white-space: nowrap
li
padding-left: 1.5rem
z-index: 2
width: 100%
height: 3.2rem
font-size: 1.4rem
line-height: 3.2rem
color: #333333
background: #ffffff
&:nth-child(2n + 1)--------------针对特定的元素写css
background: #fcfcfc
.select-list
height: 0.64rem
width: 100%
padding: 0 0 0 0.64rem
box-sizing: border-box
.list
display: inline-block
width: 1.6rem
line-height: 0.44rem
font-size: 0.30rem
color:#333333
text-overflow: ellipsis
overflow:hidden
white-space: nowrap
padding-bottom: 0.20rem----------------------为了解决div::after超出div范围看不到的问题
margin-right: 0.48rem
&.none
position: relative
&::after----------------------------------div::after是在div后面插入内容,不能够超出div的范围,否则看不到。
content: " "
display: block
position: absolute
left: 0
bottom: 0
width: 1.6rem
height: 0.04rem
background: #dc1e32
const HTML_SHOW_TXT_CONFIG_MAP = new Map([
[addrConst.sendType.CN_CN, CHN_CHN_TXT],
[addrConst.sendType.HK_CN, HK_CN_TXT],
[addrConst.sendType.HK_HK, HK_CN_TXT],
[addrConst.sendType.EN_CN, EN_CN_TXT]
])
git -----pull request时候的冲突解决:
pull requeses记录里面查看------------所有的commit记录--------对比diff 和 history记录
1)pull 对应分支到本地
2)修改本地,commit
3)push分支到fork库
4)pull request到集中库-------存在open状态的之前的pull request时候,不需要重新pull request。
var obj1 = { 100: "a", 2: "b", 7: "c"};
console.log(Object.keys(obj1)); // console: ["2", "7", "100"]-----------------有时需要知道对象的所有属性,原生js给我们提供了一个很好的方法:Object.keys(),该方法返回一个数组
var target = {a : 1}; //目标对象
var source1 = {b : 2}; //源对象1
var source2 = {c : 3}; //源对象2
var source3 = {c : 4}; //源对象3,和source2中的对象有同名属性c
Object.assign(target,source1,source2,source3);
//结果如下:
//{a:1,b:2,c:4}----------------------------------Object.assign()接口可以接收多个参数,第一个参数是目标对象,后面的都是源对象,assign方法将多个原对象的属性和方法都合并到了目标对象上面,如果在这个过程中出现同名的属性(方法),后合并的属性(方法)会覆盖之前的同名属性(方法)。
document.getElementById("myList").appendChild(newListItem);-------------------appendChild() 方法向节点添加最后一个子节点。您也可以使用 appendChild() 方法从一个元素向另一个元素中移动元素。
this.$dialog({xxx: xxx})------------------- 将对象参数{xxx: xxx} 深拷贝到模板的实例对象上vm
Object.assign(vm, defaultOptions, opt)
const DialogConstructor = Vue.extend(dialog)--------------------------------------------模板的构造器
vm = new DialogConstructor().$mount(document.createElement('div'))----------------------实例对象
在vm上添加属性和监听事件:
vm.show = true
vm.$on('OnFirstEvent', () => {
vm.show = false
vm.firstCallback()
})
vm.$on('OnSecondEvent', () => {
vm.show = false
vm.secondCallback()
})