vue项目学习笔记

版权声明: https://blog.csdn.net/zgpeterliu/article/details/82227152

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()
                                                        })                                                


                                                        
            
            
            

猜你喜欢

转载自blog.csdn.net/zgpeterliu/article/details/82227152