js的严格模式JavaScript 中除了正常运行模式(非严格模式),还有一种严格模式(strict mode),顾名思义,这种模式使得 JavaScript 在更严格的模式下运行 严格模式消除了 JavaScript 语法的一些不合理、不严谨之处,减少一些怪异行为。 消除代码运行一些不安全之处,保证代码运行的安全。 提高代码编译效率,增加运行速度。 为未来新版本的...zfh...大约 1 分钟开发日志JS严格模式
element-ui利用el-tooltip实现文本超出提示开始之前... 以下概念均不包括margin,因为它不是元素的一部分 offsetWidth/offsetHeight:它们提供了元素的“外部” width/height。或者,换句话说,它的完整大小(包括边框) scrollWidth/scrollHeight这些属性就像 clientWidth/clientHeight,但它们还包括滚动出(隐藏)的...zfh原创...大约 1 分钟开发日志VueelementUIvue2
CSS图片底侧空白缝隙解决方案从下面的案例来看,图片是与文字的基线对齐的。这就是底部缝隙出现的原因 方案 1:vertical-align vertical-align 属性设置元素的垂直对齐方式 属性值 baseline:默认值,元素放置在父元素的基线上; top:把元素的顶端与行中最高元素的顶端对齐; middle:把此元素放置在父元素的中部; bottom:把元素的顶端与行中...zfh原创...小于 1 分钟开发日志CSS
CSS文本溢出处理方式单行文本溢出省略号效果 指定 N 行文字溢出省略号效果(以 4 行为例) 因使用了 WebKit 的 CSS 扩展属性,适用于 WebKit 浏览器及移动端 ::: tip 提示 -webkit-line-clamp 用来限制在一个块元素显示的文本的行数。为了实现该效果,它需要组合其他的 WebKit 属性。 常见结合属性: display: -web...zfh...小于 1 分钟开发日志CSS
Web移动端适配的一些思考最近,看了之前写的移动端商城项目,看到了当时写的rem适配的代码,觉得有问题,查了些资料,输出一些我的思考。 这是当时的代码: rem是指相对于根元素的字体大小的单位。比如上面的代码我们设置html的字体大小为 100px;那1rem=100px;12px=0.12rem;那实际上我们的html字体大小并不会随着设备的视口宽度自动变化,因为它永远是 1...zfh原创...大约 1 分钟开发日志CSS
Hook对比HOC和renderProps在 React 开发中,Hook,HOC 和 renderProps 它们均可以完成组件状态逻辑的复用 从难易程度上来说 Hook 相对于其余两种方式写起来要容易的多 现在我以 React 官方文档 中的renderProps (https://zh-hans.reactjs.org/docs/render-props.html) 一节里的鼠标移动案例...zfh...大约 3 分钟开发日志React
element-ui树控件自动定位到当前选择项需求 做业务遇到了需要在树空间中回显示当前操作的的数据项,因为树空间的高度有限,如果当前选择项是比较靠后的,就无法出现在树的滚动视窗范围之内。 所以就要在树展示的时候自动滚动到当前的选择项,好在Element (https://developer.mozilla.org/zh-CN/docs/Web/API/Element) 接口提供了这样一个 scr...zfh原创...大约 1 分钟开发日志VueelementUIvue2
element-ui清除表单的奇怪现象element-ui 中` form 中有个清空表单的方法,即假如给表单一个 ref='form', 则清空表单的方法为 this.$refs.form.resetFields() 可当在 dialog 组件中用这个方法的时候,这就出现问题了,居然清空不了 问题的本质是因为你第一次打开 dialog 的时候给表单绑定的 form 赋值了,这时候这个 f...zfh原创...大约 1 分钟开发日志VueelementUIvue2