郭全祯的博客

郭全祯

博文分类

防抖和节流使用场景和区别

复习一下js节流与防抖的原理与实现方式。

郭全祯 1260 0
JS/jQuery/Css
flex布局设置width无效

父级元素设置了flex布局，子元素直接设置width，发现并不能生效。解决办法：1.子元素上设置flex宽度flex:0 0 85px;2.在子元素上设置flex-shrinkwidth:60px; flex-shrink:0;flex相关知识可以参考：https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

郭全祯 1580 0
JS/jQuery/Css
css自动序号

用css计数实现序号是不是很新颖呢？

郭全祯 2009 0
JS/jQuery/Css
vue $emit 无效解决记录

页面重写，逻辑比较复杂就用了vue重写。神奇的 $emit 无效。经过搜索，发现问题：驼峰命名导致的。开发过程汇总突然遇到this.$emit无法将事件发布出去，原因查找发现是使用了驼峰命名法，导致方法不能被监听到。点击查看vue官方文档说明，最神奇的是并不是所有的emit都失效，只是有些emit的方法名在特定情况下失效。解决方案1.使用-连接，比如： this.$emit(‘...

郭全祯 2785 0
JS/jQuery/Css
vue在html中出现{{}}原因及解决办法

场景：优化以前就项目，部分页面改为vue渲染。问题：页面渲染可以明显看到{{}}等闪现。以为这是渲染先后的问题，无法避免的。以前做法就是数据渲染前加v-if 判断。然后整块渲染。其实官方文档又给出解决办法，只是当时学习的时候，走马观花，没有仔细的阅读文档和demo例子。其实解决办法还挺多的。现在来复现下问题：

郭全祯 2536 0
JS/jQuery/Css
只要一行代码，实现五种 CSS 经典布局

常用的页面布局，其实就那么几个。只要掌握了它们，就能应对绝大多数常规页面。这几个布局都是自适应的，自动适配桌面设备和移动设备。代码实现很简单，核心代码只有一行，有很大的学习价值，内容也很实用。

郭全祯 1569 0
JS/jQuery/Css
mounted中使用this.$refs报unfidned

使用vue写个demo，一段以前使用的代码却出了幺蛾子。具体就是mounted中使用this.$refs报unfidned。。。最终发现是有些优化导致的~

郭全祯 2247 0
JS/jQuery/Css
CSS移动端特有样式 / input相关

一些css相关小技巧，记录一下以便以后使用！

郭全祯 2570 0
JS/jQuery/Css
手动实现Node守护进程

使用child_process.fork()方法创建子进程，实现守护进程。

郭全祯 2447 0
JS/jQuery/Css
Electro+electron-rebuild+ffi

使用electron写了个桌面工具，需要发通知给其他软件。打算借助ffi模块实现。然后地狱的开端，照着官方文档操作，然后各种问题各种错。开始以为系统软件冲突，脑子一热。系统重装...干净了以为就好了，好吧，我想多了。抱怨到此为止，开始说实在的记录过程。这里重要的事情说三遍，支持版本为：node.js V10.16.0,electron V4.2.5（这里感谢网友告知！）。安装ffi模块需要先安装n...

郭全祯 5526 0
JS/jQuery/Css