前端快爆

  • Electron 4.0.0 发布，不再支持 macOS 10.9 及以下版本。内核更新至 Chromium 69、Node.js 10.11.0、V8 6.9.427.24。?

    点评：嗯，Electron 说， Chrome 大哥要抛弃 macOS 10.9，我们不能给大哥丢脸。

  • V8 引擎 7.2 Beta 版发布，大幅提升了 JavaScript 解析速度，同时还带来了更快的 async/await 实现，以及对 public class fields 的支持。?

    点评：你们 V8 每次都搞个大新闻，考虑一下Edge 的感受了吗？它们还在默默修复空 div 导致的硬件加速 Bug。

  • Firefox 66 去除了 CSS 宽度单位中的 min-content 和 max-content 值的 -moz- 前缀，此前 Chrome 46 已经支持。?

    点评：去掉，去掉，通通去掉。

  • Safari Technology Preview 72 发布，支持了大量的 CSS Painting API 特性、实现了 CTAP HID 身份验证器等 。?

    点评：?圣诞节可能都放假了吧，也只有中国的程序员还在写 Bug，心塞。

  • React v16.7 正式版发布，该版本主要修复 React.lazy 大量懒加载组件产生的性能问题、unmount 时清空字段以避免内存泄漏等。?

    点评：你想要的 Hooks 还没有发布， React 团队说自己不该吹牛，可能还要等上好几个月，哈哈哈。

优秀 Demo

  • 圣诞老人图标动画

  • 风中飘动的火苗

专题：移动无限加载

无线端列表为了更好的用户体验，往往采用滚动加载的方式。这在设计上其实是分页加载的一种，但是具有自动加载，节省操作和时间的特点。但是这也为前端带来了性能挑战：一但页面加载了过多的数据就会造成滚动卡顿、操作缓慢，为了用户体验却带来了负面效果。

如何做到可以无限滚动加载而尽可能减少页面卡顿，这里面包含了一系列的知识点：

滚动事件

  1. 移动 Web 的滚动
  2. 高性能滚动及页面渲染优化
  3. 移动端滚动事件大起底

懒加载

  1. Lazyload 三种实现方式
  2. 懒加载和预加载

无限滚动

  1. React 之无限滚动
  2. Vue.js 一个超长列表无限滚动加载的解决方案
  3. 设计高性能无限滚动加载，了解高效页面秘密
  4. 设计模式之享元模式

本期编辑：@壹丝；审阅：@承虎；专题供稿：@彬宇。

前端技术周刊 2018-12-24：移动无限加载相关推荐

  1. 2018/12/06 eclipse 快速加载需要的包

    Windows: ctrl+shift+o macOS: cmmand+shift+o 转载于:https://www.cnblogs.com/huangZ-H/p/10078930.html

  2. 东航电商前端技术周刊第一期20180601

    这期我们分享如下: 1.计算金额的小数点怎么才能精准呢? 2.如何才是正确的比较浮点数的姿势呢? 3.日历的天数怎么算呢? 4.JS切面编程之AOP 5.文本的省略号怎么用css实现? 6.超出文本的 ...

  3. 《阿里云前端技术周刊》第五期

    作者:雏恬 校对:染陌 知乎:阿里云中台前端/全栈团队专栏 Github:阿里云前端技术周刊 给我们投稿:传送门 参与交流:传送门 前端速报 GitHub Package Registry 发布!你依 ...

  4. 前端技术周刊 2019-02-11 Serverless

    前端技术周刊 2019-02-11 前端快爆 Chrome 72 的安卓版正式启用了 Trusted Web Activity 功能,可以使得一个 PWA 应用能够在 Google Play Stor ...

  5. 前端技术周刊 2018-10-08：WebGL

    前端技术周刊 2018-10-08 大家好,有半个月没见了.最近编辑部忙到爆炸,出刊节奏被打乱,预计在今年双十一之后恢复正常出刊速度. 前端快爆 10月5日,Google 发布 Project Str ...

  6. 基于jquery响应式网站图片无限加载瀑布流布局

    分享一款效果非常酷的jQuery瀑布流布局无限加载图片效果.整个页面采用响应式布局,图片采用jQuery.Lazyload延时加载技术,提升整个页面的加载速度.效果图如下: 在线预览   源码下载 实 ...

  7. JRoll 2 使用文档（史上最强大的下拉刷新，滚动，无限加载插件）

    概述 说明 JRoll,一款能滚起上万条数据,具有滑动加速.回弹.缩放.滚动条.滑动事件等功能,兼容CommonJS/AMD/CMD模块规范,开源,免费的轻量级html5滚动插件. JRoll第二版是 ...

  8. 转圈加载html,web前端入门到实战：纯CSS实现加载转圈样式

    web前端入门到实战:纯CSS实现加载转圈样式 发布时间:2020-05-27 18:11:33 来源:51CTO 阅读:134 作者:前端向南 不同的项目中对于等待加载时转圈圈的样式是不同的,有的是 ...

  9. ajax瀑布流插件,jQuery瀑布流无限加载插件：jquery.falless.js

    慌慌张张,匆匆忙忙,为何生活总是这样? 难道说,我的理想,就是这样度过一生的时光?........... 真的是一年一年飞逝而去,而人的一生,又有几个一年? 第一个四年即将结束,得到了什么?又失去了什 ...

最新文章

  1. 和12岁小同志搞创客开发：Mind+编程软件简介、安装及使用
  2. -heap 查看当前jvm堆栈信息_必知必会的JVM工具系列二，读懂会用jhat,jstack,jstatd,JConsole...
  3. 基于FPGA的通用8251串行异步收发器(6600+字)
  4. mysql 5.7优化不求人_《MySQL 5.7优化不求人》直播精彩互动
  5. 第二十篇:定义一个整形变量
  6. Spring 使用 JSR303自定义校验注解+分组校验
  7. mysql vacuum_PostgreSQL DBA快速入门(四) - 体系架构
  8. java holder_java.sql.SQLException: connection holder is null
  9. java 界面输出控制台信息,java 怎么获取控制台的数据并且输出到GUI上
  10. string 是值类型,还是引用类型(.net)
  11. ALM TFS/VSTS工具 的Java集成
  12. 【渝粤教育】广东开放大学 供应链与物流管理 形成性考核 (56)
  13. 用手机怎么制作电子版证件照
  14. CTC算法论文阅读笔记：Connectionist Temporal Classification: Labelling Unsegmented Sequence Data with Recurren
  15. 使用Xcode创建第一个App
  16. 可以批量制作吊牌标签上的条码标签打印软件
  17. New 900 Sentences
  18. unity中的C#编程-零基础（Unity2017）
  19. 谷歌Chrome浏览器极速模式Never Slow Mode细节曝光
  20. Python 爬虫QQ音乐

热门文章

  1. 十年Java经验让我总结出了这些，什么是真正的架构设计？
  2. 华为openGauss初级OGCA认证100%通过
  3. 五大领域总目标指南_幼儿园五大领域活动总目标
  4. Android wms粗略介绍
  5. 力扣（700.701）补9.9
  6. 新浪搜狐网易等那些老牌互联网公司 现在都怎样了？
  7. 【MCU】基于STM32CubeMX定时器中断实现LED闪烁
  8. 报错:Expected singleton
  9. lol各个区服务器位置2020,lol大区排名2020
  10. 基于hadoop平台hive数据库处理电影数据