前端妹子

Hooks出来已经有段时间了，相信大家都用过段时间了，有没有小伙伴们遇到坑呢，我这边就有个setInterval的坑，和小伙伴们分享下解决方案。 因为Effect的第二个参数为[]，没有依赖,Effect只会执行一次。setInterval中拿到的是第一次渲染时的闭包count…

很多大佬写自己网站是为了开源给大家做贡献，如果可以景上添花，通过广告给自己带来写一定收入，岂不是达到作者与读者的双赢状态。 那么如果要插入广告，怎么才能发到用户体验良好，但是广告曝光率又高呢。毕竟我们也不是专业的运营同学，google做为全球最大的广告商，已经给我们提供了插入自…

‘运行环境’也是对象，this指向运行时所在的对象。 函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。 本来记住这几点已经可以了，this最终找到是可能window，但是undefined是怎么又是怎么来的，本妹子下面将一步步分析。 我们一般写js文件都是…

转眼间已经参与过我厂好几个小程序的开发了，下面本妹子将开发中的那些注意点和各位小伙伴们分享下，妥妥的干货一枚。 微信开发者工具不会对代码进行trim操作，如果代码中换行，页面也直接换行。 一般来说，wx:if 有更高的切换消耗而 hidden 有更高的初始渲染消耗。因此，如果需…

前端很多情况需要用启动web服务器，而为了保证数据的安全性，都需要用Https对传输的数据进行加密传输，而且有些web-view只允许https通过访问，所以学习怎么配置https也成为大前端不可以少的功课之一。下面本妹子将先简单介绍下 Https,再依次介绍怎么在Node、w…

每次用配置react路由都会考虑是否应该给给<Route>组件加上exact或strict。下面妹子将于自认为比较清晰的方式列举出来什么场景需要加和不加。 exact默认为false，如果为true时，需要和路由相同时才能匹配，但是如果有斜杠也是可以匹配上的。 而strict是…

现在浏览器css匹配核心算法的规则都是是以right-to-left方式匹配节点的。 它的读取顺序变成：先找到所有的span，沿着span的父元素查找.sub,再找.root，中途找到了符合匹配规则的节点就加入结果集；如果直到根元素html都没有匹配，则不再遍历这条路径，从下一…

有些简单前端小项目，不需要涉及框架，前端打包压缩的话本妹子还是喜欢用gulp。 本文将用gulp-rev和gulp-rev-rewrite解决cdn缓存问题。 以及列出的是本妹子最常用的gulp插件，小伙伴们可以参考。 1.为静态文件添加唯一hash值，如 unicorn.cs…

一直以来，检测元素在浏览器视窗口内不是件容易的事，很多解决方案都不能很准确的判断，计算量也有可能拖慢网站性能。 监听浏览器滚动事件scroll，对每个目标元素执行Element.getBoundingClientRect(),getBoundingClientRect方法返回元…