前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >web前端学习/工作笔记(三)

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

作者头像
kiki.
发布2022-09-29 08:35:08
6190
发布2022-09-29 08:35:08
举报
文章被收录于专栏:web全栈之路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的赋值操作,全局变量不直接赋值,通过
代码语言: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>
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-01-17,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档