web前端学习/工作笔记(三)
web前端学习/工作笔记(三)
kiki.
发布于 2022-09-29 00:35:08
发布于 2022-09-29 00:35:08
代码可运行
运行总次数：0
代码可运行
- 快捷键控制滚动条 ,注意：
- ① 设置父级的滚动条，给到父级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 })
- 尽量用$ref.ref值而不直接操作dom，减少获取dom节点的消耗
- js计算精度错误，用toFixed解决
- flex布局被挤压问题 （flex-shrink: 0）可用避免被挤压
- https://blog.csdn.net/sinat_36539161/article/details/81663971
- table col设置宽度不起作用
- ①在table样式里加上：table-layer: fixed
- ②不用width=’5rem’,而是style=’width:5rem’
- span内文字居中：（line-height高度等于span高度）
- span{ //左右居中 text-align: center; //上下居中 line-height:37px; width:138px; border:1px solid rgba(200,200,200,1); border-radius:5px; }
- 跨域问题，不允许用网页访问别的机器，改用localhost
- try catch快捷键：Ctrl+Alt+T 6
- class绑定多个条件，生效顺序和css层叠样式相同，后面覆盖前面 :class=’{bg_pay:index==payTypeSelectedIndex,bg_disabled:item.disabled}’
- js调试
- 在需要调试的地方加上debugger，然后f8跳过断点，f10逐行调试，f11进入当前函数，shift+f11跳出当前函数，f9逐步调试
- cefsharp的ChromiumWebBrowser的加载网页，输入框不能获取焦点,花了几个小时，解决方案：
- 1.网页中mounted方法里根据id找到input，focus
- 2.winform端在browser的FrameLoadEnd委托里，browser.Focus();
- vue控制台提示开发模式
- 设置的是正确的,npm run dev 是开发模式，npm run build 是生产模式
- v-show相当于切换display:none
- v-if和v-for不要同时使用
- v-for和v-if不应该一起使用，必要情况下应该替换成computed属性。
- 原因：v-for比v-if优先，如果每一次都需要遍历整个数组，将会影响速度，尤其是当之需要渲染很小一部分的时候。
- scss继承样式 @entend
- 继承的样式要写在当前样式之前，不然会被覆盖
- mixin做数据拷贝，不支持共享变量修改，使用可修改的全局变量，通过Vuex的store，调用方法去修改
- vue等第三方控件修改样式的方法：找到对应控件内部的class最后一个名称，重写它的样式
- &.代表上一级选择器
- “was assigned to but it has no setter”，报错原因：
- vue中使用vux出现这个错误的原因是，这个computed变量，一定在某个地方使用了类似 this.popupState2=xxx的赋值操作，全局变量不直接赋值，通过
setLoginInfo(data){
this.$store.commit('changeLoginInfo',{
loginInfo:data
})
},- RegisterJsObject不传false,js中只认小写字母开始的属性、方法名称
- Iview DatePicker日期格式双向绑定：
<DatePicker placeholder="请选择" type="date" format="yyyy-MM-dd" v-model="addMemberInfo.birthdayDate" @on-change="addMemberInfo.birthdayDate=$event"></DatePicker>本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2020-01-17，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
推荐阅读
相关推荐
【Vue.js——功能实现】心愿便利贴（蓝桥杯真题-2423）【合集】
更多 >
腾讯云开发者
