js
11篇文章 · 0订阅
  • 前端渣渣唠嗑一下前端中的设计模式（真实场景例子）
    不知道有没有跟我一样，对于设计模式存在困惑的，以我为例，不瞒大家，我对设计模式真的是“看山就是山”、“看水就是水”、“看理论就是看理论”。毕业之前，我自己捣鼓的东西/项目，几乎没有设计的思想。老夫才不管那么多，直接梭哈，But，正是因为这样，才导致因设计缺陷、代码实现缺陷，为后…
    JavaScript
  • 宏任务和微任务的理解
    持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第7天，点击查看活动详情 一、什么是宏任务和微任务？ 首先，我们要先了解下 Js 。js 是一种单线程语言，简单的说就是：只有一条通
    前端 JavaScript
  • 懒加载和预加载
    懒加载也叫延迟加载，指的是在长网页中延迟加载图像，是一种很好优化网页性能的方式。用户滚动到它们之前，可视区域外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。常适用图片很多，页面很长的电商网站场景中。 能提升…
    JavaScript 前端 服务器
  • 原生JS实现最简单的图片懒加载
    试一下自己撸一个图片懒加载... 懒加载其实就是延迟加载，是一种对网页性能优化的方式，比如当访问一个页面的时候，优先显示可视区域的图片而不一次性加载所有图片，当需要显示的时候再发送图片请求，避免打开网页时加载过多资源。 当页面中需要一次性载入很多图片的时候，往往都是需要用懒加载…
    JavaScript
  • 蒙了吗？offsetLeft、offsetWidth、scrollTop、scrollWidth、event.pageX
    offsetTop 返回的是数字，而 style.top 返回的是字符串，除了数字外还带有单位：px。 offsetTop 只读，而 style.top 可读写。 若是没有给 HTML 元素指定过 top 样式，则 style.top 返回的是空字符串。 offsetLeft …
    前端
  • 实现图片懒加载(Lazyload)
    本文标题:实现图片懒加载(lazyload)文章作者:Jake发布时间:2016-11-26, 18:46:34最后更新:2016-11-28, 17:12:59原始链接:http://i.jakeyu.top/2016/11/26/实现图片懒加载/许可协议: "署名-非商用-…
    JavaScript
    实现图片懒加载(Lazyload)
  • 关于setTimeout
    我：支支吾吾...... span标签里面的内容一秒之后由“测试”变成了“一秒后”。 这里点击之后执行start()函数，在函数里面setTimeout()函数又调用了start(),所以就是一秒钟调用一次start()函数。 大家都知道setInterval()和setTim…
    JavaScript 前端 Ajax
  • 汇总归纳setTimeout和setInterval的异同
    简单提一下用法相同点均为宏任务，计时结束后，在js主线程排队等待执行。例如设置delay延时为1000。那执行的延迟肯定会大于（取决于主线程是否有正在执行的）或等于1s若主线程在它们前面执行的任务，发
    JavaScript
  • 原生JS实现简易打字游戏
    原生JS实现简易打字游戏 这是一篇纯代码的文章哦，希望你能看懂代码表示的是啥，嘿嘿! 【打字游戏】<!DOCTYPE html> <html lang="en"> <head> <meta
    游戏开发
  • 33个非常实用的JavaScript一行代码，建议收藏！
    33个实用JavaScript一行代码，建议收藏！最近在国外技术社区看到了一些关于一行代码的文章，感觉很有意思，就整理了一下来分享给大家，希望对你有所帮助。
    前端 JavaScript 程序员
    33个非常实用的JavaScript一行代码，建议收藏！