花子子

平时上网有随手收藏感兴趣网站的习惯，上学的时候大部分收藏的都是游戏音乐电影不可描述之类的网站，工作之后反而全是技术学习资讯之类的了。前几天整理浏览器书签的时候，发现竟然有二...

作为前端，当你入职一家公司，拿到新发的电脑，你会对电脑干点啥，装开发环境？装软件？你是否铺天盖地到处找之前电脑备份的东西？又或者是想不起来有什么上一台电脑好用的软件叫什么名...

到现在为止，我写了 200 多篇技术文章了。很多人问过我，为啥我能坚持呢？我写文章的动力是什么？ 今天就来解答一下： 有两个学生在做同一道难题。 一个学生绞尽脑汁，快速思考...

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理...

2022 年的年终总结比 2021 年来的稍晚一些，最主要的原因当然不是因为我的拖延症，而是真真正正的是因为变身小阳人，给自己找了一个很好的借口。...

前言 最近在更新react组件库源码的文章，其实vue和其他框架都一样，就是我发现自己在一年前直接看这些源码（不调试），还是有点吃力的，然后就放弃了。 可最近不知道为啥，看...

本文正在参加「金石计划 . 瓜分6万现金大奖」。 众所周知，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。 举个例子：一...

本文正在参加「金石计划 . 瓜分6万现金大奖」 1. meter & progress 元素是显示进度条的语义正确方式。 除了在已知范围内显示标量测量值外，它还允许我们指定...

作为一个码龄8年+程序员，到现在还能保持着浓密的头发和健壮的身体，全靠这10个网站让我健（偷）康（偷）生（摸）活（鱼），今天就把我收藏夹里的网站无私分享出来，千万不要忘记点...

又是一个安静的晚上，又是没有灵感的一天，又只能去逛逛`codepen`。看到一个流光的边框效果，我就想如何通过自己的方式来现这样一个效果。 突然又想起路边夜市的招牌，不就是...

背景:在做公司项目的时候因为某项纪录的模块查看太多,为了用户更好的查看体验,决定开发一个侧边导航栏,通过点击导航栏进行精确定位移动到某项纪录上.H5ApiscrollInt...

去年年底自己搭了一个vue在移动端的开发框架，感觉体验不是很好。上个星期又要做移动端的项目了。所以我花了两天时间对之前的那个开发框架做了以下优化 如果每个页面在数据加载完成...

在移动端H5应用开发过程中，我们难免会遇见很多问题，使得我们很郁闷。所以我感觉有必要把它们记录下来，分享给即将踏入移动端 Web 开发大门的朋友们，更好的解决ios和and...

需求：有时候我们需要实现当点击一个按钮或者超链接时，立刻滚动跳转定位到本页面中指定的位置。实现方法：一：通过html锚点实现滚动定位到页面指定位置（DIV）锚点：也就是A标...

很多网站都有一个固定在上方的导航栏，方便用户搜索和跳转到其他页面。 如果使用锚点实现目录的跳转，会遇到 fixed 导航栏遮住了标题的问题。 如果没有滚动条，锚点失效。 如...

element.scrollToView() 可能会导致锚点位置不准确 当页面有fixed顶部的布局时，由于fixed布局的元素脱离文档流，被scrollToView()的...

项目中经常会出现点击跳转锚点的方法，比如给一个a标签一个href=“#锚点”，然后要跳的锚点给个id=“锚点”，这样就实现简单的跳转，但是这样在url地址栏后面都会出现一个...

大部分情况下在做项目时，pc端和移动端是分开两个项目的，但是也有少部分情况，页面很少的时候，就比如我这次要做的介绍页（从第三方应用跳转到本公司平台，先跳转到介绍页，再从介绍...

window.history.go(-1) 和 window.history.下面用了一种比较low的方法，但是好歹实现了。。//home.localStorage.set...