2020-07-01

[编程技术] Web 加载速度优化清单，让你的网站快上加快

网页加载速度是衡量一个网页好坏的重要标准，网页遗弃率随网页加载时间的增加而增加。据说近一半的用户希望网页加载时间不超过 2s，超过 3s 一般就放弃该网页。时间就是生命，干等着，谁愿意平白无故地 +1s 呀，所以今天

2020-03-24

[编程技术] 前端 | CSS 实现新拟态(Neumorphism) UI 风格

什么是新拟态(Neumorphism) UI 风格？网上似乎还没有一个准确统一的定义。按照我个人的通俗理解，就是将界面的一部分凸起来，另一部分凹下去，形成的一种错落有致的拟物风格。代表作是乌克兰设计师 Alexander Plyuto 在

2020-02-06

[编程技术] 什么是防抖和节流？vue 中如何使用防抖和节流

什么是防抖和节流？vue 中如何使用防抖和节流介绍在 JavaScript 中，防抖和节流其实是一个很重要的概念。主要应用场景就是会频繁触发的事件，比如监听滚动、点赞功能，总不能点一次赞就向后台发送一次数据，这时候就要用到防

2019-10-31

[编程技术] 巧用 Google 官方网页载入速度检测工具 Google page speed 改善网站加载速度

相信有接触前端开发的大神们都听说过 Google 官方的 PageSpeed Tools，这个网页载入速度检测工具有在线版本也有一个 Chrome 扩展，叫 PageSpeed Insights，下面就介绍一下PageSpeed Insights。安装 Google 官方的 PageSpeed Tools 有两个

2019-10-30

[编程技术] 自动在网页中英文之间加空格

汉学家称这个空白字元为「盘古之白」，因为它劈开了全形字和半角字之间的混沌。另有研究显示，打字的时候不喜欢在中文和英文之间加空格的人，感情路都走得很辛苦，有七成的比例会在34岁的时候跟自己不爱的人结婚，

2019-10-29

[编程技术] js限制button十秒内不能重复点击

js限制button十秒内不能重复点击 <html> <body> <input type="button" value="按钮" id="btn"/> </body> <script> var wait = 10; document.getElementById("btn").onclick = function() { time(this); alert("十秒后解除点击限制！"); } function time(o) { if (wait == 0) { o.removeAttribute("disabled"); wait = 10; } else { o.setAttribute("disabled", true); wait--;