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