web前端学习/工作笔记(三)

  1. 快捷键控制滚动条 ,注意:
  • ① 设置父级的滚动条,给到父级div的ref值,而且父级应设置固定高度或百分比
  • ② 用document.getElementById(elementId)获取div不好使(div.scrollTop始终为0),原因来自① ,没选对父级id错了
  • ③ 两种方法:

  • _this.addShortcutsKey(‘up’, () => {
    _this.KaTeX parse error: Expected 'EOF', got '}' at position 100: …op-=10 }̲) _this…refs.refDivShortcut.scrollTop+=5
    })
  1. 尽量用$ref.ref值而不直接操作dom,减少获取dom节点的消耗

  2. js计算精度错误,用toFixed解决

  3. flex布局被挤压问题 (flex-shrink: 0)可用避免被挤压

  • https://blog.csdn.net/sinat_36539161/article/details/81663971
  1. table col设置宽度不起作用
  • ①在table样式里加上:table-layer: fixed
  • ②不用width=’5rem’,而是style=’width:5rem’
  1. span内文字居中:(line-height高度等于span高度)
  • span{
    //左右居中
    text-align: center;
    //上下居中
    line-height:37px;
    width:138px;
    border:1px solid rgba(200,200,200,1);
    border-radius:5px;
    }
  1. 跨域问题,不允许用网页访问别的机器,改用localhost

  2. try catch快捷键:Ctrl+Alt+T 6

  3. class绑定多个条件,生效顺序和css层叠样式相同,后面覆盖前面
    :class=’{bg_pay:index==payTypeSelectedIndex,bg_disabled:item.disabled}’

  4. js调试

  • 在需要调试的地方加上debugger,然后f8跳过断点,f10逐行调试,f11进入当前函数,shift+f11跳出当前函数,f9逐步调试
  1. cefsharp的ChromiumWebBrowser的加载网页,输入框不能获取焦点,花了几个小时,解决方案:
  • 1.网页中mounted方法里根据id找到input,focus
  • 2.winform端在browser的FrameLoadEnd委托里,browser.Focus();
  1. vue控制台提示开发模式
  • 设置的是正确的,npm run dev 是开发模式,npm run build 是生产模式
  1. v-show相当于切换display:none

  2. v-if和v-for不要同时使用

  • v-for和v-if不应该一起使用,必要情况下应该替换成computed属性。
  • 原因:v-for比v-if优先,如果每一次都需要遍历整个数组,将会影响速度,尤其是当之需要渲染很小一部分的时候。
  1. scss继承样式 @entend
  • 继承的样式要写在当前样式之前,不然会被覆盖
  1. mixin做数据拷贝,不支持共享变量修改,使用可修改的全局变量,通过Vuex的store,调用方法去修改

  2. vue等第三方控件修改样式的方法:找到对应控件内部的class最后一个名称,重写它的样式

  3. &.代表上一级选择器

  4. “was assigned to but it has no setter”,报错原因:

  • vue中使用vux出现这个错误的原因是,这个computed变量,一定在某个地方使用了类似 this.popupState2=xxx的赋值操作,全局变量不直接赋值,通过
setLoginInfo(data){
      this.$store.commit('changeLoginInfo',{
        loginInfo:data
      })
},
  1. RegisterJsObject不传false,js中只认小写字母开始的属性、方法名称

  2. Iview DatePicker日期格式双向绑定:

<DatePicker  placeholder="请选择" type="date" format="yyyy-MM-dd"  v-model="addMemberInfo.birthdayDate" @on-change="addMemberInfo.birthdayDate=$event"></DatePicker>
发布了49 篇原创文章 · 获赞 47 · 访问量 9万+

猜你喜欢

转载自blog.csdn.net/z2516305651/article/details/104025974