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

2022-09-29 08:35:08 浏览数 (1)

  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的赋值操作,全局变量不直接赋值,通过
代码语言:javascript复制
setLoginInfo(data){
      this.$store.commit('changeLoginInfo',{
        loginInfo:data
      })
},
  1. RegisterJsObject不传false,js中只认小写字母开始的属性、方法名称
  2. Iview DatePicker日期格式双向绑定:
代码语言:javascript复制
<DatePicker  placeholder="请选择" type="date" format="yyyy-MM-dd"  v-model="addMemberInfo.birthdayDate" @on-change="addMemberInfo.birthdayDate=$event"></DatePicker>

0 人点赞