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

前端快爆

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

圣诞老人图标动画

风中飘动的火苗

专题：移动无限加载

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

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

滚动事件

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

懒加载

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

无限滚动

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

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

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

2018/12/06 eclipse 快速加载需要的包
Windows: ctrl+shift+o macOS: cmmand+shift+o 转载于:https://www.cnblogs.com/huangZ-H/p/10078930.html
东航电商前端技术周刊第一期20180601
这期我们分享如下: 1.计算金额的小数点怎么才能精准呢? 2.如何才是正确的比较浮点数的姿势呢? 3.日历的天数怎么算呢? 4.JS切面编程之AOP 5.文本的省略号怎么用css实现? 6.超出文本的 ...
《阿里云前端技术周刊》第五期
作者:雏恬校对:染陌知乎:阿里云中台前端/全栈团队专栏 Github:阿里云前端技术周刊给我们投稿:传送门参与交流:传送门前端速报 GitHub Package Registry 发布!你依 ...
前端技术周刊 2019-02-11 Serverless
前端技术周刊 2019-02-11 前端快爆 Chrome 72 的安卓版正式启用了 Trusted Web Activity 功能,可以使得一个 PWA 应用能够在 Google Play Stor ...
前端技术周刊 2018-10-08：WebGL
前端技术周刊 2018-10-08 大家好,有半个月没见了.最近编辑部忙到爆炸,出刊节奏被打乱,预计在今年双十一之后恢复正常出刊速度. 前端快爆 10月5日,Google 发布 Project Str ...
基于jquery响应式网站图片无限加载瀑布流布局
分享一款效果非常酷的jQuery瀑布流布局无限加载图片效果.整个页面采用响应式布局,图片采用jQuery.Lazyload延时加载技术,提升整个页面的加载速度.效果图如下: 在线预览源码下载实 ...
JRoll 2 使用文档（史上最强大的下拉刷新，滚动，无限加载插件）
概述说明 JRoll,一款能滚起上万条数据,具有滑动加速.回弹.缩放.滚动条.滑动事件等功能,兼容CommonJS/AMD/CMD模块规范,开源,免费的轻量级html5滚动插件. JRoll第二版是 ...
转圈加载html,web前端入门到实战：纯CSS实现加载转圈样式
web前端入门到实战:纯CSS实现加载转圈样式发布时间:2020-05-27 18:11:33 来源:51CTO 阅读:134 作者:前端向南不同的项目中对于等待加载时转圈圈的样式是不同的,有的是 ...
ajax瀑布流插件,jQuery瀑布流无限加载插件：jquery.falless.js
慌慌张张,匆匆忙忙,为何生活总是这样? 难道说,我的理想,就是这样度过一生的时光?........... 真的是一年一年飞逝而去,而人的一生,又有几个一年? 第一个四年即将结束,得到了什么?又失去了什 ...

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

前端快爆

优秀 Demo

专题：移动无限加载

滚动事件

懒加载

无限滚动

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

最新文章

热门文章