rudy_zhou

在写个人网站的时候，需要用到 iframe 引用本地静态的 html 文件，发现引用方式的一些差异，在此分享一下。 在vue-cli 2.0 构建的项目中，如果要使用 iframe 引用本地的静态 html 文件，静态文件需要放置在和 src 同级的文件加夹 static 中。…

对我来说什么时候写博客呢？无非就几种情况，一种是对某些知识了解不清楚需要巩固。一种是遇到问题上网找了很久没有合适的答案，最终找到了解决方案，为了方便广大同行能快速定位解决问题。最后一种就是有些小心得，分享记录一下自己的感受。 本篇信息主题其实算是很基础很基础的东西，但是就是这些…

之前用VUE开发的时候经常遇到，用 chrome 的调试工具进入页面 debugger 的时候，用 console.log(this) 能输出 this的值。但是在断点过程中，用鼠标移动到 this 上显示的确是 undefined(在控制台中输出 this 也是 undefi…

之前看到一个效果，一条小细线，围绕着边框一直绕圈，不过它的实现方式使用了JavaScript。于是就尝试着写了一个只需要CSS就能围绕边框跑的效果，废话不多说，直接上效果图和代码。 你木有看错，只有一个DOM，外加一些CSS，就实现了上图的效果。 从以上CSS代码可以看到，这里…

前一段时间，写了一个前端去重的博文。在处理千万级的数据时，即使不考虑兼容选用效率最高的方式，也需要几秒钟才能处理完（具体时长主要受数据重复率影响），这样会造成页面卡死的结果。因为JavsScript是单线程处理的，所以在数据未处理完时，后面的任务会等待。今天就来解决一下因任务量…

控制台出现以上这种 Navigating to current location ("/path") is not allowed 时，是因为重复进入了相同路由。 为了演示报错，用vue-cli重新构建了一个新的项目，只编写了一个按钮一个input。 在重复进入相同路由时（不论…

大多数小伙伴都遇到过一种调试情况，想调试页面中的某个元素，查看该元素的样式或者其他信息。鼠标移上去的时候或者点击的时候存在，移开就消失了，以至于不能用选择页面元素工具查看。今天就来整理一下什么功能会出现这种情况，以及该如何调试这种情况的元素。 最常见的也是最普通的情况就是伪类，…

为了使一个在图片上悬浮的方框呈现磨砂玻璃的效果，就是透过这个方框看到下方的图片是模糊的这样一个效果，以下用css来做一个简单的效果。 其实如果考虑兼容所有，可以不用模糊处理，直接用Photoshop把图片模糊了，方框内就用模糊处理过的图片，只要图片尺寸相同，效果呈现是一样的。 …

之前在阅读vue 的api的时候，在解释指令v-bind时，其中关于修饰符 .prop 的解释是- 作为一个 DOM property 绑定而不是作为 attribute 绑定。 令我挺好奇的，虽然干了这么久前端还未详细探究过两者之前的具体区别。于是就跟着链接进入了Stack …