HuQing

在我们处理有关对象的业务逻辑的时候，你可能见过这种奇怪的现象：compare-objects即使两个不同的对象可以具有相同的属性，但在使用==或===进行比较时，它们不被认为是相等的。这是因为它们是通过引用(内存中的位置)进行比较的，而不是按值进行比较的原始值。 阅读全文…

在某些特殊的场景下，我们需要在不卡住页面的情况下渲染数据，也就是说不能一次性将几万条都渲染出来，而应该一次渲染部分 DOM，那么就可以通过 requestAnimationFrame 来分多次将数据渲染出来。 阅读全文…

防抖你是否在日常开发中遇到一个问题，在滚动事件中需要做个复杂计算或者实现一个按钮的防二次点击操作。这些需求都可以通过函数防抖动来实现。尤其是第一个需求，如果在频繁的事件回调中做复杂计算，很有可能导致页面卡顿，不如将多次计算合并为一次计算，只在一个精确点做操作。PS：防抖和节流的作用都是防止函数多次调用。区别在于，假设一个用户一直触发这个函数，且每次触发函数的时间小于设定的间隔时间，防抖的情况下只会调用一次，而节流的情况会每隔一定时间（设定的延迟时间）调用函数。 阅读全文…

最近看了一下 Vue.js 的实现相关的文章，了解到了其数据劫持（双向绑定）的原理，使用到了Object.defineProperty这个方法，花了点时间，自己尝试着做了一个小 demo。MDN 解释：Object.defineProperty方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 并返回这个对象。 阅读全文…

最近看了慕课网的Nodejs课程，跟着做了一个基于nodejs开发的网页爬虫爬了我自己的博客文章列表，感觉挺有趣的，记录一下。 阅读全文…

最近在做 vue 项目的时候页面处理多行文本样式时用到了-webkit-box-orient: vertical 这个属性，开发环境跑起来没问题，但是打包运行后发现这个属性丢失了。 阅读全文…

带多个参数的混合什么是多参数：一个组合可以带多个参数，参数之间可以用分号或者逗号分割。但是推荐使用分号分割，因为逗号符号有两个意思。它可以理解为mixins参数分隔符或者css列表分隔符。 阅读全文…

普通混合什么是混合混合就是一种将一系列属性从一个规则集引入（“混合”）到另一个规则集的方式。 阅读全文…

问题在less中 calc(100% - 6rem) 等带单位混合运算会被less解析后忽略被运算的rem等单位，全部按照百分比计算，此例中的计算被less编译成calc(94%)。原因less的解析方式跟calc方法有重叠，两者在一起有冲突解决方案1width: e("calc(100% - 6rem)");或者1width: calc(~"100% - 6rem"); 阅读全文…

最近在做Vue项目，因为需要用到微信的第三方登录，域名得固定，需要改了hosts之后发送跨域请求，起初运维大神使用了树莓派来搭建挂载了需要请求的服务资源的办公室本地的局域网服务器，但只能在办公室使用，在寝室无法办公，于是自己摸索了一下，才发现webpack本身就有跨域的设置功能。 阅读全文…